{"version":3,"sources":["webpack:///./src/components/cards/card2.tsx","webpack:///./src/templates/tag.tsx","webpack:///./src/components/product-container/container.tsx"],"names":["useStyles","makeStyles","theme","createStyles","shadow","top","left","width","filter","height","props","zIndex","opacity","position","transform","transition","backgroundSize","media","breakpoints","down","up","title","right","bottom","padding","spacing","color","textAlign","cardContent","paddingBottom","paper","backgroundColor","palette","text","primary","content","display","alignItems","showDescription","link","backgroundImage","textDecoration","textShadow","colorTransform","thumbnail","description","classes","Object","assign","elevation","className","container","to","underline","cover","variant","component","pageContext","tag","categories","cards","data","allMarkdownRemark","edges","map","e","node","frontmatter","fields","type","slug","tags","showTags","showBottom","config","rel","href","path","pageTitle","postPath","card","key","Card","Card3","root","background","grid","margin","children","Card2","square","justify","item","xs","sm","md"],"mappings":"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","file":"component---src-templates-tag-tsx-b24767cb5c77ec03209f.js","sourcesContent":["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 Card3 from '../components/cards/card3';\nimport * as config from '../../config/SiteConfig.js';\nimport Helmet from \"react-helmet\";\nimport SEO from \"../components/SEO\";\n\nexport default (props) => {\n  const {tag, categories} = props.pageContext;\n  const nodes = props.data.allMarkdownRemark.edges.map((e: any) => e.node);\n  const cards = [{title: tag, cards: nodes.map((node) => ({\n    title: node.frontmatter.title,\n    thumbnail: node.frontmatter.thumbnail,\n    description: node.frontmatter.description,\n    link: `${node.fields.type !== 'page' ? `/${node.fields.type}` : ''}${node.fields.slug}`,\n    showDescription: true,\n    tags: node.frontmatter.tags,\n    showTags: false,\n    showBottom: false\n  }))}];\n  const title = `${tag} | ${config.siteTitle}`;\n  return (\n    <>\n        <HomeLayout 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          <br/><br/>\n            {cards.map((card) => (<ProductContainer key={card.title} Card={Card3} {...card} />))}\n        </HomeLayout>\n    </>\n  )\n}\n  \nexport const pageQuery = graphql`\n  query TagPage($tag: String) {\n    allMarkdownRemark(\n      limit: 1000\n      sort: { fields: [fields___date], order: DESC }\n      filter: { frontmatter: { tags: { in: [$tag] } } }\n    ) {\n      totalCount\n      edges {\n        node {\n          fields {\n            slug\n            date\n            type\n          }\n          excerpt\n          timeToRead\n          frontmatter {\n            title\n            tags\n            thumbnail\n            date\n            description\n          }\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}"],"sourceRoot":""}