{"version":3,"sources":["webpack:///./src/components/Merry/Project/Header.tsx","webpack:///./src/components/Merry/Project/PageDownButton.tsx","webpack:///./src/templates/project-post.tsx","webpack:///./src/components/Merry/Project/Content.tsx"],"names":["Root","styled","div","ImageContainer","Content","rhythm","Title","h1","SizeSM","Header","image","title","fluid","style","overflow","position","Container","Purple","Text","PageDownButton","id","href","offset","icon","faCaretDown","size","color","Pink","pageQuery","ProjectPostTemplate","data","pageContext","location","post","markdownRemark","previous","next","navStartsOpen","state","undefined","navOpen","fromFeed","PageWrap","frontmatter","description","excerpt","width","featuredImage","childImageSharp","onClick","scale","display","marginBottom","date","dangerouslySetInnerHTML","__html","html","flexWrap","justifyContent","listStyle","padding","maxWidth","to","fields","slug","rel","SizeMD","Body","children"],"mappings":"iQAKMA,EAAOC,IAAOC,IAAV,mEAAGD,CAAH,MAIJE,EAAiBF,IAAOC,IAAV,6EAAGD,CAAH,qFAQdG,EAAUH,IAAOC,IAAV,sEAAGD,CAAH,mFAIDI,YAAO,KACNA,YAAO,MAIdC,EAAQL,IAAOM,GAAV,oEAAGN,CAAH,mFAIqBO,KAwBjBC,EAbA,SAAC,GAAkC,IAAhCC,EAAgC,EAAhCA,MAAOC,EAAyB,EAAzBA,MACrB,OACI,kBAACX,EAAD,KACI,kBAACG,EAAD,KACI,kBAAC,IAAD,CAAKS,MAAOF,EAAOG,MAAO,CAACC,SAAU,UAAWC,SAAU,YAC1D,kBAAC,EAAD,KACI,kBAACT,EAAD,KAASK,O,yDCvCvBK,EAAYf,IAAOC,IAAV,+EAAGD,CAAH,0DAMTD,EAAOC,IAAOC,IAAV,0EAAGD,CAAH,mKAKYgB,KAUhBC,EAAOjB,IAAOC,IAAV,0EAAGD,CAAH,0EA8BKkB,EAnBQ,SAAC,GAAgC,IAA9BC,EAA8B,EAA9BA,GACxB,OACE,kBAACJ,EAAD,KACE,kBAAC,IAAD,CAAYK,KAAI,IAAMD,EAAME,OAAO,OACjC,kBAAC,EAAD,CAAMF,GAAIA,GACR,kBAACF,EAAD,KACE,kBAAC,IAAD,CAAiBK,KAAMC,IAAaC,KAAK,KAAKC,MAAK,GAAKC,W,YCwDvDC,GAFEC,UAvEa,SAAC,GAA2C,IAAzCC,EAAyC,EAAzCA,KAAMC,EAAmC,EAAnCA,YAAaC,EAAsB,EAAtBA,SAC1CC,EAAOH,EAAKI,eACVC,EAAmBJ,EAAnBI,SAAUC,EAASL,EAATK,KAEZC,GAAgBL,EAASM,YAAoCC,IAA3BP,EAASM,MAAME,SAAuBR,EAASM,MAAMG,SAE7F,OACE,kBAACC,EAAA,EAAD,CACE/B,MAAOsB,EAAKU,YAAYhC,MACxBiC,YAAaX,EAAKU,YAAYC,aAAeX,EAAKY,QAClDL,QAASH,GAET,yBAAKxB,MAAO,CAACiC,MAAO,SAEhBb,EAAKU,YAAYI,eAAiB,kBAAC,EAAD,CAChCrC,MAAOuB,EAAKU,YAAYI,cAAcC,gBAAgBpC,MACtDD,MAAOsB,EAAKU,YAAYhC,QAG5B,kBAACP,EAAA,EAAD,KACI6B,EAAKU,YAAYI,cACjB,kBAAC,EAAD,CAAgB3B,GAAG,iBAAiB6B,QAAS,eAE7C,4BAAMhB,EAAKU,YAAYhC,OAEzB,uBACEE,MAAK,+BACAqC,aAAM,KADN,IAEHC,QAAS,QACTC,aAAc/C,YAAO,MAGtB4B,EAAKU,YAAYU,MAEpB,yBAAKC,wBAAyB,CAAEC,OAAQtB,EAAKuB,QAC7C,wBACE3C,MAAO,CACLuC,aAAc/C,YAAO,MAIzB,wBACEQ,MAAO,CACLsC,QAAS,OACTM,SAAU,OACVC,eAAgB,gBAChBC,UAAW,OACXC,QAAS,IAGX,wBAAI/C,MAAO,CAACgD,SAAU,QACnB1B,GACC,kBAAC,OAAD,CAAM2B,GAAE,WAAa3B,EAAS4B,OAAOC,KAAQC,IAAI,OAAO3B,MAAO,CAAEE,SAAS,IAA1E,KACKL,EAASQ,YAAYhC,QAI9B,wBAAIE,MAAO,CAACgD,SAAU,QACnBzB,GACC,kBAAC,OAAD,CAAM0B,GAAE,WAAa1B,EAAK2B,OAAOC,KAAQC,IAAI,OAAO3B,MAAO,CAAEE,SAAS,IACnEJ,EAAKO,YAAYhC,MADpB,YAcS,e,kCCtGzB,iDAIMX,EAAOC,IAAOC,IAAV,mEAAGD,CAAH,8HAMsBiE,KAiBjBC,IARF,SAAC,GAA4B,IAA1BC,EAA0B,EAA1BA,SACZ,OACI,kBAACpE,EAAD,CAAMoB,GAAG,eACHgD","file":"component---src-templates-project-post-tsx-bc14c878fabc76dc2ac4.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport Img from \"gatsby-image\"\nimport { SizeSM, rhythm } from '../vars';\n\nconst Root = styled.div`\n\n`;\n\nconst ImageContainer = styled.div`\n    width: 100%;\n    max-height: 800px;\n    min-height: 300px;\n    overflow: hidden;\n    position: relative;\n`\n\nconst Content = styled.div`\n    position: absolute;\n    z-index: 10;\n    bottom: 20px;\n    left: ${rhythm(1.5)};\n    right: ${rhythm(1.5)};\n    text-align: center;\n`\n\nconst Title = styled.h1`\n    color: #fff;\n    font-size: 2rem;\n\n@media screen and (min-width: ${SizeSM}) {\n    font-size: 2.5rem;\n}\n`\n\n\ninterface HeaderProps {\n    image?: any\n    title: string\n}\n\nconst Header = ({ image, title }: HeaderProps) => {\n    return (\n        <Root>\n            <ImageContainer>\n                <Img fluid={image} style={{overflow: 'initial', position: 'static'}}/>\n                <Content>\n                    <Title>{ title }</Title>\n                </Content>\n            </ImageContainer>\n        </Root>\n    )\n}\n\nexport default Header\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport styled from \"styled-components\"\nimport AnchorLink from \"react-anchor-link-smooth-scroll\"\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\"\nimport { faCaretDown } from \"@fortawesome/free-solid-svg-icons\"\nimport { IronGrey, Pink, Purple } from \"../colors\"\n\nconst Container = styled.div`\n  position: relative;\n  margin: -48px auto 64px;\n  width: 64px;\n`\n\nconst Root = styled.div`\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\n  background-color: ${Purple};\n  cursor: pointer;\n  transition: 0.25s ease;\n  z-index: 12;\n\n  &:hover {\n    transform: scale(1.1);\n  }\n`\n\nconst Text = styled.div`\n  position: absolute;\n  padding-left: 24px;\n  padding-top: 16px;\n  font-size: 20px;\n`\n\ninterface PageDownButtonProps {\n  id: string\n}\n\nconst PageDownButton = ({ id }: PageDownButtonProps) => {\n  return (\n    <Container>\n      <AnchorLink href={`#${id}`} offset=\"-34\">\n        <Root id={id}>\n          <Text>\n            <FontAwesomeIcon icon={faCaretDown} size=\"lg\" color={`${Pink}`} />\n          </Text>\n        </Root>\n      </AnchorLink>\n    </Container>\n  )\n}\n\nPageDownButton.propTypes = {\n  id: PropTypes.string,\n  onClick: PropTypes.func.isRequired,\n}\n\nexport default PageDownButton\n","import React, { useState } from 'react'\nimport { Link, graphql } from 'gatsby'\nimport { Swipeable, EventData } from 'react-swipeable'\n\nimport SEO from '../components/seo'\nimport { rhythm, scale } from '../utils/typography'\nimport Content from '../components/Merry/Project/Content'\nimport Layout from '../components/Merry/Project/Layout'\nimport Header from '../components/Merry/Project/Header'\nimport Sidebar from '../components/Merry/Sidebar'\nimport Bio from '../components/bio'\nimport PageUpButton from '../components/Merry/Project/PageUpButton'\nimport PageDownButton from '../components/Merry/Project/PageDownButton'\nimport Footer from '../components/Footer'\nimport PageWrap from '../components/PageWrap'\n\ninterface Props {\n  data: {\n    markdownRemark: any\n    site: {\n      siteMetadata: {\n        title: string\n      }\n    }\n  }\n  pageContext: any\n  location: any\n}\n\nconst ProjectPostTemplate = ({ data, pageContext, location }: Props) => {\n  const post = data.markdownRemark\n  const { previous, next } = pageContext\n\n  const navStartsOpen = location.state && location.state.navOpen !== undefined? location.state.fromFeed: true\n\n  return (\n    <PageWrap\n      title={post.frontmatter.title}\n      description={post.frontmatter.description || post.excerpt}\n      navOpen={navStartsOpen}\n    >\n      <div style={{width: '100%'}}>\n      {\n          post.frontmatter.featuredImage && <Header\n            image={post.frontmatter.featuredImage.childImageSharp.fluid}\n            title={post.frontmatter.title}\n          />\n        }\n        <Content>\n          { post.frontmatter.featuredImage? \n            <PageDownButton id=\"pageDownButton\" onClick={()=> {}}/>\n          : \n            <h1>{ post.frontmatter.title }</h1>\n          }\n          <p\n            style={{\n              ...scale(-1 / 5),\n              display: `block`,\n              marginBottom: rhythm(1),\n            }}\n          >\n            {post.frontmatter.date}\n          </p>\n          <div dangerouslySetInnerHTML={{ __html: post.html }} />\n          <hr\n            style={{\n              marginBottom: rhythm(1),\n            }}\n          />\n\n          <ul\n            style={{\n              display: `flex`,\n              flexWrap: `wrap`,\n              justifyContent: `space-between`,\n              listStyle: `none`,\n              padding: 0,\n            }}\n          >\n            <li style={{maxWidth: '40%'}}>\n              {previous && (\n                <Link to={`/project${previous.fields.slug}`} rel=\"prev\" state={{ navOpen: false}}>\n                  ← {previous.frontmatter.title}\n                </Link>\n              )}\n            </li>\n            <li style={{maxWidth: '40%'}}>\n              {next && (\n                <Link to={`/project${next.fields.slug}`} rel=\"next\" state={{ navOpen: false}}>\n                  {next.frontmatter.title} →\n                </Link>\n              )}\n            </li>\n          </ul>\n        </Content>\n      </div>\n    </PageWrap>\n  )\n}\n\nexport default ProjectPostTemplate\n\nexport const pageQuery = graphql`\n  query ProjectPostBySlug($slug: String!) {\n    site {\n      siteMetadata {\n        title\n        author {\n          name\n        }\n      }\n    }\n    markdownRemark(fields: { slug: { eq: $slug } }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n        featuredImage {\n          childImageSharp {\n            fluid(maxWidth: 1920) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    }\n  }\n`","import React from 'react'\nimport styled from 'styled-components'\nimport { SizeMD } from '../vars'\n\nconst Root = styled.div`\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 16px;\n    position: relative;\n\n@media screen and (min-width: ${SizeMD}) {\n    width: calc(100% - 300px);\n}\n`\n\ninterface BodyProps {\n    children?: any\n}\n\nconst Body = ({ children }: BodyProps) => {\n    return (\n        <Root id=\"contentRoot\">\n            { children }\n        </Root>\n    )\n}\n\nexport default Body\n"],"sourceRoot":""}