{"version":3,"sources":["webpack://gatsby-casper/./src/components/Footer.tsx","webpack://gatsby-casper/./src/components/body/Body.tsx","webpack://gatsby-casper/./src/pages/features.tsx"],"names":["Footer","css","outer","SiteFooter","inner","SiteFooterContent","className","config","to","SiteFooterNav","href","rel","target","Content","render","id","SiteMain","this","props","children","React","defaultProps","FeatureFeed","FeatureCardStyles","features","data","allMarkdownRemark","edges","sort","a","b","node","frontmatter","title","localeCompare","mode","map","feature","draft","key","fields","slug","alt","src","image","publicURL","style","color","description"],"mappings":"mNAOO,MAAMA,EAAmB,KAE5B,kBAAQC,IAAG,CAAGC,KAAOC,EAAV,SACT,eAAKF,IAAG,CAAGG,KAAOC,EAAV,SACN,mBAASC,UAAU,aAAnB,KACUC,UADV,QAEGA,aACC,QAAC,KAAD,CAAMC,GAAG,KAAT,KACKD,UADL,IACoBA,cAIxB,QAACE,EAAD,MAEE,QAAC,KAAD,CAAMD,GAAG,aAAT,aACA,aACEE,KAAK,0CACLC,IAAI,oBACJC,OAAO,UAHT,eAaJT,EAAa,CAAH,oGAOVE,EAAoB,CAAH,0LAcjBI,GAAgB,cAAH,oBAAG,CAAH,gT,uHChDZ,IAAMI,EAAb,6FAIIC,OAAA,WACI,OACI,gBAAMC,GAAG,YAAYT,UAAU,YAAYL,IAAG,CAAGe,KAAUd,KAAb,SAC1C,eAAKD,IAAKG,MACLa,KAAKC,MAAMC,YARhC,GAA6BC,aAAhBP,EACFQ,aAAe,I,0KCCnB,MA8CDC,EAAc,CAAH,mIAQJC,EAAoB,CAAH,4ZAoF9B,UA/C2CL,IACzC,MAAMM,EAAWN,EAAMO,KAAKC,kBAAkBC,MAAMC,MAAK,CAACC,EAAGC,IAC3DD,EAAEE,KAAKC,YAAYC,MAAMC,cAAcJ,EAAEC,KAAKC,YAAYC,SAG5D,OACE,QAAC,IAAD,MACE,QAAC,IAAD,MACE,QAAC,IAAD,MACE,0CAEF,QAAC,KAAD,CAAsBE,KAAK,YAC3B,QAAC,IAAD,MACE,eAAKlC,IAAKqB,GACPE,EAASY,KAAKC,IAEyB,IAAnCA,EAAQN,KAAKC,YAAYM,QAExB,aACEC,IAAKF,EAAQN,KAAKC,YAAYC,MAC9BvB,KAAM2B,EAAQN,KAAKS,OAAOC,KAC1BxC,IAAKsB,EACLjB,UAAU,cAEV,wBACE,eACEoC,IAAM,GAAEL,EAAQN,KAAKC,YAAYC,oBACjCU,IAAKN,EAAQN,KAAKC,YAAYY,MAAMC,aAEtC,cAAIC,MAAO,CAAEC,MAAOV,EAAQN,KAAKC,YAAYe,QAC1CV,EAAQN,KAAKC,YAAYC,QAE5B,iBAAII,EAAQN,KAAKC,YAAYgB,mBAQ1C9B,EAAMC,UACP,QAAC,IAAD","file":"component---src-pages-features-tsx-3357dadbfb8448ab75bd.js","sourcesContent":["import { Link } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"@emotion/react\";\nimport config from \"../website-config\";\nimport { inner, outer } from \"./header/SiteNav\";\n\nexport const Footer: React.FC = () => {\n  return (\n    <footer css={[outer, SiteFooter]}>\n      <div css={[inner, SiteFooterContent]}>\n        <section className=\"copyright\">\n          &copy; {config.title}, LLC\n          {config.footer && (\n            <Link to=\"/\">\n              | {config.title} {config.footer}\n            </Link>\n          )}\n        </section>\n        <SiteFooterNav>\n          {/* Use cases, FAQ, Privacy, Terms */}\n          <Link to=\"/security\">Security</Link>\n          <a\n            href=\"https://www.linkedin.com/company/AdNerf\"\n            rel=\"nofollow noopener\"\n            target=\"_blank\"\n          >\n            Linkedin\n          </a>\n        </SiteFooterNav>\n      </div>\n    </footer>\n  );\n};\n\nconst SiteFooter = css`\n  position: relative;\n  padding-top: 20px;\n  padding-bottom: 60px;\n  font-family: \"Roboto\";\n`;\n\nconst SiteFooterContent = css`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1.3rem;\n\n  margin-top: 150px;\n\n  @media (max-width: 650px) {\n    flex-direction: column;\n  }\n`;\n\nconst SiteFooterNav = styled.nav`\n  display: flex;\n\n  a {\n    position: relative;\n    margin-left: 20px;\n  }\n\n  a:before {\n    content: \"\";\n    position: absolute;\n    top: 11px;\n    left: -11px;\n    display: block;\n    width: 2px;\n    height: 2px;\n    background: #fff;\n    border-radius: 100%;\n  }\n\n  a:first-of-type:before {\n    display: none;\n  }\n  @media (max-width: 650px) {\n    a:first-of-type {\n      margin-left: 0;\n    }\n  }\n`;\n","import React from 'react';\nimport { SiteMain } from \"../../styles/shared\";\nimport { inner, outer } from \"../header/SiteNav\";\n\ninterface IContentProps {\n\n}\n\nexport class Content extends React.Component<IContentProps> {\n    static defaultProps = {\n    };\n\n    render() {\n        return (\n            <main id=\"site-main\" className=\"site-main\" css={[SiteMain, outer]}>\n                <div css={inner}>\n                    {this.props.children}\n                </div>\n            </main>\n        );\n    }\n}","import React from \"react\";\nimport { css } from \"@emotion/react\";\nimport { Footer } from \"../components/Footer\";\nimport { TransitionNavigation } from \"../components/header/SiteNav\";\nimport { Wrapper } from \"../components/Wrapper\";\nimport IndexLayout from \"../layouts\";\nimport { graphql } from \"gatsby\";\nimport { Content } from \"../components/body/Body\";\nimport { Helmet } from \"react-helmet\";\n\nexport const pageQuery = graphql`\n  query {\n    allMarkdownRemark(\n      sort: { fields: [frontmatter___date], order: DESC }\n      filter: { frontmatter: { layout: { eq: \"feature\" } } }\n    ) {\n      edges {\n        node {\n          timeToRead\n          frontmatter {\n            title\n            date\n            color\n            tags\n            draft\n            description\n            image {\n              publicURL\n            }\n          }\n          excerpt\n          fields {\n            layout\n            slug\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport interface FeaturesProps {\n  data: {\n    header: {\n      childImageSharp: {\n        fixed: any;\n      };\n    };\n    allMarkdownRemark: {\n      edges: Array<{\n        node: any;\n      }>;\n    };\n  };\n}\n\nconst FeatureFeed = css`\n  padding: 40px 0 5vw;\n\n  display: grid;\n  grid-gap: 10px;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n`;\n\nexport const FeatureCardStyles = css`\n  margin: auto;\n  min-height: 220px;\n  background-size: cover;\n\n  padding: 22px;\n  border-radius: 6px;\n  background: #fff;\n  color: #000;\n\n  height: 100%;\n  width: 100%;\n\n  text-align: center;\n\n  :hover,\n  :focus {\n    box-shadow: 0 4px 13px rgb(0, 0, 0, 0.1);\n    text-decoration: none;\n    color: #000;\n  }\n  :active {\n    box-shadow: 0 4px 13px rgb(0, 0, 0, 0.15);\n  }\n\n  img {\n    width: 100px;\n    height: 100px;\n  }\n\n  h4 {\n    text-align: center;\n    font-family: \"Roboto\", sans-serif;\n    font-weight: 900;\n  }\n`;\n\nconst Features: React.FC<FeaturesProps> = (props) => {\n  const features = props.data.allMarkdownRemark.edges.sort((a, b) =>\n    a.node.frontmatter.title.localeCompare(b.node.frontmatter.title)\n  );\n\n  return (\n    <IndexLayout>\n      <Wrapper>\n        <Helmet>\n          <title>AdNerf Features</title>\n        </Helmet>\n        <TransitionNavigation mode=\"normal\" />\n        <Content>\n          <div css={FeatureFeed}>\n            {features.map((feature) => {\n              return (\n                (feature.node.frontmatter.draft !== true ||\n                  process.env.NODE_ENV !== \"production\") && (\n                  <a\n                    key={feature.node.frontmatter.title}\n                    href={feature.node.fields.slug}\n                    css={FeatureCardStyles}\n                    className=\"post-card\"\n                  >\n                    <article>\n                      <img\n                        alt={`${feature.node.frontmatter.title} cover image`}\n                        src={feature.node.frontmatter.image.publicURL}\n                      />\n                      <h4 style={{ color: feature.node.frontmatter.color }}>\n                        {feature.node.frontmatter.title}\n                      </h4>\n                      <p>{feature.node.frontmatter.description}</p>\n                    </article>\n                  </a>\n                )\n              );\n            })}\n          </div>\n        </Content>\n        {props.children}\n        <Footer />\n      </Wrapper>\n    </IndexLayout>\n  );\n};\n\nexport default Features;\n"],"sourceRoot":""}