{"version":3,"sources":["webpack:///./src/pages/personalessay.js"],"names":["__webpack_require__","r","__webpack_exports__","d","pieceQuery","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_components_layout__WEBPACK_IMPORTED_MODULE_2__","_components_piecepreviewrow__WEBPACK_IMPORTED_MODULE_3__","_components_circlebutton__WEBPACK_IMPORTED_MODULE_4__","_components_shorten__WEBPACK_IMPORTED_MODULE_5__","_components_seo__WEBPACK_IMPORTED_MODULE_6__","_components_sidenav__WEBPACK_IMPORTED_MODULE_7__","_components_genrebar__WEBPACK_IMPORTED_MODULE_8__","_components_footer__WEBPACK_IMPORTED_MODULE_9__","_ref","data","a","createElement","title","keywords","class","personalessay","edges","map","post","href","node","frontmatter","path","key","id","src","source","childImageSharp","sizes","type","author","excerpt"],"mappings":"2FAAAA,EAAAC,EAAAC,GAAAF,EAAAG,EAAAD,EAAA,+BAAAE,IAAA,IAAAC,EAAAL,EAAA,GAAAM,EAAAN,EAAAO,EAAAF,GAAAG,GAAAR,EAAA,IAAAA,EAAA,MAAAS,EAAAT,EAAA,KAAAU,EAAAV,EAAA,KAAAW,EAAAX,EAAA,KAAAY,EAAAZ,EAAA,KAAAa,EAAAb,EAAA,KAAAc,EAAAd,EAAA,KAAAe,EAAAf,EAAA,KAaeE,EAAA,iBAAAc,GAAa,IAAXC,EAAWD,EAAXC,KAEjB,OACEX,EAAAY,EAAAC,cAACX,EAAA,EAAD,KACEF,EAAAY,EAAAC,cAACP,EAAA,EAAD,CAAKQ,MAAM,iBAAiBC,SAAU,uCAEtCf,EAAAY,EAAAC,cAACN,EAAA,EAAD,MACAP,EAAAY,EAAAC,cAACL,EAAA,EAAD,MAEAR,EAAAY,EAAAC,cAAA,MAAIG,MAAM,OAAV,2BAEAhB,EAAAY,EAAAC,cAACV,EAAA,EAAD,KACGQ,EAAKM,cAAcC,MAAMC,IAAI,SAAAC,GAAI,OAChCpB,EAAAY,EAAAC,cAAA,KAAGQ,KAAMD,EAAKE,KAAKC,YAAYC,MAC7BxB,EAAAY,EAAAC,cAAA,OAAKG,MAAM,sBACThB,EAAAY,EAAAC,cAAA,OAAKY,IAAKL,EAAKE,KAAKI,GAAIV,MAAM,6BAC1BhB,EAAAY,EAAAC,cAAA,OAAKG,MAAM,kBACThB,EAAAY,EAAAC,cAAA,OAAKG,MAAM,eAAeW,IAAKP,EAAKE,KAAKC,YAAYK,OAAOC,gBAAgBC,MAAMH,MAClF3B,EAAAY,EAAAC,cAAA,OAAKG,MAAM,eACThB,EAAAY,EAAAC,cAAA,UAAKO,EAAKE,KAAKC,YAAYT,OAC3Bd,EAAAY,EAAAC,cAAA,aACGO,EAAKE,KAAKC,YAAYQ,KADzB,OACmCX,EAAKE,KAAKC,YAAYS,UAK7DhC,EAAAY,EAAAC,cAAA,OAAKG,MAAM,kBACThB,EAAAY,EAAAC,cAAA,OAAKG,MAAM,kBACThB,EAAAY,EAAAC,cAAA,UAAKO,EAAKE,KAAKC,YAAYT,OAC3Bd,EAAAY,EAAAC,cAAA,aACGO,EAAKE,KAAKC,YAAYQ,KADzB,OACmCX,EAAKE,KAAKC,YAAYS,QAEzDhC,EAAAY,EAAAC,cAACR,EAAA,EAAD,KAAUe,EAAKE,KAAKW,SAAkBjC,EAAAY,EAAAC,cAAA,WACtCb,EAAAY,EAAAC,cAAA,OAAKG,MAAM,gBACXhB,EAAAY,EAAAC,cAACT,EAAA,EAAD,SAAeJ,EAAAY,EAAAC,cAAA,4BAAf,aAShBb,EAAAY,EAAAC,cAAA,OAAKG,MAAM,cACXhB,EAAAY,EAAAC,cAACJ,EAAA,EAAD,QAKG,IAAMX,EAAU","file":"component---src-pages-personalessay-js-45c3c6e78e6551d64c29.js","sourcesContent":["import React from 'react'\n\nimport { Link } from 'gatsby'\nimport Layout from '../components/layout'\nimport Piecepreviewrow from '../components/piecepreviewrow'\nimport Circlebutton from '../components/circlebutton'\nimport Shorten from '../components/shorten'\nimport SEO from '../components/seo'\nimport Navbar from '../components/sidenav'\nimport GenreBar from '../components/genrebar'\nimport Footer from '../components/footer'\n\n\nexport default ({data }) => {\n\nreturn (\n  <Layout>\n    <SEO title=\"Personal Essay\" keywords={[`personalessay`, `personal`, `essay`]} />\n\n    <Navbar></Navbar>\n    <GenreBar></GenreBar>\n\n    <h4 class=\"top\">Explore personal essays</h4>\n\n    <Piecepreviewrow>\n      {data.personalessay.edges.map(post => (\n        <a href={post.node.frontmatter.path}>\n          <div class=\"piecepreviewcolumn\">\n            <div key={post.node.id} class=\"piecepreview essaypreview\">\n                <div class=\"previewDefault\">\n                  <img class=\"previewImage\" src={post.node.frontmatter.source.childImageSharp.sizes.src}></img>\n                  <div class=\"previewInfo\">\n                    <h3>{post.node.frontmatter.title}</h3>\n                    <small>\n                      {post.node.frontmatter.type} by {post.node.frontmatter.author}\n                    </small>\n                  </div>\n                </div>\n\n                <div class=\"previewOverlay\">\n                  <div class=\"overlayContent\">\n                    <h3>{post.node.frontmatter.title}</h3>\n                    <small>\n                      {post.node.frontmatter.type} by {post.node.frontmatter.author}\n                    </small>\n                    <Shorten>{post.node.excerpt}</Shorten><br />\n                    <div class=\"fadetowhite\"></div>\n                    <Circlebutton> <small> Read more </small> </Circlebutton>\n                  </div>\n                </div>\n            </div>\n          </div>\n        </a>\n      ))}\n    </Piecepreviewrow>\n\n    <div class=\"linebreak\" />\n    <Footer />\n  </Layout>\n)\n}\n\nexport const pieceQuery = graphql`\n    query PersonalEssayIndexQuery {\n      personalessay: allMarkdownRemark(filter: {fileAbsolutePath: {regex: \"/personalessay/\"}}) {\n        edges {\n          node {\n            id\n            frontmatter {\n              path\n              title\n              author\n              type\n              source {\n                childImageSharp{\n                  sizes(maxWidth: 630) {\n                      src\n                  }\n                }\n              }\n            }\n            excerpt\n          }\n        }\n      }\n    }\n`\n"],"sourceRoot":""}