{"version":3,"sources":["webpack:///./src/pages/all-stories.js"],"names":["props","query","render","data","title","useSiteMetadata","siteUrl","storylist","allMarkdownRemark","nodes","map","story","index","className","key","effect","length","url","frontmatter","path","src","thumbnailImage","publicURL","alt","name","quote","location","itemprop","content","property","rel","href","style","height"],"mappings":"2FAAA,+FAQe,mBAACA,GAAD,OACb,gBAAC,cAAD,CACEC,MAAK,YAoBLC,OAAQ,SAAAC,GAAS,IAEPC,EAAUC,cAAVD,MACAE,EAAYD,cAAZC,QAIJC,EAFYJ,EAAKK,kBAAkBC,MAEfC,KAAI,SAASC,EAAMC,GAMzC,OACE,sBAAIC,UAAU,QAAQC,IAAKF,GACzB,gBAAC,IAAD,CAAYG,OAAO,OAAOC,OAAQ,EAAGC,IAAKN,EAAMO,YAAYC,MAC1D,uBAAKC,IAAKT,EAAMO,YAAYG,eAAeC,UAAWC,IAAI,GAAGV,UAAU,oBACvE,wBAAMA,UAAU,cAAcF,EAAMO,YAAYM,MAChD,qBAAGX,UAAU,oBAAb,IAAkCF,EAAMO,YAAYO,MAApD,UASR,OACE,gBAAC,IAAD,CAAQC,SAAU1B,EAAM0B,UACtB,gBAAC,IAAD,KACE,4CACA,wBAAMC,SAAS,OAAOC,QAAY,iBAAmBxB,IACrD,wBAAMoB,KAAK,gBAAgBI,QAAY,iBAAmBxB,IAC1D,wBAAMyB,SAAS,WAAWD,QAAY,iBAAmBxB,IACzD,wBAAM0B,IAAI,YAAYC,KAASzB,EAAU,iBACzC,wBAAMuB,SAAS,SAASD,QAAYtB,EAAU,kBAEhD,2BAASO,UAAU,oCACjB,gBAAC,IAAD,CAAWmB,MAAO,CAAEC,OAAQ,SAC1B,yCACA,sBAAIpB,UAAU,cAAcN","file":"component---src-pages-all-stories-js-52741de6e0a91b606299.js","sourcesContent":["import * as React from \"react\"\nimport Layout from '../components/layout';\nimport { graphql, StaticQuery } from \"gatsby\";\nimport { Scrollbar } from \"react-scrollbars-custom\";\nimport { Helmet } from \"react-helmet\";\nimport LinkCustom from '../components/TransitionLinks/LinkCustom';\nimport useSiteMetadata from '../components/use-site-metadata';\n\nexport default (props) => (\n  <StaticQuery\n    query={graphql`\n      query allstories {\n        allMarkdownRemark(\n          sort: { order: ASC, fields: [frontmatter___name] }\n          limit: 1000\n        ) {\n          nodes {\n            frontmatter {\n              path\n              name\n              thumbnailImage{\n                publicURL\n              }\n              bullets\n              quote\n            }\n          }\n        }\n      }\n    `}\n    render={data => {\n\n      const { title } = useSiteMetadata();\n      const { siteUrl } = useSiteMetadata();\n      \n      const stories = data.allMarkdownRemark.nodes;\n\n      var storylist = stories.map(function(story,index){\n\n        // var bulletlist = story.frontmatter.bullets.map((bullet) =>\n        //   <li>{bullet}</li>\n        // );\n\n        return (\n          <li className=\"story\" key={index}>\n            <LinkCustom effect=\"fade\" length={2} url={story.frontmatter.path}>\n              <img src={story.frontmatter.thumbnailImage.publicURL} alt=\"\" className=\"story-thumbnail\" />\n              <span className=\"story-name\">{story.frontmatter.name}</span>\n              <p className=\"story-desc quote\">“{story.frontmatter.quote}”</p>\n              {/* <ul className=\"story-desc\">\n                {bulletlist}\n              </ul> */}\n            </LinkCustom>\n          </li>\n        )\n      })\n\n      return (\n        <Layout location={props.location}>\n          <Helmet>\n            <title>Our Stories</title>\n            <meta itemprop=\"name\" content={`${\"Our Stories | \"}${title}`}  />\n            <meta name=\"twitter:title\" content={`${\"Our Stories | \"}${title}`}  />\n            <meta property=\"og:title\" content={`${\"Our Stories | \"}${title}`}  />\n            <link rel=\"canonical\" href={`${siteUrl}${\"/all-stories\"}`} />\n            <meta property=\"og:url\" content={`${siteUrl}${\"/all-stories\"}`} />\n          </Helmet>\n          <section className=\"page-content-wrapper all-stories\">\n            <Scrollbar style={{ height: '100%' }} >\n              <h1>Our Stories</h1>\n              <ul className=\"story-list\">{storylist}</ul>\n            </Scrollbar>\n          </section>\n        </Layout>\n      )\n        \n\n    }}\n  />\n)"],"sourceRoot":""}