{"version":3,"sources":["webpack:///./src/templates/artpiece.js","webpack:///./src/components/seo.js","webpack:///./src/components/sidenav.js","webpack:///./src/images/logo.png","webpack:///./src/images/logo2.png","webpack:///./src/images/expand2.png","webpack:///./src/components/piecepreviewrow.js","webpack:///./src/components/shorten.js","webpack:///./src/components/circlebutton.js","webpack:///./src/images/email.png","webpack:///./src/images/facebook.png","webpack:///./src/images/twitter.png","webpack:///./src/components/pieceheader.js","webpack:///./src/components/piecelayout.js","webpack:///./src/images/sound.png"],"names":["Template","_ref","data","post","markdownRemark","recommendedSample","lodash_sampleSize__WEBPACK_IMPORTED_MODULE_0___default","all","edges","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","_components_piecelayout__WEBPACK_IMPORTED_MODULE_2__","_components_seo__WEBPACK_IMPORTED_MODULE_6__","title","frontmatter","_components_sidenav__WEBPACK_IMPORTED_MODULE_12__","class","href","type","author","_reach_router__WEBPACK_IMPORTED_MODULE_11__","_ref2","location","pathname","alt","src","Twitter","Facebook","Email","interview","style","display","Sound","source","childImageSharp","sizes","width","height","video","frameborder","allow","allowfullscreen","dangerouslySetInnerHTML","__html","html","_components_piecepreviewrow__WEBPACK_IMPORTED_MODULE_3__","map","node","path","key","id","_components_shorten__WEBPACK_IMPORTED_MODULE_4__","excerpt","_components_circlebutton__WEBPACK_IMPORTED_MODULE_5__","postQuery","SEO","description","lang","meta","keywords","gatsby__WEBPACK_IMPORTED_MODULE_4__","query","detailsQuery","render","metaDescription","site","siteMetadata","react_helmet__WEBPACK_IMPORTED_MODULE_3___default","htmlAttributes","titleTemplate","name","content","property","concat","length","join","_public_static_d_1025518380_json__WEBPACK_IMPORTED_MODULE_0__","defaultProps","propTypes","PropTypes","string","array","arrayOf","isRequired","react__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","react__WEBPACK_IMPORTED_MODULE_0___default","n","gatsby__WEBPACK_IMPORTED_MODULE_1__","_images_logo2_png__WEBPACK_IMPORTED_MODULE_2__","_images_logo2_png__WEBPACK_IMPORTED_MODULE_2___default","_images_expand2_png__WEBPACK_IMPORTED_MODULE_4__","_images_expand2_png__WEBPACK_IMPORTED_MODULE_4___default","__webpack_exports__","children","SmallLogo","Expand","to","activeClassName","module","exports","p","PreviewRow","styled","div","withConfig","displayName","componentId","styled_components__WEBPACK_IMPORTED_MODULE_1__","Shorten","Excerpttext","Circlebutton","PieceHeader","siteTitle","react_default","marginBottom","PieceLayout","gatsby_browser_entry","Fragment","pieceheader","margin","background","maxWidth","marginTop","padding","boxShadow","paddingTop","_1948935994"],"mappings":"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","file":"component---src-templates-artpiece-js-b577fa5eb74cc9dc8d5b.js","sourcesContent":["import _ from 'lodash'\nimport React from 'react'\nimport Layout from '../components/piecelayout'\nimport Piecepreviewrow from '../components/piecepreviewrow'\nimport Shorten from '../components/shorten'\nimport Circlebutton from '../components/circlebutton'\nimport SEO from '../components/seo'\nimport Email from '../images/email.png'\nimport Facebook from '../images/facebook.png'\nimport Twitter from '../images/twitter.png'\nimport Sound from '../images/sound.png'\nimport { Location } from '@reach/router'\nimport Navbar from '../components/sidenav'\n\n\n\n\nexport default function Template({ data }) {\n  const post = data.markdownRemark\n  const recommendedSample = _.sampleSize(data.all.edges, 3)\n\n  return (\n    <Layout>\n    <SEO title={post.frontmatter.title} />\n\n    <Navbar></Navbar>\n    <div class=\"backHome\">\n      <a href=\"/\">\n        <small> ← Back to home</small>\n      </a>\n    </div>\n    <div class=\"pieceBox\">\n        <div class=\"pieceInfo\">\n          <div class=\"stickyInfo\">\n            <div class=\"title\">\n              <h2>{post.frontmatter.title}</h2>\n              <small>\n                  {post.frontmatter.type} by {post.frontmatter.author}\n              </small>\n            </div>\n            <div class=\"sharePiece\">\n              <div class=\"shareCall\">\n                <small>\n                    Share this piece\n                </small>\n              </div>\n              <div class=\"shareButtons\">\n                <Location>\n                  {({ location }) => {\n                    return <div><a href={'https://twitter.com/home?status=womens.theharvardadvocate.com' + location.pathname}><img alt=\"twitter logo\" class=\"shareIcon\" src={Twitter}></img></a>\n                            <a href={'https://www.facebook.com/sharer/sharer.php?u=womens.theharvardadvocate.com' + location.pathname}><img alt=\"facebook logo\" class=\"shareIcon\" src={Facebook}></img></a>\n                            <a href={\"mailto:?&subject=Read \" + post.frontmatter.title + \"from the Women's Issue&body=womens.theharvardadvocate.com\" + location.pathname}><img alt=\"email logo\"class=\"shareIcon\" src={Email}></img></a></div>\n                  }}\n                </Location>\n              </div>\n          </div>\n\n          <a class=\"interview\" href={\n            post.frontmatter.interview === 'No'\n             ? ''\n             : post.frontmatter.interview\n          } style={{display: post.frontmatter.interview === 'No' ? 'none' : 'flex' }}>\n            <img alt=\"sound icon\" class=\"shareIcon\" src={Sound}></img>\n            <small>{post.frontmatter.interview === 'No'\n             ? ''\n             : 'Read/listen to the artist\\'s interview here'}\n            </small>\n          </a>\n\n        </div>\n      </div>\n      <div class=\"pieceContent\">\n        <div class=\"pieceArt\">\n          <img alt={post.frontmatter.title} src={\n              post.frontmatter.type === 'Art'\n              ? post.frontmatter.source.childImageSharp.sizes.src\n              : ''\n          } />\n          <iframe title={post.frontmatter.title} class=\"video\" width=\"100%\" height={\n              post.frontmatter.type === 'Video'\n              ? '350px'\n              : '0px'\n            }\n            src={\n              post.frontmatter.type === 'Video'\n              ? post.frontmatter.video\n              : ''\n          } frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n        </div>\n        <div dangerouslySetInnerHTML={{ __html: post.html }} />\n      </div>\n    </div>\n\n\n    <div class=\"recommendedPieces\">\n      <small>See more pieces</small>\n\n      <Piecepreviewrow>\n        {recommendedSample.map(post => (\n          <a href={post.node.frontmatter.path}>\n            <div class=\"piecepreviewcolumn\">\n              <div key={post.node.id} class=\"piecepreview\">\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\n    </div>\n    </Layout>\n  )\n}\n\nexport const postQuery = graphql`\n  query ArtByPath($path: String!) {\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\n      html\n      frontmatter {\n        path\n        video\n        title\n        source {\n          childImageSharp{\n            sizes(maxWidth: 630) {\n                src\n            }\n          }\n        }\n        author\n        interview\n        type\n      }\n    }\n    all: allMarkdownRemark {\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(pruneLength: 350)\n        }\n      }\n    }\n\n  }\n`\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Helmet from 'react-helmet'\nimport { StaticQuery, graphql } from 'gatsby'\n\nfunction SEO({ description, lang, meta, keywords, title }) {\n  return (\n    <StaticQuery\n      query={detailsQuery}\n      render={data => {\n        const metaDescription =\n          description || data.site.siteMetadata.description\n        return (\n          <Helmet\n            htmlAttributes={{\n              lang,\n            }}\n            title={title}\n            titleTemplate={`%s | ${data.site.siteMetadata.title}`}\n            meta={[\n              {\n                name: `description`,\n                content: metaDescription,\n              },\n              {\n                property: `og:title`,\n                content: title,\n              },\n              {\n                property: `og:description`,\n                content: metaDescription,\n              },\n              {\n                property: `og:type`,\n                content: `website`,\n              },\n              {\n                name: `twitter:card`,\n                content: `summary`,\n              },\n              {\n                name: `twitter:creator`,\n                content: data.site.siteMetadata.author,\n              },\n              {\n                name: `twitter:title`,\n                content: title,\n              },\n              {\n                name: `twitter:description`,\n                content: metaDescription,\n              },\n            ]\n              .concat(\n                keywords.length > 0\n                  ? {\n                      name: `keywords`,\n                      content: keywords.join(`, `),\n                    }\n                  : []\n              )\n              .concat(meta)}\n          />\n        )\n      }}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  keywords: [],\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.array,\n  keywords: PropTypes.arrayOf(PropTypes.string),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n\nconst detailsQuery = graphql`\n  query DefaultSEOQuery {\n    site {\n      siteMetadata {\n        title\n        description\n        author\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport { Link } from 'gatsby'\nimport SmallLogo from '../images/logo2.png'\nimport Logo from '../images/logo.png'\nimport Expand from '../images/expand2.png'\n\n\nexport default ({ children }) => (\n  <div class=\"sidenav\">\n      <div class=\"icons\">\n        <div>\n          <a class=\"naviconlimits\" href=\"/\"><img class=\"navicon\" src={SmallLogo}></img></a>\n        </div>\n        <div id=\"expand\">\n          <a class=\"naviconlimits\" href=\"\"><img class=\"navicon\" src={Expand}></img></a>\n          <div class=\"expandMenu\">\n            <div class=\"menuText\">\n              <div class=\"menuLink\"><Link to=\"/\" activeClassName=\"activeSub\">Home</Link></div>\n              <div class=\"menuLink\"><Link to=\"/\" activeClassName=\"activeSub\">Browse pieces</Link></div>\n              <div class=\"tabbedLinks\">\n                  <div class=\"menuLink tabbed\"><Link to=\"/art\" activeClassName=\"active\">Art</Link></div>\n                  <div class=\"menuLink tabbed\"><Link to=\"/fiction\" activeClassName=\"active\">Fiction</Link></div>\n                  <div class=\"menuLink tabbed\"><Link to=\"/personalessay\" activeClassName=\"active\">Personal Essays</Link></div>\n                  <div class=\"menuLink tabbed\"><Link to=\"/poetry\" activeClassName=\"active\">Poetry</Link></div>\n                  <div class=\"menuLink tabbed\"><Link to=\"/interview\" activeClassName=\"active\">Conversations</Link></div>\n              </div>\n              <div class=\"menuLink\"><Link to=\"/about\" activeClassName=\"activeSub\">About</Link></div>\n              <div class=\"menuLink\"><a href=\"https://theharvardadvocate.com/\" activeClassName=\"activeSub\">The Harvard Advocate</a></div>\n              <div class=\"tabbedLinks\">\n                <div class=\"menuLink tabbed\"><a href=\"https://theharvardadvocate.com/shop/9\" activeClassName=\"active\">Purchase the print issue</a></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n  </div>\n\n\n)\n","module.exports = __webpack_public_path__ + \"static/logo-fc433810690906799bee1d2ef07a6ab8.png\";","module.exports = __webpack_public_path__ + \"static/logo2-01a37db98c9123b8a347e1203eb5d799.png\";","module.exports = __webpack_public_path__ + \"static/expand2-d6b299c81906cced8b8075104eadd724.png\";","import React from \"react\"\nimport styled from \"styled-components\"\n\n\nconst PreviewRow = styled.div`\n  display: inline-block;\n  margin-top: 20px;\n  margin-bottom: 30px;\n`\n\nexport default ({ children }) => (\n  <PreviewRow>\n    {children}\n  </PreviewRow>\n)\n","import React from \"react\"\nimport styled from \"styled-components\"\n\n\n\nconst Shorten = styled.div`\n   margin-top: 20px;\n   overflow: hidden;\n   text-overflow: ellipsis;\n   display: -webkit-box;\n   -webkit-box-orient: vertical;\n   -webkit-line-clamp: 7; /* number of lines to show */\n   line-height: 1.6em;        /* fallback */\n   // max-height: 4em;\n`\n\nconst Excerpttext = styled.div`\n  font-size: 1em;\n`\n\nexport default ({ children }) => (\n  <Shorten>\n    <Excerpttext>{children}</Excerpttext>\n  </Shorten>\n)\n","import React from \"react\"\nimport styled from \"styled-components\"\n\n\n\nconst Circlebutton = styled.div`\n  border: none;\n  color: #808080\t;\n  padding-bottom: 15px;\n  text-align: right;\n  right: 25px;\n  text-decoration: none;\n  position: absolute;\n  bottom: 10px;\n  z-index: 100;\n`\n\n\nexport default ({ children }) => (\n    <Circlebutton>\n      {children}\n    </Circlebutton>\n)\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQeSURBVHhe7Z1dyGVTGMdfn2HyMURJFBpJJhciIkpyg6gRKfkoJhQycylFEu644A4lko8LiVJKM5kahbgZkkgZuZBvF+Tz9y+jp9163znrrHOOZ+3z/9Xv5q29zjrPv/Y+az9r73fFGGOMMf9xDG7CR/B13IXf4t/BP/G7f/0cP8MP8D3chi/h43g/3oFX4Xo0E3Io3o5vo4odiz8rd+PRaNbgCHwIf8JSEWft9WhW4Vr8BkuFW02don4e/K3G29AMOAifwVLB5B+o68B9eBmeigfjkP1Q14Uj8STcgOeijrkRt+L7GMd2IAMOx+0Yi7RHXZi34FE4K57A+BkOJHAIvoOxQPJHvBMPxFnjQNbgZYzFke/iiTgvHMgqbMZYGPkGrsN54kAKHIvDX0Y6dekUNm8cSIEnMRZFq+7jcBE4kAEn4O8Yi7LIxZkDGfAgxoJoXbAPLgoHElDhv8RYkGtwkTiQwFkYi6HbJPNYa6yFAwnci7EYT+Es0Gpft0om8VmMc1jqQF7FWIyW05V6JOqPqPcRx6x1qQP5CmMxTsZpuBpb7vBGb8WlRHd0YyF+wWm4Af/COFaLuhu8lJyCsRAfYS2n428Yx5Hf44eodu2k7sClPl2dj7GIb2Etr2AcQ13F63B/NJVchLGYr2ENajqpURXHuATNlFyKsZgvYA2XYzxemx9MA8NAnsMabsZ4/KNoGmgNRBfgeLx2ppgGHEgyHEgyHEgyHEgyHEgyHMgc2RfPwYsrvAdjQVsDeR5LnzOpF+AidrnMHbVhddsjFmcaWwOZhZ/gYdg16mGUvlyt6tzVoL5FaZxW9eBO12zE0her9S6s4WycZR9kj1dg1wwD0UaFFyvUTcW7UY8O1HIl6lRXGndSh53GM7BrhoH0dtf1B4zz7/45w54D0eNyce4Kp3t6DkSnpzh3tX27p+dAdAGPc1dLuHt6DkS/7OLcR9Hk6jkQBRDnXvvTOyU9BzLctdL9GkT0HIgu4nHu3a9BRM+BjG4NInoNRMWP8x7FGkT0Gsgo1yBiGMinqEecJ/UWnPbcrQdDb8LSuHvzMYzzHsUaRAwDmUa9bkkdxBqOR22qLo03jaPZaHcalr5grU9jDcOdi63q1R2jQM8EfoGlL1nj/9kx/BX1pqDRoHO5euQPV6hX7MWitAayE0ufszcfQD18uvR410kyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyHEgyhoF8jW9W+DHG4x1II8NAWnUgjVyIpcJOq54CNg0cgNuwVNxad6P+DbhpRO/qPRNL72Kf1PNwHRpjjDEjZ2XlH6szdHlhpEJvAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,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\"","import PropTypes from 'prop-types'\nimport React from 'react'\n\nconst PieceHeader = ({ siteTitle }) => (\n  <div\n    style={{\n      marginBottom: `-5em`,\n    }}\n  >\n\n  </div>\n)\n\nPieceHeader.propTypes = {\n  siteTitle: PropTypes.string,\n}\n\nPieceHeader.defaultProps = {\n  siteTitle: ``,\n}\n\nexport default PieceHeader\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { StaticQuery, graphql } from 'gatsby'\n\nimport PieceHeader from './pieceheader'\nimport './layout.css'\n\nconst PieceLayout = ({ children }) => (\n  <StaticQuery\n    query={graphql`\n      query SiteTitleQuery2 {\n        site {\n          siteMetadata {\n            title\n          }\n        }\n      }\n    `}\n    render={data => (\n      <>\n        <PieceHeader siteTitle={data.site.siteMetadata.title} />\n        <div class=\"whitelayout\" style={{\n          margin: `0 auto`,\n          background: `white`,\n          maxWidth: `97%`,\n          marginTop: `100px`,\n          padding: `0px 1.0875rem 1.45rem`,\n          boxShadow: `0px 0px 5px rgba(0, 0, 0, 0.3)`\n        }}\n        >\n        <div\n          style={{\n            margin: `0 auto`,\n            paddingTop: `70px`,\n            maxWidth: 1080,\n          }}\n        >\n          {children}\n        </div>\n        </div>\n      </>\n    )}\n  />\n)\n\nPieceLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default PieceLayout\n","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}