{"version":3,"sources":["webpack:///./src/components/story-nav.js","webpack:///./src/templates/post.js"],"names":["props","query","render","data","stories","allMarkdownRemark","nodes","count","totalCount","currentPath","pos","map","story","index","frontmatter","path","indexOf","prevPos","nextPos","prevLinktext","nextLinktext","prevLink","nextLink","className","LinkCustom","effect","length","url","xmlns","viewBox","role","aria-labelledby","id","d","Template","siteUrl","useSiteMetadata","markdownRemark","html","pageClass","AntiRacismIsafter","antiRacismIsafter","InlineImage","inlineImage","src","publicURL","alt","name","split","pop","firstHalf","splice","join","replace","secondHalf","slice","Helmet","title","rel","href","content","antiRacismIs","itemprop","thumbnailImage","property","style","backgroundImage","featuredImage","vimeoID","height","bullets","dangerouslySetInnerHTML","__html"],"mappings":"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","file":"component---src-templates-post-js-0f71ebec405b6fcb7ab7.js","sourcesContent":["import * as React from \"react\"\r\nimport { graphql, StaticQuery } from \"gatsby\";\r\nimport LinkCustom from '../components/TransitionLinks/LinkCustom';\r\n\r\nexport default (props) => (\r\n  <StaticQuery\r\n    query={graphql`\r\n      query storynav {\r\n        allMarkdownRemark(\r\n          sort: { order: ASC, fields: [frontmatter___name] }\r\n          limit: 1000\r\n        ) {\r\n          nodes {\r\n            frontmatter {\r\n              path\r\n            }\r\n          }\r\n          totalCount\r\n        }\r\n      }\r\n    `}\r\n    render={data => {\r\n      \r\n      const stories = data.allMarkdownRemark.nodes;\r\n      const count = data.allMarkdownRemark.totalCount - 1;\r\n\r\n      var currentPath = props.currentPath;\r\n\r\n      var pos = stories.map(function(story, index) { return story.frontmatter.path; }).indexOf(currentPath);\r\n\r\n      var prevPos = pos - 1;\r\n      var nextPos = pos + 1;\r\n      \r\n      var prevLinktext = 'Previous Story';\r\n      var nextLinktext = 'Next Story';\r\n\r\n      if (pos == 0) {\r\n        var prevLink = '/all-stories';\r\n        var prevLinktext = 'Back to All Stories';\r\n\r\n        var nextLink = stories[nextPos].frontmatter.path;\r\n      } else if (pos == count) {\r\n        var nextLink = '/comments';\r\n        var nextLinktext = 'Next: Comments';\r\n\r\n        var prevLink = stories[prevPos].frontmatter.path;\r\n      } else {\r\n        var prevLink = stories[prevPos].frontmatter.path;\r\n        var nextLink = stories[nextPos].frontmatter.path;\r\n      }\r\n\r\n      \r\n\r\n      \r\n\r\n\r\n      return (\r\n        <div className=\"post-nav\">\r\n          <LinkCustom className=\"post-nav-link post-nav-prev\" effect=\"slideRight\" length={2} url={prevLink}>\r\n            <svg className=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\"  role=\"img\" aria-labelledby=\"back-arrow-title\">\r\n              <title id=\"back-arrow-title\">Back Arrow</title>\r\n              <path role=\"presentation\" d=\"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z\"/>\r\n            </svg>\r\n            {prevLinktext}\r\n          </LinkCustom>\r\n          <LinkCustom className=\"post-nav-link post-nav-next\" effect=\"slideLeft\" length={2} url={nextLink}>\r\n            {nextLinktext}\r\n            <svg className=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\"  role=\"img\" aria-labelledby=\"next-arrow-title\">\r\n              <title id=\"next-arrow-title\">Next Arrow</title>\r\n              <path role=\"presentation\" d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"/>\r\n            </svg>\r\n          </LinkCustom>\r\n        </div>\r\n      )\r\n        \r\n\r\n    }}\r\n  />\r\n)","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport Layout from \"../components/layout\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport useSiteMetadata from '../components/use-site-metadata';\r\nimport { Scrollbar } from \"react-scrollbars-custom\";\r\nimport VideoModal from \"../components/video-modal\";\r\nimport LinkCustom from '../components/TransitionLinks/LinkCustom';\r\nimport StoryNav from '../components/story-nav';\r\n\r\nexport default function Template({\r\n  data\r\n}) {\r\n\r\n  const { siteUrl } = useSiteMetadata();\r\n\r\n  const { markdownRemark } = data\r\n  const { frontmatter, html } = markdownRemark\r\n  \r\n  // var tags = frontmatter.tags.slice(1).map(function(tag){\r\n  //   var path = '/' + tag.replace(/\\s+/g, '-').toLowerCase();\r\n  //   if (tag !== 'featured') {\r\n  //     return (\r\n  //       <Link to={path} className=\"tag\">{tag}</Link>\r\n  //     )\r\n  //   } else {\r\n  //     return null;\r\n  //   }\r\n  // })\r\n  \r\n  // if (frontmatter.goalAmount) {\r\n  //   var goal = <span className=\"goal\">{frontmatter.goalAmount}</span>;\r\n  // } else {\r\n  //   goal = null;\r\n  // }\r\n\r\n  var pageClass = frontmatter.path;\r\n  pageClass = pageClass.split(\"/\").pop();\r\n\r\n\r\n  // var desc = html.replace(/(<([^>]+)>)/ig,\"\");\r\n\r\n  function AntiRacismIsafter() {\r\n    if (frontmatter.antiRacismIsafter) {\r\n      return <small>{frontmatter.antiRacismIsafter}</small>\r\n    } else {\r\n      return null\r\n    }\r\n  }\r\n\r\n  function InlineImage() {\r\n    if (frontmatter.inlineImage) {\r\n      return <figure><img src={frontmatter.inlineImage.publicURL} alt={frontmatter.name} /></figure>\r\n    } else {\r\n      return null\r\n    }\r\n  }\r\n\r\n  var firstHalf = (html.split('</p>')\r\n    .splice(0,4)\r\n    .join('</p>') +\r\n    '</p>'\r\n   ).replace(/\\<\\/p> *\\<\\/p>/g,'</p>');\r\n\r\n  var secondHalf = (html.split('</p>')\r\n    .slice(4)\r\n    .join('</p>') +\r\n    '</p>'\r\n   ).replace(/\\<\\/p> *\\<\\/p>/g,'</p>');\r\n    \r\n  return (\r\n    <Layout>\r\n      <Helmet>\r\n        <title>{frontmatter.title}</title>\r\n\r\n        <link rel=\"canonical\" href={`${siteUrl}${frontmatter.path}`} />\r\n        <meta name=\"description\" content={frontmatter.antiRacismIs} />\r\n\r\n        {/* Schema.org markup for Google+ */}\r\n        <meta itemprop=\"name\" content={frontmatter.title} />\r\n        <meta itemprop=\"description\" content={frontmatter.antiRacismIs} />\r\n        <meta itemprop=\"image\" content={frontmatter.thumbnailImage.publicURL} />\r\n\r\n        {/* Twitter Card data */}\r\n        <meta name=\"twitter:title\" content={frontmatter.title} />\r\n        <meta name=\"twitter:description\" content={frontmatter.antiRacismIs} />\r\n        <meta name=\"twitter:image:src\" content={frontmatter.thumbnailImage.publicURL} />\r\n\r\n        {/* Open Graph data */}\r\n        <meta property=\"og:title\" content={frontmatter.title} />\r\n        <meta property=\"og:url\" content={`${siteUrl}${frontmatter.path}`} />\r\n        <meta property=\"og:image:type\" content=\"image/jpeg\" />\r\n        <meta property=\"og:image:width\" content=\"1000\" />\r\n        <meta property=\"og:image:height\" content=\"562\" />\r\n        <meta property=\"og:image\" content={frontmatter.thumbnailImage.publicURL} />\r\n        <meta property=\"og:image:alt\" content={frontmatter.title} />\r\n        <meta property=\"og:description\" content={frontmatter.antiRacismIs} />\r\n      </Helmet>\r\n      <section id=\"post-container\" className={\"page-content-wrapper post \" + pageClass}>\r\n        <div className=\"post-image\" style={{ backgroundImage: `url(${frontmatter.featuredImage.publicURL})` }}>\r\n          <VideoModal vimeoID={frontmatter.vimeoID} title={`${'Watch '}${frontmatter.name}${'\\'s story'}`} />\r\n        </div>\r\n        <div className=\"post-content\">\r\n          <Scrollbar style={{ height: '100%' }} >\r\n            <LinkCustom effect=\"fadeUp\" length={2} url=\"/all-stories\" className=\"back-button\">\r\n              <svg className=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 512\" role=\"img\" aria-labelledby=\"back-arrow-title\">\r\n                <title id=\"back-arrow-title\">Back Arrow</title>\r\n                <path role=\"presentation\" d=\"M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z\"/>\r\n              </svg>\r\n              Back to All Stories\r\n            </LinkCustom>\r\n            <h1>{frontmatter.name}</h1>\r\n            <span className=\"post-sub-head\">{frontmatter.bullets[0]}</span>\r\n\r\n            <span className=\"anti-racism-is-label\">Anti-racism is:</span>\r\n            <blockquote className=\"anti-racism-is\">\r\n              <p>“{frontmatter.antiRacismIs}”</p>\r\n              <AntiRacismIsafter />\r\n            </blockquote>\r\n\r\n            <h2>{frontmatter.title}</h2>\r\n\r\n            {/* <div dangerouslySetInnerHTML={{ __html: html }} /> */}\r\n\r\n            <div dangerouslySetInnerHTML={{ __html: firstHalf }} />\r\n\r\n            <InlineImage />\r\n\r\n            <div dangerouslySetInnerHTML={{ __html: secondHalf }} />\r\n\r\n            <StoryNav currentPath={frontmatter.path} />\r\n          </Scrollbar>\r\n        </div>\r\n        \r\n      </section>\r\n     \r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport const pageQuery = graphql`\r\n  query($path: String!) {\r\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\r\n      html\r\n      frontmatter {\r\n        featuredImage{\r\n          publicURL\r\n        }\r\n        thumbnailImage{\r\n          publicURL\r\n        }\r\n        inlineImage{\r\n          publicURL\r\n        }\r\n        path\r\n        title\r\n        tags\r\n        name\r\n        vimeoID\r\n        antiRacismIs\r\n        antiRacismIsafter\r\n        bullets\r\n      }\r\n    }\r\n  }\r\n`"],"sourceRoot":""}