{"version":3,"sources":["webpack:///./src/templates/blogIndex.js","webpack:///./src/styles/postsList.js","webpack:///./src/components/nextLink.js","webpack:///./src/components/prevLink.js","webpack:///./src/styles/pagination.js","webpack:///./src/components/paginationContainer.js"],"names":["BlogIndexTemplate","pageContext","next","prev","currentPage","numPages","title","route","posts","nodes","map","node","key","contentful_id","href","slug","className","documentToReactComponents","excerpt","json","PostsList","styled","ol","props","theme","serif","NextLink","id","to","PrevLink","PaginationStyle","div","mobileMinWidth","transformScale","darkPurple","PaginationContainer"],"mappings":"6FAAA,oHAsEeA,UAzDW,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,YAEvBC,EAAO,KACPC,EAAO,KACHC,EAA0BH,EAA1BG,YAAaC,EAAaJ,EAAbI,SAarB,GAVID,EAAc,GAAKA,IAAgBC,EACrCH,EAAO,MACkB,IAAhBE,GAAqBA,EAAc,KAC5CF,EAAO,CACLI,MAAM,qBAAqBF,EAAc,GACzCG,MAAM,UAAUH,EAAc,KAKd,IAAhBA,GAAqBA,EAAcC,EACrCF,EAAO,UACF,GAAIC,GAAeC,EAAU,CAIlCF,EAAO,CACLG,MAAM,qBAAqBF,EAAc,GACzCG,MAAM,UAJKH,EAAc,GAAM,EAAI,GAAKA,EAAc,IAQ1D,IAAMI,EAAQP,EAAYQ,MAAMC,KAAI,SAAAC,GAClC,OACE,wBAAIC,IAAKD,EAAKE,eACZ,uBAAGC,KAAI,SAAWH,EAAKI,MACrB,uBAAGC,UAAU,cAAcL,EAAKL,OAC/BW,oCAA0BN,EAAKO,QAAQC,WAMhD,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,oCACA,kBAAC,IAAD,CAAqBjB,KAAMA,EAAMC,KAAMA,KAE3C,kBAAC,IAAD,KACE,kBAAC,IAAD,KACGK,Q,kCC9DX,IAEMY,EAFN,UAEkBC,EAAOC,GAAV,2EAAGD,CAAH,8iBA4CI,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,SAMzBL,O,kFC7CAM,EAJE,SAAC,GAAD,IAAGpB,EAAH,EAAGA,MAAOC,EAAV,EAAUA,MAAV,OACf,kBAAC,IAAD,CAAMoB,GAAG,YAAYrB,MAAOA,EAAOsB,GAAIrB,KCI1BsB,EALE,SAAC,GAAD,IAAGvB,EAAH,EAAGA,MAAOC,EAAV,EAAUA,MAAV,OAAsB,kBAAC,IAAD,CACrCoB,GAAG,YACHrB,MAAOA,EACPsB,GAAIrB,KCyESuB,E,UA7EST,EAAOU,IAAV,8EAAGV,CAAH,6mCAIa,SAAAE,GAAK,OAAIA,EAAMC,MAAMQ,kBAiBX,SAAAT,GAAK,OAAIA,EAAMC,MAAMS,kBASvC,SAAAV,GAAK,SAAOA,EAAMC,MAAMU,cACxB,SAAAX,GAAK,OAAIA,EAAMC,MAAMU,cAoBH,SAAAX,GAAK,OAAIA,EAAMC,MAAMS,kBAOvC,SAAAV,GAAK,SAAOA,EAAMC,MAAMU,cACxB,SAAAX,GAAK,OAAIA,EAAMC,MAAMU,cCrChCC,IAjBa,SAAC,GAAoB,IAAlBjC,EAAiB,EAAjBA,KAAMC,EAAW,EAAXA,KACnC,OACE,kBAAC,EAAD,KAEIA,GAAQ,kBAAC,EAAD,CACNG,MAAOH,EAAKG,MACZC,MAAOJ,EAAKI,QAGdL,GAAQ,kBAAC,EAAD,CACNI,MAAOJ,EAAKI,MACZC,MAAOL,EAAKK","file":"component---src-templates-blog-index-js-5c8a7777f32c0c8595b9.js","sourcesContent":["import React from 'react'\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer'\n\nimport Layout from '../components/layout'\nimport PaginationContainer from '../components/paginationContainer'\n\nimport ContentWrapper from '../styles/contentWrapper'\nimport TitleWrapper from '../styles/titleWrapper'\nimport OffsetWrapper from '../styles/offsetWrapper'\nimport PostsList from '../styles/postsList'\n\n\n\nconst BlogIndexTemplate = ({ pageContext }) => {\n\n let next = null\n let prev = null\n const { currentPage, numPages } = pageContext\n\n\n if (currentPage > 1 && currentPage === numPages) {\n next = null\n } else if (currentPage === 1 || currentPage > 1) {\n next = {\n title: `go to posts page ${currentPage + 1}`,\n route: `/blog/${currentPage + 1}`\n }\n }\n\n\n if (currentPage === 1 && currentPage < numPages) {\n prev = null\n } else if (currentPage <= numPages) {\n\n const page = currentPage - 1 === 1 ? '' : currentPage - 1 \n\n prev = {\n title: `go to posts page ${currentPage - 1}`,\n route: `/blog/${page}`\n }\n }\n\n const posts = pageContext.nodes.map(node => {\n return (\n
  • \n \n

    {node.title}

    \n {documentToReactComponents(node.excerpt.json)}\n     \n
    • \n )\n })\n\n return (\n \n \n \n

    Blog

    \n \n     \n \n \n {posts}\n \n \n     \n     \n )\n}\n\nexport default BlogIndexTemplate\n\n\n\n\n\n// const BlogIndexTemplate = ({ pageContext, data }) => {\n\n// return (\n// \n// \n// {\n// // render content from contentful\n// documentToReactComponents(pageContext.content)\n// }\n// \n// {\n// const posts = allContentfulPageContent.edges.map(({ node }) => {\n// return (\n//
  • \n// \n//

    {node.title}

    \n//

    This is a brief excerpt of the post

    \n//     \n//
    • \n// )\n// })\n\n// return (\n// <>\n// \n// {posts}\n// \n// \n// )\n// }}\n// />\n//     \n// )\n// }\n\n// export default BlogIndexTemplate","import styled from 'styled-components'\n\nconst PostsList = styled.ol`\nlist-style-type: none;\n max-width: 70ch;\n padding: 0;\n li {\n a {\n padding: 0.5rem 1rem;\n position: relative;\n transform: scale(1);\n transition: transform 0.3s ease-out;\n will-change: transform;\n &:hover,\n &:focus {\n box-shadow: 0px 1px 3px 1px #0000001f, \n 0px 1px 4px 2px #6f3f981c;\n transform: scale(1.05);\n &:before {\n opacity: 0.2;\n }\n }\n &:before {\n content: '';\n opacity: 0;\n transition: opacity 0.3s ease-out;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n z-index: -1;\n }\n }\n }\n li + li {\n margin-top: 2rem;\n }\n a {\n background-image: unset;\n display: block\n }\n p {\n margin-bottom: 0;\n }\n .post-title {\n font-family: ${props => props.theme.serif};\n font-size: 1.4rem;\n margin: 0;\n }\n`\n\nexport default PostsList","import React from 'react'\nimport Link from 'gatsby-link'\n\nconst NextLink = ({ title, route }) => (\n \n)\n\nexport default NextLink","import React from 'react'\nimport Link from 'gatsby-link'\n\nconst PrevLink = ({ title, route }) => \n\nexport default PrevLink","import styled from 'styled-components'\n\nconst PaginationStyle = styled.div`\n display: none;\n margin-right: 1rem;\n margin-top: 4rem;\n @media screen and (min-width: ${props => props.theme.mobileMinWidth}) {\n display: flex;\n flex-basis: 100px;\n flex-grow: 0;\n justify-content: space-between;\n }\n a[id^='next-'] {\n border-left: 5px solid;\n border-bottom: 5px solid;\n transform: rotateZ(225deg) scale(1);\n width: 20px;\n display: inline-block;\n height: 20px;\n margin-bottom: 8px;\n margin-left: 14px;\n opacity: 0.2;\n position: relative;\n transition: opacity 0.3s ease-in-out, ${props => props.theme.transformScale};\n will-change: opacity, transform;\n /* &:before {\n content: 'Next';\n display: inline-block;\n transform: rotateZ(-225deg);\n } */\n &:after {\n content: '';\n background-color: ${props => `${props.theme.darkPurple}`};\n border: 1px solid ${props => props.theme.darkPurple};\n border-radius: 50%;\n margin-right: 0.5rem;\n position: absolute;\n top: 0;\n left: 5px;\n height: 10px;\n width: 10px;\n }\n &:hover,\n &:focus {\n opacity: 1;\n transform: rotateZ(225deg) scale(1.2);\n }\n }\n a[id^='prev-'] {\n border-left: 5px solid;\n border-bottom: 5px solid;\n opacity: 0.2;\n transform: rotateZ(45deg) scale(1);\n transition: opacity 0.3s ease-in-out, ${props => props.theme.transformScale};\n will-change: opacity, transform;\n width: 20px;\n display: inline-block;\n height: 20px;\n &:after {\n content: '';\n background-color: ${props => `${props.theme.darkPurple}`};\n border: 1px solid ${props => props.theme.darkPurple};\n border-radius: 50%;\n margin-right: 0.5rem;\n position: absolute;\n top: 0;\n left: 5px;\n transition: opacity 0.3s ease-in-out;\n height: 10px;\n width: 10px;\n }\n &:hover,\n &:focus {\n opacity: 1;\n transform: rotateZ(45deg) scale(1.2);\n }\n }\n`\n\nexport default PaginationStyle","import React from 'react'\n\nimport NextLink from './nextLink'\nimport PrevLink from './prevLink'\n\nimport PaginationStyle from '../styles/pagination'\n\nconst PaginationContainer = ({ next, prev }) => {\n return (\n \n {\n prev && \n }\n {\n next && \n }\n \n )\n}\n\nexport default PaginationContainer"],"sourceRoot":""}