{"version":3,"sources":["webpack:///./src/components/featuredTopics.js","webpack:///./src/templates/posts.jsx","webpack:///./src/components/masthead.js","webpack:///./src/components/panel.js"],"names":["FeaturedTopics","currentTopic","to","css","query","PostIndex","location","pageContext","currentPage","numPages","data","isFirst","isLast","prevPage","toString","nextPage","pageTitle","console","log","parentTitle","title","backgroundImage","hero","childImageSharp","fluid","styling","isVeryThin","isShaded","allMarkdownRemark","edges","map","node","key","frontmatter","permalink","date","author","excerpt","rel","size","fullConfig","resolveConfig","tailwindConfig","Masthead","theme","colors","maroon","translucent","default","className","StyledDiv","Panel","children","props"],"mappings":"8FAAA,iD,kkDA+CeA,IA3CQ,SAAC,GAAqB,EAAnBC,aACxB,OACE,8BACE,YAAC,IAAD,CACEC,GAAG,wBACHC,IAAG,GAFL,YAMA,YAAC,IAAD,CACED,GAAG,yBACHC,IAAG,GAFL,aAMA,YAAC,IAAD,CACED,GAAG,gCACHC,IAAG,GAFL,oBAMA,YAAC,IAAD,CACED,GAAG,0BACHC,IAAG,GAFL,cAMA,YAAC,IAAD,CACED,GAAG,oBACHC,IAAG,GAFL,QAMA,YAAC,IAAD,CACED,GAAG,6BACHC,IAAG,GAFL,oB,2oBC2COC,EAAK,aA8BHC,UAjGG,SAAC,GAIZ,IAHLC,EAGI,EAHJA,SAGI,IAFJC,YAAeC,EAEX,EAFWA,YAAaC,EAExB,EAFwBA,SAC5BC,EACI,EADJA,KAEMC,EAA0B,IAAhBH,EACVI,EAASJ,IAAgBC,EACzBI,EACJL,EAAc,GAAM,EAAI,SAAW,UAAYA,EAAc,GAAGM,WAC5DC,EAAW,UAAYP,EAAc,GAAGM,WAAa,IACrDE,EAAY,8BAIlB,OAFAC,QAAQC,IAAIV,GAGV,YAAC,IAAD,CAAQF,SAAUA,EAAUa,YAAY,QAAQH,UAAWA,GACzD,YAAC,IAAD,CAAKI,MAAOJ,IACZ,YAAC,IAAD,CACEA,UAAWA,EACXK,gBAAiBX,EAAKY,KAAKC,gBAAgBC,MAC3CC,QAAS,CAAG,4BAAH,sBAEX,YAAC,IAAD,CAASC,YAAU,GACjB,sBAAQvB,IAAG,GAAX,qBACA,YAAC,IAAD,OAEF,YAAC,IAAD,CAASwB,UAAQ,GACdjB,EAAKkB,kBAAkBC,MAAMC,KAAI,YAAe,IAAZC,EAAW,EAAXA,KACnC,OACE,YAAC,IAAD,CACEC,IAAKD,EAAKE,YAAYb,MACtBjB,IAAG,GAEH,YAAC,IAAD,CAAUD,GAAE,GAAK6B,EAAKE,YAAYC,WAChC,kBAAI/B,IAAG,GAAa4B,EAAKE,YAAYb,QAEvC,iBAAGjB,IAAG,GACH4B,EAAKE,YAAYE,KADpB,SACuCJ,EAAKE,YAAYG,QAExD,YAAC,IAAD,KAAWL,EAAKM,SAChB,YAAC,IAAD,CACEnC,GAAI6B,EAAKE,YAAYC,UACrB/B,IAAG,GAFL,oBAUN,mBAAKA,IAAG,IACJQ,GACA,YAAC,IAAD,CAAQT,GAAIW,EAAUyB,IAAI,OAAOC,KAAK,MAAtC,oBAIA3B,GACA,YAAC,IAAD,CAAQV,GAAIa,EAAUuB,IAAI,OAAOC,KAAK,MAAtC,oB,8JC/DNC,EAAaC,IAAcC,KAuClBC,IArCE,SAAC,GAA0D,IAAxDxB,EAAuD,EAAvDA,YAAaH,EAA0C,EAA1CA,UAAWK,EAA+B,EAA/BA,gBAAiBI,EAAc,EAAdA,QAC3D,OACE,8BACE,YAAC,IAAD,CACED,MAAO,CAAC,mBACagB,EAAWI,MAAMC,OAAOC,OAAOC,YAD7C,KAC6DP,EAAWI,MAAMC,OAAOC,OAAOE,QAD5F,IAEL3B,GAEFlB,IAAG,YAAE,CAAG,gFAA2BsB,KAEnC,mBAAKwB,UAAU,aACb,uBACE,YAAC,IAAD,CACE9C,IAAG,YAAE,CACD,gGADC,yCAIL8C,UAAU,eAET9B,GAEH,kBACE8B,UAAU,cACV9C,IAAG,YAAE,CACD,qEADC,0CAKJa,S,kHClCf,IAAMkC,EAAY,+MAMHC,IAJD,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,SAAaC,E,oIAAY,iBACxC,OAAO,YAACH,EAAcG,EAAQD","file":"component---src-templates-posts-jsx-fb9926420f5d6da81794.js","sourcesContent":["import React from 'react';\nimport tw from 'tailwind.macro';\nimport SafeLink from './safeLink';\n\nconst FeaturedTopics = ({ currentTopic }) => {\n  return (\n    <>\n      <SafeLink\n        to=\"/blog/topic/covid-19/\"\n        css={tw`mr-2 p-2 mb-2 md:mb-0 rounded bg-white shadow inline-block`}\n      >\n        COVID-19\n      </SafeLink>\n      <SafeLink\n        to=\"/blog/topic/privilege/\"\n        css={tw`mr-2 p-2 mb-2 md:mb-0 rounded bg-white shadow inline-block`}\n      >\n        Privilege\n      </SafeLink>\n      <SafeLink\n        to=\"/blog/topic/the-constitution/\"\n        css={tw`mr-2 p-2 mb-2 md:mb-0 rounded bg-white shadow inline-block`}\n      >\n        The Constitution\n      </SafeLink>\n      <SafeLink\n        to=\"/blog/topic/corruption/\"\n        css={tw`mr-2 p-2 mb-2 md:mb-0 rounded bg-white shadow inline-block`}\n      >\n        Corruption\n      </SafeLink>\n      <SafeLink\n        to=\"/blog/topic/jobs/\"\n        css={tw`mr-2 p-2 mb-2 md:mb-0 rounded bg-white shadow inline-block`}\n      >\n        Jobs\n      </SafeLink>\n      <SafeLink\n        to=\"/blog/topic/the-president/\"\n        css={tw`mr-2 p-2 mb-2 md:mb-0 rounded bg-white shadow inline-block`}\n      >\n        The President\n      </SafeLink>\n    </>\n  );\n};\n\nexport default FeaturedTopics;\n","import { graphql } from 'gatsby';\nimport React from 'react';\nimport tw from 'tailwind.macro';\nimport Button from '../components/button';\nimport FeaturedTopics from '../components/featuredTopics';\nimport Layout from '../components/layout';\nimport LeadText from '../components/leadText';\nimport Masthead from '../components/masthead';\nimport Panel from '../components/panel';\nimport SafeLink from '../components/safeLink';\nimport Section from '../components/section';\nimport SEO from '../components/seo';\n\nconst PostIndex = ({\n  location,\n  pageContext: { currentPage, numPages },\n  data,\n}) => {\n  const isFirst = currentPage === 1;\n  const isLast = currentPage === numPages;\n  const prevPage =\n    currentPage - 1 === 1 ? '/blog/' : '/blog/' + (currentPage - 1).toString();\n  const nextPage = '/blog/' + (currentPage + 1).toString() + '/';\n  const pageTitle = 'Blog/Events: Beyond Just Us';\n\n  console.log(currentPage);\n\n  return (\n    <Layout location={location} parentTitle=\"Ideas\" pageTitle={pageTitle}>\n      <SEO title={pageTitle} />\n      <Masthead\n        pageTitle={pageTitle}\n        backgroundImage={data.hero.childImageSharp.fluid}\n        styling={[tw`bg-maroon`, `min-height:20vh;`]}\n      />\n      <Section isVeryThin>\n        <strong css={tw`mr-2`}>Featured topics: </strong>\n        <FeaturedTopics />\n      </Section>\n      <Section isShaded>\n        {data.allMarkdownRemark.edges.map(({ node }) => {\n          return (\n            <Panel\n              key={node.frontmatter.title}\n              css={tw`mb-5 p-10 rounded overflow-hidden`}\n            >\n              <SafeLink to={`${node.frontmatter.permalink}`}>\n                <h2 css={tw`my-0`}>{node.frontmatter.title}</h2>\n              </SafeLink>\n              <p css={tw`text-gray-600`}>\n                {node.frontmatter.date} &middot; By {node.frontmatter.author}\n              </p>\n              <LeadText>{node.excerpt}</LeadText>\n              <SafeLink\n                to={node.frontmatter.permalink}\n                css={tw`text-maroon hover:underline`}\n              >\n                Read more...\n              </SafeLink>\n            </Panel>\n          );\n        })}\n\n        <div css={tw`mt-10 flex justify-between`}>\n          {!isFirst && (\n            <Button to={prevPage} rel=\"prev\" size=\"md\">\n              ← Previous Page\n            </Button>\n          )}\n          {!isLast && (\n            <Button to={nextPage} rel=\"next\" size=\"md\">\n              Next Page &rarr;\n            </Button>\n          )}\n        </div>\n      </Section>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query($skip: Int!, $limit: Int!) {\n    allMarkdownRemark(\n      sort: { fields: [frontmatter___date], order: DESC }\n      limit: $limit\n      skip: $skip\n    ) {\n      edges {\n        node {\n          excerpt\n          frontmatter {\n            author\n            date(formatString: \"D MMMM YYYY\")\n            permalink\n            title\n            topics\n          }\n        }\n      }\n    }\n    hero: file(relativePath: { eq: \"home-hero.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n  }\n`;\n\nexport default PostIndex;\n","import BackgroundImage from 'gatsby-background-image';\nimport React from 'react';\nimport tw from 'tailwind.macro';\nimport resolveConfig from 'tailwindcss/resolveConfig';\nimport tailwindConfig from '../../tailwind.config.js';\nimport LeadText from './leadText';\n\nconst fullConfig = resolveConfig(tailwindConfig);\n\nconst Masthead = ({ parentTitle, pageTitle, backgroundImage, styling }) => {\n  return (\n    <>\n      <BackgroundImage\n        fluid={[\n          `linear-gradient(${fullConfig.theme.colors.maroon.translucent}, ${fullConfig.theme.colors.maroon.default})`,\n          backgroundImage,\n        ]}\n        css={[tw`flex items-center py-10`, styling]}\n      >\n        <div className=\"container\">\n          <div>\n            <LeadText\n              css={[\n                tw`my-0 uppercase tracking-wide text-white`,\n                `text-shadow:0 0 10px rgba(0,0,0,0.5)`,\n              ]}\n              className=\"text-shadow\"\n            >\n              {parentTitle}\n            </LeadText>\n            <h1\n              className=\"text-shadow\"\n              css={[\n                tw`my-0 text-white tracking-wider`,\n                `text-shadow:0 0 10px rgba(0,0,0,0.5)`,\n              ]}\n            >\n              {pageTitle}\n            </h1>\n          </div>\n        </div>\n      </BackgroundImage>\n    </>\n  );\n};\n\nexport default Masthead;\n","import React from \"react\"\nimport tw from \"tailwind.macro\"\n\nconst StyledDiv = tw.div`p-5 bg-white shadow-md rounded-lg`\n\nconst Panel = ({ children, ...props }) => {\n  return <StyledDiv {...props}>{children}</StyledDiv>\n}\n\nexport default Panel\n"],"sourceRoot":""}