{"version":3,"sources":["webpack:///./src/components/header/index.tsx","webpack:///./src/components/layouts/home-layout.tsx","webpack:///./src/components/cards/card2.tsx","webpack:///./src/pages/index.tsx","webpack:///./src/components/product-container/container.tsx","webpack:///./src/components/thumbnail/index.tsx"],"names":["useStyles","makeStyles","theme","createStyles","root","flexGrow","justifyContent","logo","margin","height","menuButton","color","palette","primary","contrastText","title","list","width","fullList","headerBoard","backgroundColor","main","headTitle","marginLeft","spacing","headSubTitle","link","fontSize","backgroundImage","paddingLeft","listButton","background","display","paddingRight","headBottomContainer","alignItems","lineHeight","headBottomContainerLeft","flex","overflow","overflowX","overflowY","scrollbarWidth","whiteSpace","padding","backkground","headBottomContainerRight","bar","iconButton","icons","socials","config","map","uL","icon","Object","keys","find","social","includes","rightSection","Logo","props","alt","src","ListButton","classes","Link","to","underline","style","Button","size","className","SocialTab","toggleDrawer","useTheme","mode","toggleTheme","Toolbar","disableGutters","IconButton","edge","aria-label","Typography","variant","Hidden","smDown","Tooltip","onClick","key","mdUp","HeadBoard","Paper","square","elevation","Container","item","header","categories","React","state","setState","event","type","AppBar","open","children","shadow","top","left","filter","zIndex","opacity","position","transform","transition","backgroundSize","media","breakpoints","down","up","right","bottom","textAlign","cardContent","paddingBottom","paper","text","content","showDescription","textDecoration","textShadow","colorTransform","thumbnail","description","assign","container","cover","component","kebabCase","v","toLowerCase","replace","data","allMarkdownRemark","edges","e","node","cards","p","l","fields","frontmatter","category","forEach","push","product","getCards","slug","getCategories","rel","href","postEdges","card","Card","grid","Card2","justify","xs","sm","md","fluid","backgroundRepeat","backgroundPosition","absolute","CoverImage","fileEdges","coverNodeList","fileNode","childImageSharp","absolutePath","indexOf","path","length","coverURL","substring","__PATH_PREFIX__","query","Cover","render","allFile"],"mappings":"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","file":"component---src-pages-index-tsx-fb82eb0b5f3078f8c8ab.js","sourcesContent":["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    },\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\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\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};\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\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 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 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        },\n        // imgCard: {\n        //     height: 'inherit',\n        //     width: '100%',\n        //     marginBottom: 0,\n        //     position: 'absolute !important',\n        //     zIndex: 1,\n        //     borderRadius: \"calc(.25rem - 1px)\",\n        // },\n        media: {\n            width:'100%',\n            zIndex: 1,\n            height: (props: {height: number}) => `${props.height}px`,\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n                transform: 'translateY(-10px)',\n            },\n            [theme.breakpoints.up('md')]: {\n                transform: 'translateY(50px)',\n            },\n            transition: 'transform .4s',\n        },\n        title: {\n            top: 'auto',\n            left: 0,\n            right: 0,\n            bottom: '-20px',\n            zIndex: 1,\n            padding: theme.spacing(1),\n            position: 'absolute',\n            color: 'hsl(0, 0%, 100%)',\n            textAlign: 'center',\n            opacity: 0,\n            transform: 'translateY(20px)',\n            transition: 'opacity .4s, transform .4s',\n        },\n        cardContent: {\n            padding: theme.spacing(2),\n            paddingBottom: '0 !important',\n        },\n        paper: {\n            padding: theme.spacing(0),\n            height: (props: {height: number}) => `${props.height + 120}px`,\n            '&:hover $media': {\n                transform: 'translateY(-10px)',\n                transition: 'transform .4s',\n            },\n            '&:hover $content': {\n                transform: 'translateY(-10px)',\n                backgroundColor: '#0000',\n                color: theme.palette.text.primary,\n                transition: 'backgroundColor color transform 1000ms',\n            }\n        },\n        content: {\n            position: \"relative\",\n            bottom: '-15px',\n            padding: theme.spacing(2),\n            height: '3rem',\n            display: 'flex',\n            alignItems: 'center',\n            color: theme.palette.text.primary,\n            zIndex: 1,\n            [theme.breakpoints.down('sm')]: {\n                color: theme.palette.text.primary,\n                backgroundColor: '#0000',\n                transform: 'translateY(-0px)',\n            },\n            [theme.breakpoints.up('md')]: {\n                color: '#e6e6e6',\n                backgroundColor: '#0009',\n                opacity: 0.97,\n                transform: (props: any) => `translateY(-${props.showDescription ? 50 : 10}px)`,\n                transition: 'backgroundColor color transform 1000ms',\n            },\n        },\n        link: {\n            backgroundImage: 'none',\n            textDecoration: 'none',\n            textShadow: 'none',\n            width: '100%',\n        },\n        colorTransform: {\n            color: 'inherit'\n        }\n    }),\n);\n\nexport default (props: any) => {\n    const {title, thumbnail, height = 220, link = \"/about\", showDescription = true, description} = props;\n    const classes = useStyles(Object.assign({}, props, {height, showDescription}));\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                    <Paper elevation={0} className={classes.content}>\n                        <Typography variant=\"subtitle1\" className={classes.colorTransform}>\n                            {title}\n                        </Typography>\n                        {showDescription && (<Typography variant=\"caption\" color=\"textSecondary\" component=\"p\" className={classes.colorTransform}>\n                            {description}\n                        </Typography>)}\n                    </Paper>\n                </Link>\n            </Grid>\n        </Paper>\n    )\n}\n","import * as React from \"react\"\nimport { graphql } from \"gatsby\"\nimport HomeLayout from '../components/layouts/home-layout';\nimport ProductContainer from '../components/product-container/container';\nimport Card from '../components/cards/card2';\nimport Helmet from \"react-helmet\";\nimport SEO from \"../components/SEO\";\nimport * as config from '../../config/SiteConfig.js';\n\nconst kebabCase = (v) => v.toLowerCase().replace(/[^a-zA-Z0-9 -]/g, '').replace(/\\s+/g, '-')\n\nfunction getCards(list) {\n  const p = {};\n  list.filter(l => l.fields.type === 'page' && l.frontmatter.category).forEach((item) => {\n    if(!p[item.frontmatter.category]) {\n      p[item.frontmatter.category] = [];\n    }\n\n    p[item.frontmatter.category].push({\n      title: item.frontmatter.title,\n      thumbnail: item.frontmatter.thumbnail,\n      description: item.frontmatter.description,\n      link: `/${kebabCase(item.frontmatter.title)}`,\n      showDescription: false\n    });\n  })\n  return Object.keys(p).map((product) => ({title: product, cards: p[product]}));\n}\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 ({ data }: any) => {\n  const list = data.allMarkdownRemark.edges.map((e: any) => e.node);\n  const cards = getCards(list);\n  const categories = getCategories(list);\n  return (\n    <>\n      <HomeLayout categories={categories}>\n          <Helmet>\n            <title>{config.siteTitle}</title>\n            <link rel=\"canonical\" href={`${config.siteUrl}`} />\n          </Helmet>\n          <SEO postEdges={list} />\n        <br/><br/>\n          {cards.map((card) => (<ProductContainer key={card.title} Card={Card} {...card} />))}\n      </HomeLayout>\n    </>\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            category\n            thumbnail\n          }\n          fields {\n            slug\n            type\n          }\n          excerpt\n        }\n      }\n    }\n  }\n`","import * as React from 'react';\nimport { Theme, createStyles, makeStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport Divider from '@material-ui/core/Divider';\nimport Grid from '@material-ui/core/Grid';\nimport Card2 from '../cards/card2';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    root: {\n        padding: theme.spacing(3, 0, 3, 0),\n        backgroundColor: theme.palette.background.paper,\n    },\n    grid: {\n        margin: theme.spacing(2, 0, 2, 0),\n    }\n  }),\n);\n\nexport default (props: any) => {\n    const { children, title, cards, Card = Card2 } = props;\n    const classes = useStyles(props);\n    return (\n        <Paper elevation={0}  square={true} className={classes.root}>\n           {title && (<>\n                <Typography variant=\"h6\">{title}</Typography>\n                <Divider />\n            </>)}\n            <Grid container>\n                <Grid className={classes.grid} container spacing={2} justify=\"flex-start\">\n                    {cards.map((card) => (\n                        <Grid item key={card.title} xs={12} sm={6} md={4}>\n                            <Card {...card} />\n                        </Grid>\n                    ))}\n                </Grid>\n            </Grid>\n        </Paper>\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":""}