{"version":3,"sources":["webpack:///./src/components/PostBlock.js","webpack:///./src/components/BlogRoll.js","webpack:///./src/pages/news/index.js","webpack:///./src/img/panels-2.svg","webpack:///./src/img/panels-1.svg"],"names":["frontmatter","title","date","excerpt","index","slug","fields","Wrapper","InnerWrapper","to","Title","DateWrapper","Excerpt","Panels1","src","panels1","Panels2Wrapper","Panels2","panels2","position","background","padding","borderRadius","boxShadow","theme","textDecoration","color","textDecorationColor","primary","media","max","md","dark","mid","left","top","width","zIndex","transform","right","bottom","sm","overflow","marginLeft","BlogRoll","data","useState","maxPosts","setMaxPosts","posts","allMarkdownRemark","edges","slice","map","i","post","node","PostBlock","key","length","LoadMoreWrapper","LoadMoreButton","onClick","border","textTransform","query","render","count","BlogIndexPage","Layout","pageTitle","PageWrapper","React","Component","marginBottom","module","exports"],"mappings":"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","file":"component---src-pages-news-index-js-88ee01f1b90febcd76d4.js","sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\nimport { Link } from 'gatsby'\nimport panels1 from \"../img/panels-1.svg\";\nimport panels2 from \"../img/panels-2.svg\";\n\nexport default ({frontmatter: {title, date}, excerpt, index, fields: {slug}}) => (\n  <Wrapper>\n    <InnerWrapper>\n      <Link to={slug}>\n        <Title>{title}</Title>\n      </Link>\n      <DateWrapper>{date}</DateWrapper>\n      <Excerpt>{excerpt}</Excerpt>\n      {\n        index%4 === 0 &&\n        <Panels1 src={panels1} />\n      }\n      {\n        (index%4) - 1 === 0 &&\n        <Panels2Wrapper>\n          <Panels2 src={panels2} />\n        </Panels2Wrapper>\n      }\n    </InnerWrapper>\n  </Wrapper>\n)\n\nconst Wrapper = styled('article')({\n  width: '100%',\n  marginBottom: 40\n})\n\nconst InnerWrapper = styled('div')({\n  position: 'relative',\n  background: '#ffffff',\n  padding: '35px 30px',\n  borderRadius: 3,\n  boxShadow: `0 50px 100px -20px rgba(50,50,93,.15), 0 30px 40px -30px rgba(0,0,0,.1), 0 -18px 60px -10px rgba(0,0,0,.015)`\n}, ({theme}) => ({\n  '& a': {\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      textDecoration: 'underline',\n      textDecorationColor: theme.primary.color\n    }\n  },\n  [theme.media.max.md]: {\n    boxShadow: `0 20px 50px -20px rgba(50,50,93,.05), 0 30px 40px -30px rgba(0,0,0,.07), 0 -18px 60px -10px rgba(0,0,0,.015)`\n  }\n}))\n\nconst Title = styled('h1')({\n  fontWeight: 400,\n  fontSize: 24,\n  marginTop: 0,\n  marginBottom: 5\n}, ({theme}) => ({\n  color: theme.dark.color\n}))\n\nconst DateWrapper = styled('span')({\n  fontWeight: 300,\n  fontStyle: 'italic'\n}, ({theme}) => ({\n  color: theme.mid.color\n}))\n\nconst Excerpt = styled('p')({\n  marginBottom: 0,\n  fontWeight: 300\n})\n\nconst Panels1 = styled(\"img\")({\n  position: \"absolute\",\n  left: \"-20%\",\n  top: -50,\n  width: \"40%\",\n  zIndex: -1\n}, ({theme}) => ({\n  [theme.media.max.md]: {\n    width: '60%',\n    transform: 'scaleX(-1)'\n  }\n}));\n\nconst Panels2Wrapper = styled('div')({\n  position: \"absolute\",\n  right: 0,\n  bottom: -55,\n  width: \"40%\",\n  zIndex: -2\n}, ({theme}) => ({\n  [theme.media.max.sm]: {\n    overflow: 'hidden',\n    width: '60%'\n  }\n}))\n\nconst Panels2 = styled(\"img\")({\n  marginLeft: \"50%\",\n  width: '100%'\n}, ({theme}) => ({\n  [theme.media.max.sm]: {\n    overflow: 'hidden',\n    width: '100%',\n    marginLeft: \"25%\"\n  }\n}));\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport { Link, graphql, StaticQuery } from \"gatsby\";\nimport PreviewCompatibleImage from \"./PreviewCompatibleImage\";\nimport PostBlock from \"./PostBlock\";\n\nconst BlogRoll = ({ data }) => {\n  const [maxPosts, setMaxPosts] = useState(6)\n  const { edges: posts } = data.allMarkdownRemark;\n\n  const incrementMaxPosts = () => setMaxPosts(max => max + 6)\n  return (\n    <Wrapper>\n      {posts &&\n        posts.slice(0, maxPosts).map(({ node: post }, i) => <PostBlock {...post} index={i} key={i} />)}\n      {\n        maxPosts < posts.length &&\n        <LoadMoreWrapper>\n          <LoadMoreButton onClick={incrementMaxPosts}>\n            Load More\n          </LoadMoreButton>\n        </LoadMoreWrapper>\n      }\n    </Wrapper>\n  );\n}\n\nconst LoadMoreWrapper = styled('div')({\n  display: 'flex',\n  flexDirection: 'center',\n  padding: 30\n})\n\nconst LoadMoreButton = styled('button')({\n  padding: 15,\n  borderRadius: 2,\n  border: 'none',\n  boxShadow: `0 10px 30px -5px rgba(50,50,93,.15), 0 10px 10px -10px rgba(0,0,0,.1), 0 -18px 20px -5px rgba(0,0,0,.015)`,\n  textTransform: 'uppercase'\n})\n\nconst Wrapper = styled(\"div\")({\n  position: \"relative\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  alignItems: \"center\",\n  width: \"100%\",\n  maxWidth: 650\n});\n\nBlogRoll.propTypes = {\n  data: PropTypes.shape({\n    allMarkdownRemark: PropTypes.shape({\n      edges: PropTypes.array\n    })\n  })\n};\n\nexport default () => (\n  <StaticQuery\n    query={graphql`\n      query BlogRollQuery {\n        allMarkdownRemark(\n          sort: { order: DESC, fields: [frontmatter___date] }\n          filter: { frontmatter: { templateKey: { eq: \"news-post\" } } }\n        ) {\n          edges {\n            node {\n              excerpt(pruneLength: 400)\n              id\n              fields {\n                slug\n              }\n              frontmatter {\n                title\n                templateKey\n                date(formatString: \"MMMM DD, YYYY\")\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={(data, count) => <BlogRoll data={data} count={count} />}\n  />\n);\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport Layout from '../../components/Layout'\nimport BlogRoll from '../../components/BlogRoll'\n\nexport default class BlogIndexPage extends React.Component {\n  render() {\n    return (\n      <Layout pageTitle=\"News\">\n        <PageWrapper>\n          <Title>Latest News</Title>\n          <BlogRoll />\n        </PageWrapper>\n      </Layout>\n    )\n  }\n}\n\nconst PageWrapper = styled('section')({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  paddingBottom: 100\n})\n\nconst Title = styled('h1')({\n  fontSize: 48,\n  fontWeight: 300,\n  textAlign: 'center'\n}, ({theme}) => ({\n  color: theme.mid.color,\n  [theme.media.max.md]: {\n    marginBottom: 55\n  }\n}))\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMTEuMDcgMTY3LjM5Ij48dGl0bGU+cGFuZWxzLTI8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTTExLjczLDcwLjg3bDE1Ni42LDc4LjMxYTMxLjA3LDMxLjA3LDAsMCwwLDI3Ljc4LDBMMzA2LjgyLDkzLjA2YTUuODgsNS44OCwwLDAsMCwwLTEwLjUxTDE1MC4wOSw0LjI3YTMxLjA2LDMxLjA2LDAsMCwwLTI3Ljc2LDBMMTEuNzMsNjAuMzdBNS44Nyw1Ljg3LDAsMCwwLDExLjczLDcwLjg3WiIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6Izk1YzkzZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MnB4Ii8+PHBhdGggZD0iTTIuNDIsMTI3LjQybDc2LDM3LjUzYTIzLjE5LDIzLjE5LDAsMCwwLDIwLjcsMEwyMTUuOSwxMDYuNTZhNC4zNyw0LjM3LDAsMCwwLDAtNy44M0wxMzkuODQsNjEuMjJhMjMuMTcsMjMuMTcsMCwwLDAtMjAuNjksMEwyLjQyLDExOS41OUE0LjM3LDQuMzcsMCwwLDAsMi40MiwxMjcuNDJaIiBzdHlsZT0iZmlsbDojOTVjOTNkIi8+PC9nPjwvZz48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzguODEgMTA4LjU5Ij48dGl0bGU+cGFuZWxzLTE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBhdGggZD0iTS43NCwyMC45LDM2LjI4LDM4LjY3YTcuMDUsNy4wNSwwLDAsMCw2LjMsMEw3OC4xNSwyMC44OWExLjMzLDEuMzMsMCwwLDAsMC0yLjM4TDQyLjU4Ljc0YTcuMDUsNy4wNSwwLDAsMC02LjMsMEwuNzQsMTguNTJBMS4zMiwxLjMyLDAsMCwwLC43NCwyMC45WiIgc3R5bGU9ImZpbGw6Izk1YzkzZCIvPjxwYXRoIGQ9Ik0zMy42Myw1Ni43NiwxMzQuMjcsNi40NWExOS45MywxOS45MywwLDAsMSwxNy44NCwwbDgzLjYxLDQyYTMuNzcsMy43NywwLDAsMSwwLDYuNzVMMTM1LDEwNS40OWExOS45MywxOS45MywwLDAsMS0xNy44NCwwbC04My41NC00MkEzLjc3LDMuNzcsMCwwLDEsMzMuNjMsNTYuNzZaIiBzdHlsZT0iZmlsbDojZmZmO3N0cm9rZTojOTVjOTNkO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoycHgiLz48L2c+PC9nPjwvc3ZnPg==\""],"sourceRoot":""}