{"version":3,"file":"component---src-templates-post-js-6f24b2f485920fd84ae1.js","mappings":"oPAMMA,EAAiBC,EAAAA,QAAAA,IAAAA,WAAH,oEAAGA,CAAH,mBAIdC,GAAYD,EAAAA,EAAAA,SAAOE,KAAV,0EAAGF,CAAH,yBAITG,EAAOH,EAAAA,QAAAA,IAAAA,WAAH,0DAAGA,CAAH,4FAQJI,EAAW,SAAC,GAAY,IAC1B,EADyB,EAAVC,KACwBC,YAAhCC,EAAP,EAAOA,KAAMC,EAAb,EAAaA,MAAOC,EAApB,EAAoBA,KAAMC,EAA1B,EAA0BA,KAE1B,OACI,UAACX,EAAD,YACI,0BAAOU,KAEP,SAACR,EAAD,CAAWU,GAAE,iBAAYJ,GAAzB,UACI,SAACK,EAAA,EAAD,UAAQJ,OAGZ,SAACL,EAAD,UACKO,EAAKG,KAAI,SAACC,EAAKC,GAAN,OACN,SAACC,EAAA,EAAD,CAAiBL,GAAE,gBAAWG,GAAOG,KAAK,IAA1C,SACKH,GADKC,EADJ,QAQzB,EAEDX,EAASc,UAAY,CACjBb,KAAMc,IAAAA,OAAAA,YAGV,IC/CA,ED+CA,C,2BE9CMC,E,QAAYpB,QAAAA,IAAAA,WAAH,oDAAGA,CAAH,iGAGQ,qBAAEqB,SAA0B,SAAW,SAAvC,IACF,qBAAEC,OAAsB,SAAW,OAAnC,IAIrB,K,wDCyBMN,GAAMhB,EAAAA,EAAAA,SAAOE,KAAV,yDAAGF,CAAH,+EACI,qBAAEuB,MAAiBC,OAAOC,KAA1B,IACK,qBAAEF,MAAiBC,OAAOE,GAA1B,IACH,mBAnBC,SAAAT,GACZ,OAAQA,GACJ,IAAK,IACD,MAAO,gBAEX,IAAK,IAML,QACI,MAAO,gBAJX,IAAK,IACD,MAAO,gBAKlB,CAK0BU,CAAZ,EAAEV,KAAF,IACE,mBApCA,SAAAA,GACb,OAAQA,GACJ,IAAK,IACD,MAAO,SAEX,IAAK,IAML,QACI,MAAO,OAJX,IAAK,IACD,MAAO,SAKlB,CAsB4BW,CAAZ,EAAEX,KAAF,IAIjB,K,0BCzCML,E,QAAQZ,QAAAA,GAAAA,WAAH,gDAAGA,CAAH,8BAKX,K,wKCEA,EAPaA,EAAAA,QAAAA,QAAAA,WAAH,+CAAGA,CAAH,8DAEO,qBAAEuB,MAAiBM,YAAYC,MAA/B,ICuDjB,EAzDiB9B,EAAAA,QAAAA,IAAAA,WAAH,oDAAGA,CAAH,ioBAgBwB,qBAAEuB,MAAiBC,OAAOO,IAA1B,IAyBhB,qBAAER,MAAiBC,OAAOE,GAA1B,IAKL,qBAAEH,MAAiBC,OAAOC,KAA1B,IACK,qBAAEF,MAAiBC,OAAOE,GAA1B,I,UCvChBM,GAAQhC,EAAAA,EAAAA,SAAOiC,EAAAA,GAAV,kEAAGjC,CAAH,wFAQLkC,EAAe,SAAC,GAAY,IACxB7B,EADuB,EAAV8B,KACDC,eACXC,EAAqBhC,EAArBgC,KAAM/B,EAAeD,EAAfC,YACNE,EAASF,EAATE,MACD8B,GAAQC,EAAAA,EAAAA,GAASjC,EAAYgC,OAC7BE,EAAWlC,EAAYgC,MAAMG,UAEnC,OACI,UAACrB,EAAA,EAAD,YACI,SAAC,IAAD,CAAKZ,MAAOA,EAAO8B,MAAOE,KAE1B,UAAC,EAAD,YACI,SAACR,EAAD,CAAOM,MAAOA,EAAOI,IAAKlC,KAE1B,SAACJ,EAAA,EAAD,CAAUC,KAAMA,KAChB,SAAC,EAAD,CAAUsC,wBAAyB,CAACC,OAAQP,UAI3D,EAEDH,EAAahB,UAAY,CACrBiB,KAAMhB,IAAAA,OAAAA,YAGV,IAAM0B,EAAK,aAyBX,G","sources":["webpack://dailytexascountry.com/./src/components/PostMeta/PostMeta.js","webpack://dailytexascountry.com/./src/components/PostMeta/index.js","webpack://dailytexascountry.com/./src/styles/Container.js","webpack://dailytexascountry.com/./src/styles/Tag.js","webpack://dailytexascountry.com/./src/styles/Title.js","webpack://dailytexascountry.com/./src/styles/Post.js","webpack://dailytexascountry.com/./src/styles/PostBody.js","webpack://dailytexascountry.com/./src/templates/post.js"],"sourcesContent":["import Link from \"@bradgarropy/gatsby-link\"\nimport PropTypes from \"prop-types\"\nimport styled from \"styled-components\"\nimport Tag from \"styles/Tag\"\nimport Title from \"styles/Title\"\n\nconst StyledPostMeta = styled.div`\n    display: grid;\n`\n\nconst PostTitle = styled(Link)`\n    justify-self: start;\n`\n\nconst Tags = styled.div`\n    display: grid;\n    grid-auto-flow: column;\n    justify-content: start;\n    gap: 0.5rem;\n    margin-top: 0.3rem;\n`\n\nconst PostMeta = ({post}) => {\n    const {slug, title, date, tags} = post.frontmatter\n\n    return (\n        <StyledPostMeta>\n            <span>{date}</span>\n\n            <PostTitle to={`/posts/${slug}`}>\n                <Title>{title}</Title>\n            </PostTitle>\n\n            <Tags>\n                {tags.map((tag, index) => (\n                    <Tag key={index} to={`/tags/${tag}`} size=\"S\">\n                        {tag}\n                    </Tag>\n                ))}\n            </Tags>\n        </StyledPostMeta>\n    )\n}\n\nPostMeta.propTypes = {\n    post: PropTypes.object.isRequired,\n}\n\nexport default PostMeta\n","import PostMeta from \"./PostMeta\"\nexport default PostMeta\n","import styled from \"styled-components\"\n\nconst Container = styled.div`\n    display: grid;\n    padding: 2rem 2rem 6rem 2rem;\n    justify-content: ${({centered}) => (centered ? \"center\" : \"stretch\")};\n    align-content: ${({middle}) => (middle ? \"center\" : \"start\")};\n    height: 100%;\n`\n\nexport default Container\n","import Link from \"@bradgarropy/gatsby-link\"\nimport styled from \"styled-components\"\n\nconst fontSize = size => {\n    switch (size) {\n        case \"S\":\n            return \"0.8rem\"\n\n        case \"M\":\n            return \"1rem\"\n\n        case \"L\":\n            return \"1.2rem\"\n\n        default:\n            return \"1rem\"\n    }\n}\n\nconst padding = size => {\n    switch (size) {\n        case \"S\":\n            return \"0.2rem 0.4rem\"\n\n        case \"M\":\n            return \"0.3rem 0.8rem\"\n\n        case \"L\":\n            return \"0.3rem 1.2rem\"\n\n        default:\n            return \"0.3rem 0.8rem\"\n    }\n}\n\nconst Tag = styled(Link)`\n    color: ${({theme}) => theme.colors.white};\n    background: ${({theme}) => theme.colors.red};\n    padding: ${({size}) => padding(size)};\n    font-size: ${({size}) => fontSize(size)};\n    border-radius: 0.25rem;\n`\n\nexport default Tag\n","import styled from \"styled-components\"\n\nconst Title = styled.h2`\n    font-size: 2rem;\n    margin: 0;\n`\n\nexport default Title\n","import styled from \"styled-components\"\n\nconst Post = styled.article`\n    display: grid;\n    max-width: ${({theme}) => theme.breakpoints.mobile};\n    justify-self: center;\n    gap: 2rem;\n`\n\nexport default Post\n","import styled from \"styled-components\"\n\nconst PostBody = styled.div`\n    line-height: 1.75;\n    font-size: 1.1rem;\n\n    p:first-of-type {\n        margin-top: 0;\n    }\n\n    table {\n        margin: 2rem auto !important;\n        border-radius: 0.25rem;\n        padding: 0.5rem;\n        border-collapse: collapse;\n    }\n\n    thead tr {\n        border-bottom: 0.2rem solid ${({theme}) => theme.colors.blue};\n    }\n\n    th {\n        font-family: \"Patua One\", sans-serif;\n        font-weight: normal;\n        font-size: 1.25rem;\n    }\n\n    td {\n        font-size: 1rem;\n    }\n\n    th:not(:last-child),\n    td:not(:last-child) {\n        padding: 0 1rem 0 0;\n    }\n\n    th:last-child,\n    tr:last-child {\n        padding: 0;\n    }\n\n    a:not(.anchor) {\n        transition: all 300ms ease 0s;\n        box-shadow: ${({theme}) => theme.colors.red} 0 -0.1rem inset;\n    }\n\n    a:not(.anchor):hover {\n        text-decoration: none;\n        color: ${({theme}) => theme.colors.white};\n        box-shadow: ${({theme}) => theme.colors.red} 0 -2rem 0 inset;\n        padding: 0 0.2rem;\n        margin: 0 -0.2rem;\n    }\n\n    .gatsby-resp-image-wrapper {\n        margin: 2rem auto;\n    }\n`\n\nexport default PostBody\n","import SEO from \"@bradgarropy/gatsby-plugin-seo\"\nimport PostMeta from \"components/PostMeta\"\nimport {graphql} from \"gatsby\"\nimport {GatsbyImage, getImage} from \"gatsby-plugin-image\"\nimport PropTypes from \"prop-types\"\nimport styled from \"styled-components\"\nimport Container from \"styles/Container\"\nimport Post from \"styles/Post\"\nimport PostBody from \"styles/PostBody\"\n\nconst Image = styled(GatsbyImage)`\n    display: block;\n    width: 100%;\n    max-height: 50vh;\n    object-fit: contain;\n    border-radius: 0.25rem;\n`\n\nconst PostTemplate = ({data}) => {\n    const post = data.markdownRemark\n    const {html, frontmatter} = post\n    const {title} = frontmatter\n    const image = getImage(frontmatter.image)\n    const imageUrl = frontmatter.image.publicURL\n\n    return (\n        <Container>\n            <SEO title={title} image={imageUrl} />\n\n            <Post>\n                <Image image={image} alt={title} />\n\n                <PostMeta post={post} />\n                <PostBody dangerouslySetInnerHTML={{__html: html}} />\n            </Post>\n        </Container>\n    )\n}\n\nPostTemplate.propTypes = {\n    data: PropTypes.object.isRequired,\n}\n\nconst query = graphql`\n    query ($slug: String!) {\n        markdownRemark(frontmatter: {slug: {eq: $slug}}) {\n            html\n            frontmatter {\n                slug\n                title\n                date(formatString: \"MMMM D, YYYY\")\n                tags\n                image {\n                    publicURL\n                    childImageSharp {\n                        gatsbyImageData(\n                            width: 750\n                            # placeholder: BLURRED\n                            # formats: [AUTO, WEBP]\n                            # quality: 100\n                        )\n                    }\n                }\n            }\n        }\n    }\n`\n\nexport default PostTemplate\nexport {query}\n"],"names":["StyledPostMeta","styled","PostTitle","Link","Tags","PostMeta","post","frontmatter","slug","title","date","tags","to","Title","map","tag","index","Tag","size","propTypes","PropTypes","Container","centered","middle","theme","colors","white","red","padding","fontSize","breakpoints","mobile","blue","Image","GatsbyImage","PostTemplate","data","markdownRemark","html","image","getImage","imageUrl","publicURL","alt","dangerouslySetInnerHTML","__html","query"],"sourceRoot":""}