{"version":3,"sources":["webpack:///./src/templates/interviewpiece.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"],"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_11__","class","href","type","author","alt","src","source","childImageSharp","sizes","_reach_router__WEBPACK_IMPORTED_MODULE_10__","_ref2","location","pathname","Twitter","Facebook","Email","controls","style","display","sound","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-interviewpiece-js-9eca7d7d53edfe7d199a.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 { Location } from '@reach/router';\nimport Navbar from '../components/sidenav'\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\n    <div class=\"backHome\">\n      <a href=\"/\">\n        <small> ← Back to home</small>\n      </a>\n    </div>\n    <div class=\"pieceBox\">\n\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          <img alt=\"piece icon\" class=\"pieceIcon\" src={post.frontmatter.source.childImageSharp.sizes.src}></img>\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        </div>\n      </div>\n      <div class=\"pieceWriting\">\n        <div>\n          <audio controls style={{display: post.frontmatter.sound === '' ? 'none' : 'block' }}>\n            <source src={post.frontmatter.sound} type=\"audio/mp3\"></source>\n            Your browser does not support the audio element.\n          </audio>\n        </div>\n        <div dangerouslySetInnerHTML={{ __html: post.html }} />\n\n      </div>\n    </div>\n\n\n    <div class=\"recommendedPieces\">\n      <small>See more pieces</small>\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    </div>\n    </Layout>\n  )\n}\n\nexport const postQuery = graphql`\n  query InterviewByPath($path: String!) {\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\n      html\n      frontmatter {\n        path\n        title\n        author\n        type\n        sound\n        source {\n          childImageSharp{\n            sizes(maxWidth: 630) {\n                src\n            }\n          }\n        }\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","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"],"sourceRoot":""}