{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/internal/svg-icons/Person.js","webpack:///./node_modules/@material-ui/core/esm/Avatar/Avatar.js","webpack:///./src/components/header/index.tsx","webpack:///./src/components/layouts/home-layout.tsx","webpack:///./src/components/cards/card3.tsx","webpack:///./src/components/thumbnail/index.tsx"],"names":["createSvgIcon","d","props","ref","alt","childrenProp","children","classes","className","_props$component","component","Component","imgProps","sizes","src","srcSet","_props$variant","variant","other","loaded","_ref","_React$useState","setLoaded","active","image","Image","onload","onerror","useLoaded","hasImg","hasImgNotFailing","img","Person","fallback","root","system","colorDefault","withStyles","theme","position","display","alignItems","justifyContent","flexShrink","width","height","fontFamily","typography","fontSize","pxToRem","lineHeight","borderRadius","overflow","userSelect","color","palette","background","default","backgroundColor","type","grey","circle","circular","rounded","shape","square","textAlign","objectFit","textIndent","name","useStyles","makeStyles","createStyles","flexGrow","logo","margin","menuButton","primary","contrastText","title","list","fullList","headerBoard","main","headTitle","marginLeft","spacing","headSubTitle","link","backgroundImage","paddingLeft","listButton","paddingRight","headBottomContainer","headBottomContainerLeft","flex","overflowX","overflowY","scrollbarWidth","whiteSpace","padding","backkground","headBottomContainerRight","bar","iconButton","icons","socials","config","map","uL","icon","Object","keys","find","social","includes","rightSection","Logo","ListButton","Link","to","underline","style","Button","size","SocialTab","toggleDrawer","useTheme","mode","toggleTheme","Toolbar","disableGutters","IconButton","edge","aria-label","Typography","Hidden","smDown","Tooltip","onClick","key","mdUp","HeadBoard","Paper","elevation","Container","item","header","categories","React","state","setState","event","AppBar","open","shadow","top","left","filter","zIndex","opacity","transform","transition","backgroundSize","backgroundPosition","media","paddingTop","description","paddingBottom","cardContent","paper","marginBottom","content","textDecoration","textShadow","tags","flexWrap","secondary","time","caption","bottomIcon","avatarContainer","avatar","button","marginRight","disableRipple","thumbnail","showTags","showDescription","author","showAuthor","showBottom","timeToRead","assign","sort","a","b","length","container","cover","tag","v","toLowerCase","replace","justify","charAt","fluid","backgroundRepeat","absolute","CoverImage","fileEdges","coverNodeList","fileNode","node","childImageSharp","absolutePath","indexOf","path","coverURL","substring","__PATH_PREFIX__","query","Cover","render","data","allFile","edges"],"mappings":"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","file":"8cce8e7d40da0f2a4fb4e2393eebb69e2207fb52-0e291c30cbbfdcf0a4c7.js","sourcesContent":["import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\n}), 'Person');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nimport Person from '../internal/svg-icons/Person';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      width: 40,\n      height: 40,\n      fontFamily: theme.typography.fontFamily,\n      fontSize: theme.typography.pxToRem(20),\n      lineHeight: 1,\n      borderRadius: '50%',\n      overflow: 'hidden',\n      userSelect: 'none'\n    },\n\n    /* Styles applied to the root element if not `src` or `srcSet`. */\n    colorDefault: {\n      color: theme.palette.background.default,\n      backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]\n    },\n\n    /* Styles applied to the root element if `variant=\"circle\"`. */\n    circle: {},\n\n    /* Styles applied to the root element if `variant=\"circular\"`. */\n    circular: {},\n\n    /* Styles applied to the root element if `variant=\"rounded\"`. */\n    rounded: {\n      borderRadius: theme.shape.borderRadius\n    },\n\n    /* Styles applied to the root element if `variant=\"square\"`. */\n    square: {\n      borderRadius: 0\n    },\n\n    /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n    img: {\n      width: '100%',\n      height: '100%',\n      textAlign: 'center',\n      // Handle non-square image. The property isn't supported by IE 11.\n      objectFit: 'cover',\n      // Hide alt text.\n      color: 'transparent',\n      // Hide the image broken icon, only works on Chrome.\n      textIndent: 10000\n    },\n\n    /* Styles applied to the fallback icon */\n    fallback: {\n      width: '75%',\n      height: '75%'\n    }\n  };\n};\n\nfunction useLoaded(_ref) {\n  var src = _ref.src,\n      srcSet = _ref.srcSet;\n\n  var _React$useState = React.useState(false),\n      loaded = _React$useState[0],\n      setLoaded = _React$useState[1];\n\n  React.useEffect(function () {\n    if (!src && !srcSet) {\n      return undefined;\n    }\n\n    setLoaded(false);\n    var active = true;\n    var image = new Image();\n    image.src = src;\n    image.srcSet = srcSet;\n\n    image.onload = function () {\n      if (!active) {\n        return;\n      }\n\n      setLoaded('loaded');\n    };\n\n    image.onerror = function () {\n      if (!active) {\n        return;\n      }\n\n      setLoaded('error');\n    };\n\n    return function () {\n      active = false;\n    };\n  }, [src, srcSet]);\n  return loaded;\n}\n\nvar Avatar = /*#__PURE__*/React.forwardRef(function Avatar(props, ref) {\n  var alt = props.alt,\n      childrenProp = props.children,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      imgProps = props.imgProps,\n      sizes = props.sizes,\n      src = props.src,\n      srcSet = props.srcSet,\n      _props$variant = props.variant,\n      variant = _props$variant === void 0 ? 'circular' : _props$variant,\n      other = _objectWithoutProperties(props, [\"alt\", \"children\", \"classes\", \"className\", \"component\", \"imgProps\", \"sizes\", \"src\", \"srcSet\", \"variant\"]);\n\n  var children = null; // Use a hook instead of onError on the img element to support server-side rendering.\n\n  var loaded = useLoaded({\n    src: src,\n    srcSet: srcSet\n  });\n  var hasImg = src || srcSet;\n  var hasImgNotFailing = hasImg && loaded !== 'error';\n\n  if (hasImgNotFailing) {\n    children = /*#__PURE__*/React.createElement(\"img\", _extends({\n      alt: alt,\n      src: src,\n      srcSet: srcSet,\n      sizes: sizes,\n      className: classes.img\n    }, imgProps));\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    children = alt[0];\n  } else {\n    children = /*#__PURE__*/React.createElement(Person, {\n      className: classes.fallback\n    });\n  }\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, classes.system, classes[variant], className, !hasImgNotFailing && classes.colorDefault),\n    ref: ref\n  }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiAvatar'\n})(Avatar);","import * as React from \"react\";\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport { createStyles, makeStyles, Theme, useTheme  } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\n\nimport MenuIcon from '@material-ui/icons/Menu';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Hidden from '@material-ui/core/Hidden';\nimport Drawer from './drawer';\nimport Paper from '@material-ui/core/Paper';\nimport Container from '@material-ui/core/Container';\nimport HideOnScroll from './hide-on-scroll';\nimport Link from '../Link';\nimport Dark from '@material-ui/icons/Brightness2';\nimport Light from '@material-ui/icons/Brightness2Outlined';\nimport {FaTwitter, FaFacebookF, FaLinkedinIn, FaGithub} from \"react-icons/fa\";\nimport * as config from '../../../config/SiteConfig.js';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      flexGrow: 1,\n      justifyContent: 'space-between',\n    },\n    logo: {\n      margin: 0,\n      height: '30px',\n    },\n    menuButton: {\n        color: theme.palette.primary.contrastText,\n      },\n    title: {\n      flexGrow: 1,\n      color: theme.palette.primary.contrastText,\n    },\n    list: {\n        width: 250,\n    },\n    fullList: {\n        width: 'auto',\n    },\n    headerBoard: {\n        height: 'auto',\n        backgroundColor: theme.palette.primary.main,\n    },\n    headTitle: {\n        color: theme.palette.primary.contrastText,\n        marginLeft: theme.spacing(2),\n    },\n    headSubTitle: {\n        color: theme.palette.primary.contrastText,\n        marginLeft: theme.spacing(2),\n    },\n    link: {\n        color: theme.palette.primary.contrastText,\n        fontSize: '1.2rem',\n        backgroundImage: 'none',\n        paddingLeft: theme.spacing(1.5),\n    },\n    listButton: {\n        color: theme.palette.primary.contrastText,\n        background: 'none',\n        display: 'inline-flex',\n        paddingRight: theme.spacing(2),\n        fontSize: '0.7rem'\n    },\n    headBottomContainer: {\n        display: 'flex',\n        alignItems: 'flex-end',\n        justifyContent: 'space-between',\n        height: '40px',\n        lineHeight: '40px',\n    },\n    headBottomContainerLeft: {\n        flex: '1 1 auto',\n        overflow: 'scroll',\n        overflowX: 'auto',\n        overflowY: 'hidden',\n        scrollbarWidth: 'none',\n        whiteSpace: 'nowrap',\n        padding: 0,\n        '&::-webkit-scrollbar': { \n            display: 'none',\n            backkground: 'transparent',\n        },\n    },\n    headBottomContainerRight: {\n        whiteSpace: 'nowrap',\n    },\n    bar: {\n        color: theme.palette.primary.contrastText,\n        display: 'inline-flex',\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(1),\n    },\n    iconButton: {\n        padding: theme.spacing(1.5),\n        color: theme.palette.primary.contrastText,\n    }\n  }),\n);\n\n// const categories = [\n//     {\n//         title: 'Extensions',\n//         icon: undefined,\n//         link: deadUrl,\n//         children: [\n//             {\n//                 title: 'Just Monika Screen Saver',\n//                 link: deadUrl\n//             },\n//             { title: 'Just Yuri Screen Saver', link: deadUrl}, {title: 'Just Sayori Screen Saver', link: deadUrl}]\n//     },\n//     {\n//         title: 'Wallpaper Engine',\n//         link: deadUrl,\n//         children : [\n//             {title: 'Just Monika', link: deadUrl }, { title: 'Just Yuri', link: deadUrl}\n//         ]\n//     }\n// ];\n\n// const socials = [{\n//     title: 'Twitter',\n//     link: 'https://www.twitter.com',\n//     icon: <FaTwitter/>\n// }, {\n//     title: 'Facebook',\n//     link: deadUrl,\n//     icon: <FaFacebook/>\n// }];\n\nconst icons = {\n    'twitter': <FaTwitter/>,\n    'facebook': <FaFacebookF/>,\n    'linkedin': <FaLinkedinIn/>,\n    'github': <FaGithub/>\n};\n\nconst socials = config.userLinks.map(uL => ({\n    title: uL.title,\n    link: uL.link,\n    icon: icons[Object.keys(icons).find(social => uL.link.includes(social))]\n}));\n\nconst rightSection = [{title: 'Blog', link: '/blog'}, {title: 'About', link: '/about'}, {title: 'Contact', link: '/contact'}]\n\nconst Logo = (props) => <img alt=\"logo\" {...props} src=\"/img/logo.png\" />;\n\nconst ListButton = (props) => {\n    const {link, classes, title} = props;\n    return (\n        <Link to={link} underline=\"none\" color=\"inherit\" style={{'background': 'none'}}>\n            <Button size=\"small\" className={classes.listButton}>{title}</Button>\n        </Link>\n    );\n}\n\nconst SocialTab = (props) => {\n    const {classes, toggleDrawer, socials} = props;\n    const theme = useTheme();\n    const {mode, toggleTheme}: any = theme.props;\n    return (\n        <Toolbar disableGutters={true}>\n            <Link to={config.siteUrl} color=\"inherit\" className={classes.link} >\n                <IconButton edge=\"start\" color=\"inherit\" aria-label=\"Logo\">\n                    <Logo className={classes.logo} />\n                </IconButton>\n            </Link>\n            <Typography variant=\"h6\" className={classes.title} />\n                <Hidden smDown>\n                    <Tooltip title={'Toggle Light / Dark Theme'}>\n                                <IconButton onClick={toggleTheme} color=\"inherit\" aria-label={'Toggle Light / Dark Theme'} className={classes.iconButton}>\n                                    {mode === 'light' ? <Light/> : <Dark />}\n                                </IconButton>\n                    </Tooltip>\n                    {socials.map((social) => (\n                        <Tooltip title={social.title} key={social.title}>\n                            <Link to={social.link} color=\"inherit\" className={classes.link} >\n                                <IconButton color=\"inherit\" aria-label={social.title} className={classes.iconButton}>\n                                    {social.icon}\n                                </IconButton>\n                            </Link>\n                        </Tooltip>\n                    ))}\n                </Hidden>\n                <Hidden mdUp>\n                    <Tooltip title={'Toggle Light / Dark Theme'}>\n                            <IconButton onClick={toggleTheme} color=\"inherit\" aria-label={'Toggle Light / Dark Theme'} className={classes.iconButton}>\n                                {mode === 'light' ? <Light/> : <Dark />}\n                            </IconButton>\n                    </Tooltip>\n                    <IconButton onClick={toggleDrawer} className={classes.menuButton} color=\"inherit\" aria-label=\"Open drawer\">\n                        <MenuIcon />\n                    </IconButton>\n                </Hidden>\n        </Toolbar>\n    )\n}\n\nconst HeadBoard = (props) => {\n    const {classes, list, toggleDrawer, socials, rightSection} = props;\n    return (\n        <Paper color=\"primary\" className={classes.headerBoard} square={true} elevation={0}>\n            <Container>\n                <SocialTab socials={socials} classes={classes} toggleDrawer={toggleDrawer}/>\n            </Container>\n                <br/>\n            <Container>\n                <Typography variant=\"h5\" color=\"inherit\" className={classes.headTitle}>{config.siteTitle}</Typography>\n                <Typography variant=\"subtitle1\" color=\"inherit\" className={classes.headSubTitle}>{config.siteDescription}</Typography>\n            </Container>\n            <br/>\n            <Container className={classes.headBottomContainer}>\n                <div className={classes.headBottomContainerLeft}>\n                    {list.map(item => <ListButton key={item.title} link={item.link} classes={classes} title={item.title} />)}\n                </div>\n                <div className={classes.headBottomContainerRight}>\n                    <Typography className={classes.bar} variant=\"h6\">|</Typography>\n                    {rightSection.map(item => (<ListButton key={item.title} link={item.link} classes={classes} title={item.title} />))}\n                </div>\n            </Container>\n            \n        </Paper>\n    )\n}\n\n\nconst header =  (props) => {\n    const {categories} = props;\n    const list = [...categories, ...rightSection, ...socials];\n    const classes = useStyles(props);\n    const [state, setState] = React.useState(false);\n\n    const toggleDrawer = (event: React.KeyboardEvent | React.MouseEvent) => {\n        if (\n          event.type === 'keydown' &&\n          ((event as React.KeyboardEvent).key === 'Tab' ||\n            (event as React.KeyboardEvent).key === 'Shift')\n        ) {\n          return;\n        }\n        setState(state => !state);\n    };\n\n    return (\n        <div className={classes.root}>\n            <HideOnScroll {...props}>\n                <AppBar elevation={0}>\n                    <Container>\n                        <SocialTab classes={classes} socials={socials} toggleDrawer={toggleDrawer}/>\n                    </Container>\n                </AppBar>\n            </HideOnScroll>\n            <Drawer open={state} toggleDrawer={toggleDrawer} list={list} title={config.siteTitle}/>\n            <HeadBoard classes={classes} rightSection={rightSection} list={categories} socials={socials} toggleDrawer={toggleDrawer}/>\n        </div>\n    );\n}\n\nexport default header;","import * as React from \"react\";\nimport Baseline from './baseline';\nimport Header from '../header';\nimport Container from '@material-ui/core/Container';\n\nexport default ({children, categories}: { children: React.ReactNode, categories: any[] }) => (\n    <Baseline>\n        <React.Fragment>\n            <Header categories={categories} />\n            <Container className='MuiPaper-root'>\n                {children}\n            </Container>\n        </React.Fragment>\n    </Baseline>\n)","import * as React from 'react';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport Link from '../Link';\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid';\nimport Avatar from '@material-ui/core/Avatar';\nimport Thumbnail from '../thumbnail';\nimport './card.scss';\n\nconst useStyles = makeStyles((theme: Theme) =>\n    createStyles({\n        shadow: {\n            top: '12px',\n            left: '6px',\n            width: 'calc(100% - 12px)',\n            filter: 'blur(6px)',\n            height: (props: {height: number}) => `calc(${props.height}px)`,\n            zIndex: 0,\n            opacity: 1,\n            position: 'absolute',\n            transform: 'scale(0.92)',\n            transition: 'transform .4s',\n            backgroundSize: 'cover',\n            backgroundPosition: '50% 50%',\n        },\n        // imgCard: {\n        //     height: 'inherit',\n        //     width: '100%',\n        //     marginBottom: 0,\n        //     position: 'absolute !important',\n        //     zIndex: 1,\n        //     borderRadius: \"6px\",\n        //     backgroundSize: 'cover',\n        //     backgroundPosition: '50% 50%',\n        //     boxShadow: '0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2)',\n        // },\n        media: {\n            width:'100%',\n            zIndex: 1,\n            height: (props: {height: number}) => `${props.height}px`,\n            position: 'relative',\n        },\n        title: {\n            paddingTop: theme.spacing(1),\n            // paddingBottom: theme.spacing(1),\n        },\n        description: {\n            paddingTop: theme.spacing(1),\n            paddingBottom: theme.spacing(2),\n        },\n        cardContent: {\n            padding: theme.spacing(2),\n            paddingBottom: '0 !important',\n        },\n        paper: {\n            padding: theme.spacing(0),\n            marginBottom: theme.spacing(2),\n            // height: '340px',\n        },\n        content: {\n            // position: 'relative',\n            // bottom: '0',\n            padding: theme.spacing(1),\n            paddingBottom: 0,\n        },\n        link: {\n            backgroundImage: 'none',\n            textDecoration: 'none',\n            textShadow: 'none',\n            width: '100%',\n        },\n        listButton: {\n            fontSize: '0.6rem',\n            padding: 0,\n            paddingRight: theme.spacing(1),\n            paddingLeft: theme.spacing(1),\n            color: 'inherit'\n        },\n        tags: {\n            display: 'flex',\n            justifyContent: 'flex-start',\n            paddingTop: theme.spacing(2),\n            flexWrap: 'wrap',\n            color: theme.palette.secondary.main,\n        },\n        time: {\n            fontSize: theme.typography.caption.fontSize,\n            padding: theme.spacing(1),\n            display: 'flex',\n        },\n        bottomIcon: {\n            fontSize: theme.typography.caption.fontSize,\n            margin: theme.spacing(0.5),\n        },\n        avatarContainer: {\n            fontSize: theme.typography.caption.fontSize,\n            padding: theme.spacing(1),\n        },\n        avatar: {\n            fontSize: theme.typography.button.fontSize,\n            backgroundColor: theme.palette.primary.main,\n            color: theme.palette.primary.contrastText,\n            margin: 0,\n            marginRight: theme.spacing(0.5),\n            display: 'inline-flex',\n            width: '25px',\n            height: '25px',\n        }\n    }),\n);\n\nconst kebabCase = (v) => v.toLowerCase().replace(/[^a-zA-Z0-9 -]/g, '').replace(/\\s+/g, '-')\n\nconst ListButton = (props) => {\n    const {link, classes, title} = props;\n    return (\n        <Link to={link} underline=\"none\" color=\"inherit\" style={{'background': 'none'}}>\n            <Button size=\"small\" disableRipple={true} className={classes.listButton}>{title}</Button>\n        </Link>\n    );\n}\n\nexport default (props: any) => {\n    const {title, thumbnail, height = 200, tags = [], showTags = false, link = \"\",\n     description, showDescription = true, author, showAuthor = false, showBottom = false, timeToRead= 5} = props;\n    const classes = useStyles(Object.assign({}, props, {height}));\n    tags.sort((a,b) => a.length - b.length)\n    return (\n        <Paper elevation={0} className={classes.paper}>\n            <Grid container>\n                <Link to={link} underline=\"none\" color=\"inherit\" className={classes.link}>\n                    <div className={classes.media}>\n                        {/* <img src={url} className={classes.imgCard} alt={title} /> */}\n                        <Thumbnail cover={thumbnail} className='imgCard'/>\n                        {/* <div style={{backgroundImage: `url(${url})`}} className={classes.shadow} /> */}\n                        <Thumbnail cover={thumbnail} className={classes.shadow}/>\n                    </div>\n                    <div className={classes.content}>\n                        {showTags && <div className={classes.tags}>\n                            {tags.map((tag) => \n                                (<ListButton key={tag} link={`/tagged/${kebabCase(tag)}`} color='secondary' classes={classes} title={tag} /> \n                                // <Button key={tag} size='small' disableRipple={true} color='secondary' className={classes.tag}>{tag}</Button>\n                                )\n                            )}\n                        </div>}\n                        <Typography variant=\"subtitle1\" className={classes.title}>\n                            {title}\n                        </Typography>\n                        {showDescription && (<Typography variant=\"caption\" color=\"textSecondary\" component=\"p\" className={classes.description}>\n                            {description}\n                        </Typography>)}\n                    </div>\n                </Link>\n                {showBottom && (<Grid container spacing={0} justify=\"space-between\" alignItems=\"center\">\n                    {showAuthor ? (<div className={classes.avatarContainer}>\n                        <Avatar sizes='small' alt={author} className={classes.avatar} >{author.charAt(0)}</Avatar>\n                        {author}\n                    </div>) : <div/>}\n                \n                <div className={classes.time}>\n                    {/* <Time sizes='small' className={classes.bottomIcon} /> */}\n                    {`☕ ${timeToRead} min read`}\n                </div>\n                </Grid>)}\n            </Grid>\n        </Paper>\n    )\n}\n","import * as React from \"react\";\nimport { StaticQuery, graphql } from \"gatsby\";\nimport Img from \"gatsby-image\";\nimport * as path from \"path\";\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      flexGrow: 1,\n      justifyContent: 'space-between',\n    },\n    fluid: {\n      backgroundSize: 'cover',\n      backgroundRepeat: 'no-repeat',\n      backgroundPosition: '50% 50%',\n      padding: '0 !important',\n    },\n    absolute: {\n      position: 'absolute',\n    }\n  }),\n);\n\nconst CoverImage = (props) => {\n    const classes = useStyles(props);\n    const { fileEdges, cover, children } = props;\n\n    const coverNodeList = fileEdges.filter(fileNode => {\n      if (fileNode.node.childImageSharp === null) return false;\n\n      if (\n        fileNode.node.absolutePath.indexOf(\n          path.join(\"/static/img/\", cover)\n        ) !== -1\n      )\n        return true;\n\n      return false;\n    });\n    if (coverNodeList.length === 1) {\n      return (\n        <Img\n          fluid={coverNodeList[0].node.childImageSharp.fluid}\n          className={`${classes.fluid} ${props.className}`}\n        >\n            {children}\n        </Img>\n      );\n    }\n\n    /* tslint no-undef: \"off\" */\n    const coverURL =\n      cover.substring(0, 1) === \"/\"\n        ? __PATH_PREFIX__ + cover\n        : cover;\n    return (\n      <div\n        style={{\n          backgroundImage: `url(${coverURL})`\n        }}\n        className={classes.fluid}\n      >\n        {children}\n      </div>\n    );\n  }\n\nconst Cover = (props: any) => {\n    return (\n        <StaticQuery\n            query={query}\n            // tslint:disable-next-line:react-this-binding-issue\n            render={(data: any) => (\n                <CoverImage {...props} fileEdges={data.allFile.edges}/>\n            )}\n        />\n    );\n}\n\nconst query = graphql`\nquery ThumbnailQuery {\n    allFile {\n      edges {\n        node {\n          id\n          absolutePath\n          childImageSharp {\n            id\n            resolutions {\n              base64\n              tracedSVG\n              aspectRatio\n              width\n              height\n              src\n              srcSet\n              srcWebp\n              srcSetWebp\n              originalName\n            }\n            internal {\n              contentDigest\n              type\n              owner\n            }\n            fluid(maxWidth: 420) {\n              ...GatsbyImageSharpFluid\n              originalName\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Cover;"],"sourceRoot":""}