{"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/post-header.tsx","webpack:///./src/components/layouts/post-layout.tsx","webpack:///./src/components/cover/index.tsx","webpack:///./node_modules/gatsby/node_modules/core-js/modules/es.function.name.js","webpack:///./src/components/404/index.tsx","webpack:///./src/pages/404.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","minWidth","menuButton","primary","contrastText","title","list","fullList","headerBoard","main","headTitle","marginLeft","spacing","headSubTitle","link","backgroundImage","listButton","paddingRight","LinksContainer","headBottomContainerLeft","flex","overflowX","overflowY","scrollbarWidth","whiteSpace","padding","backkground","headBottomContainerRight","bar","paddingLeft","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","LinksTab","item","HeadBoard","Paper","elevation","Container","header","categories","React","state","setState","event","AppBar","open","fluid","maxHeight","CoverImage","windowScrollTop","fileEdges","cover","parallax","transform","setTransform","window","innerWidth","pageYOffset","addEventListener","resetTransform","removeEventListener","coverNodeList","filter","fileNode","node","childImageSharp","absolutePath","indexOf","path","length","coverURL","substring","__PATH_PREFIX__","query","Cover","render","data","allFile","edges","DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","configurable","get","call","this","match","error","zIndex","marginTop","minHeight","avatarContainer","avatar","marginBottom","h4","subtitle","h6","h5","glitch","Product","description","postPath","maxWidth","Grid","container","justify","Avatar","direction","coverContainer","p","forEach","frontmatter","category","fields","slug","push","thumbnail","showDescription","product","v","toLowerCase","replace","getCategories","allMarkdownRemark","e","aboutData","rel","href","SEO","pageTitle"],"mappings":"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","file":"component---src-pages-404-tsx-d5ee7c4e68bdcfab3982.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';\n// import { FaTwitter, FaFacebook } from \"react-icons/fa\";\nimport {FaTwitter, FaFacebookF} 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      minWidth: '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    },\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    LinksContainer: {\n        display: 'flex',\n        alignItems: 'flex-end',\n        justifyContent: 'space-between',\n        height: '40px',\n        lineHeight: '40px',\n        width: '100%'\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        // width: '2rem',\n        color: theme.palette.primary.contrastText,\n    }\n  }),\n);\n\nconst deadUrl = '/about/';\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\nconst icons = {\n    'twitter': <FaTwitter/>,\n    'facebook': <FaFacebookF/>\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'}]\n\n// const list = [...categories, ...socials];\n\n// const title = 'Kronos Dev Studio';\n// const subTitle = 'Build things for Fun!';\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, children, title = ''} = 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\" className={classes.iconButton}>\n                    <Logo className={classes.logo} />\n                </IconButton>\n            </Link>\n            <Typography variant=\"h6\" className={classes.title} >{title}</Typography>\n                <Hidden smDown>\n                    {children}\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 LinksTab = (props) => {\n    const {classes, list} = props;\n    return (\n        <div className={classes.LinksContainer}>\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        </div>\n    );\n}\n\nconst HeadBoard = (props) => {\n    const {classes, list, toggleDrawer, socials} = props;\n    return (\n        <>\n            <Paper color=\"primary\" className={classes.headerBoard} square={true} elevation={0}>\n                <Container>\n                    <SocialTab classes={classes} socials={socials} toggleDrawer={toggleDrawer}><LinksTab  classes={classes} list={list}/></SocialTab>\n                </Container>\n            </Paper>\n        </>\n    )\n}\n\nconst header =  (props: any) => {\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}><LinksTab  classes={classes} list={categories}/></SocialTab>\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/post-header';\nimport Container from '@material-ui/core/Container';\nimport HideOnScroll from '../header/hide-on-scroll';\n\nexport default ({children, categories}: { children: React.ReactNode, categories: any[] }) => (\n    <Baseline>\n        {/* Helemt*/}\n        {/* <HideOnScroll> */}\n            <React.Fragment>\n                <Header categories={categories}/>\n                {children}\n            </React.Fragment>\n        {/* </HideOnScroll> */}\n    </Baseline>\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        // minHeight: '360px',\n        height: 'auto',\n        maxHeight: '60vh',\n        width: '100%',\n        position: 'relative'\n    }\n  }),\n);\n\nconst CoverImage = (props) => {\n    const classes = useStyles(props);\n    const { fileEdges, cover, children, parallax = true } = props;\n\n    let windowScrollTop;\n    const [transform, setTransform] = React.useState(\n        \"translate3d(0,\" + windowScrollTop + \"px,0)\"\n    );\n    React.useEffect(() => {\n      if (parallax) {\n        if (window.innerWidth >= 768) {\n          windowScrollTop = window.pageYOffset / 3;\n          window.addEventListener(\"scroll\", resetTransform);\n        } else {\n          windowScrollTop = 0;\n        }\n        return function cleanup() {\n          if (window.innerWidth >= 768) {\n              window.removeEventListener(\"scroll\", resetTransform);\n          } else {\n            windowScrollTop = 0;\n          }\n        };\n      }\n    });\n    const resetTransform = () => {\n        if (window.innerWidth >= 768) {\n          windowScrollTop = window.pageYOffset / 3;\n        } else {\n          windowScrollTop = 0;\n        }\n        setTransform(\"translate3d(0,\" + windowScrollTop + \"px,0)\");\n    };\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\n    if (coverNodeList.length === 1) {\n      return (\n        <Img\n          fluid={coverNodeList[0].node.childImageSharp.fluid}\n          className={classes.fluid}\n          style={{transform: transform}}\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          transform: transform\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 CoverQuery {\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: 1280) {\n              ...GatsbyImageSharpFluid\n              originalName\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Cover;","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","import * as React from \"react\";\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Container from '@material-ui/core/Container';\nimport Typography from '@material-ui/core/Typography';\nimport Social from '../social';\nimport Divider from '@material-ui/core/Divider';\nimport Avatar from '@material-ui/core/Avatar';\nimport Grid from '@material-ui/core/Grid';\nimport './index.scss';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n      flexGrow: 1,\n      justifyContent: 'space-between',\n      padding: theme.spacing(3, 2),\n      zIndex: 3,\n      position: 'relative',\n      marginTop: '-60px'\n    },\n    fluid: {\n        minHeight: '360px',\n        height: 'auto',\n        maxHeight: '60vh',\n        width: '100%',\n        position: 'relative'\n    },\n    avatarContainer: {\n        marginTop: '-80px',\n    },\n    avatar: {\n        margin: 10,\n        width: '120px',\n        height: '120px',\n        backgroundColor: theme.palette.primary.main,\n        '& img': {\n            transform: 'scale(0.7)',\n            marginBottom: 0\n        }\n    },\n    title: {\n        fontSize: theme.typography.h4.fontSize,\n        padding: theme.spacing(1),\n        textAlign: 'center',\n        color: theme.palette.primary.main,\n    },\n    subtitle: {\n        fontSize: theme.typography.h6.fontSize,\n        padding: theme.spacing(1),\n        color: theme.typography.h5.color,\n        textAlign: 'center',\n    },\n    glitch: {\n        // fontSize: '96px',\n        // letterSpacing: '-7px',\n        // animation: 'glitch 1s linear infinite',\n        color: theme.palette.primary.main,\n    }\n  }),\n);\n\nconst Product = (props) => {\n    const classes = useStyles(props);\n    const {name, description, image, postPath, title} = props;\n    const node = {frontmatter: {title}};\n\n    return (\n        <Paper elevation={24} className={classes.root}>\n            <Container maxWidth=\"md\" className={classes.avatarContainer}>\n                <Grid container justify=\"center\" alignItems=\"center\">\n                    <Avatar alt={name} src={image} className={classes.avatar} />\n                </Grid>\n            </Container>\n            <br/>\n            <Container maxWidth=\"md\">\n                <Grid container justify=\"center\" alignItems=\"center\" direction=\"column\">\n                    <div title=\"404\" className={`${classes.glitch} glitch`}>404</div>\n                    {/* <Typography variant='h1' color='primary' className={classes.title}>404</Typography> */}\n                    <br/>\n                    <Typography variant='h2' color='secondary' className={classes.subtitle}>Oops! The page you were looking for doesn't exist</Typography>\n                </Grid>\n            </Container>\n        </Paper>\n    );\n}\n\nexport default Product;","import * as React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Helmet from \"react-helmet\";\nimport SEO from \"../components/SEO\";\nimport * as config from '../../config/SiteConfig.js';\nimport Cover from '../components/cover';\nimport Container from '@material-ui/core/Container';\nimport PostLayout from '../components/layouts/post-layout';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport ErrorPage from '../components/404';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    coverContainer: {\n        padding: 0,\n        marginTop: 0,\n        marginBottom: 0\n    }\n  }),\n);\n\nconst kebabCase = (v) => v.toLowerCase().replace(/[^a-zA-Z0-9 -]/g, '').replace(/\\s+/g, '-')\n\nfunction getCategories(list) {\n  const p = {};\n  list.forEach((item) => {\n    if(!p[item.frontmatter.category]) {\n      p[item.frontmatter.category] = [];\n    }\n\n    const link = `${item.fields.type !== 'page' ? `/${item.fields.type}` : ''}${item.fields.slug}`;\n    p[item.frontmatter.category].push({\n      title: item.frontmatter.title,\n      thumbnail: item.frontmatter.thumbnail,\n      description: item.frontmatter.description,\n      link: link,\n      showDescription: true\n    });\n  })\n  return Object.keys(p).map((product) => ({title: product, link: `/tagged/${kebabCase(product)}`, children: p[product]}))\n}\n\nexport default (props) => {\n  const {data} = props;\n  const classes = useStyles(props);\n  const list = data.allMarkdownRemark.edges.map((e: any) => e.node);\n  const categories = getCategories(list);\n  const title = `About | ${config.siteTitle}`;\n  const cover = '10.png';\n  const aboutData = {name: config.siteTitle, description: config.siteDescription,\n     image: config.siteLogo, postPath: props.path, title};\n  return (\n      <PostLayout categories={categories}>\n        <Helmet>\n            <title>{title}</title>\n            <link rel=\"canonical\" href={`${config.siteUrl}${props.path}`} />\n          </Helmet>\n          <SEO pageTitle={title} postPath={props.path}/>\n          <Container className={classes.coverContainer}>\n              <Cover cover={cover} />\n          </Container>\n          <Container className='MuiPaper-root'>\n              <ErrorPage {...aboutData}/>\n          </Container>\n      </PostLayout>\n    );\n}\n\nexport const query = graphql`\n  query {\n    allMarkdownRemark(\n      sort: {fields: [frontmatter___date], order: DESC},\n      filter: {frontmatter: {category: {ne: null}}}\n    ) {\n      totalCount\n      edges {\n        node {\n          id\n          frontmatter {\n            title\n            description\n            date\n            tags\n            category\n            thumbnail\n          }\n          fields {\n            slug\n            type\n          }\n          excerpt\n        }\n      }\n    }\n  }\n`"],"sourceRoot":""}