{"version":3,"file":"component---src-templates-generic-page-jsx-33f07b5095bdc48c4a4f.js","mappings":"mfACW,EAAU,qCACV,EAAM,iCACNA,EAAS,oCACTC,EAAO,kCACPC,EAAQ,mCACRC,EAAQ,mCACRC,EAAS,oCACTC,EAAQ,mCACR,EAAS,oCCyEpB,EAxEoB,SAAC,GAAyB,IAAxBC,EAAuB,EAAvBA,YACdC,EADqC,EAAVC,KACXC,iBAAiBC,MAuBjCC,EAAe,SAACC,GACpB,OACEA,EAAKC,cACL,uBACEC,IAAKF,EAAKC,aAAaE,UAAUC,gBAAgBC,MAAMH,IACvDI,IAAI,MACJC,MAAK,GAAKC,EAAOR,EAAKS,iBAAiBC,kBAKvCC,EAAY,SAACC,GACjB,IAAMC,EAAK,IAAIC,OAAO,gBAAiB,KACvC,OAAOF,EAAMG,WAAW,IAAI,KAAKA,WAAWF,EAAI,IAAIH,eAGhDM,EAAS,WACb,QAAItB,EAAYuB,eACbtB,EAAS,IAAMA,EAASuB,QAAqC,IAA3BvB,EAAS,GAAGK,KAAKmB,MAAc,EAAI,KAGtE,gBAACC,EAAA,EAAD,KACE,uBAAKb,MAAOC,GACTb,EAAS0B,KAAI,SAAAC,GAAO,OACnBA,EAAQtB,KAAKuB,OACU,IAAvBD,EAAQtB,KAAKwB,OACb,qBAAGC,KAAI,IAAMd,EAAUW,EAAQtB,KAAKuB,QAAWD,EAAQtB,KAAKuB,MAAM,mCAO5E,OAEE,gBAACG,EAAA,EAAD,CAAQC,UAAWjC,EAAYkB,OAC1BjB,EAAS0B,KAAI,SAACC,EAASM,GAAV,OACZ,2BACS,IAANA,GAAWN,EAAQtB,KAAKmB,MAAQ,GAAKH,IACrCM,EAAQtB,KAAK6B,aAAe,gBAACC,EAAA,EAAD,CAAkBC,MAAOT,EAAQtB,KAAK6B,YAAY1B,UAAW6B,QAASV,EAAQtB,KAAKiC,aACzG,IAANL,GAAkC,IAAvBN,EAAQtB,KAAKmB,OAAeH,QA7DjChB,EA8DEsB,EAAQtB,MA7DhBuB,QAAUvB,EAAKkC,UAEtB,gBAACd,EAAA,EAAD,KACGpB,EAAKuB,OACJ,wBAAMhB,MAAM,WAAW4B,GAAIxB,EAAUX,EAAKuB,SAE3CvB,EAAKuB,OACJ,0BAAKvB,EAAKuB,OAEXvB,EAAKkC,SACJ,uBAAK3B,MAAUC,EAAL,KAAuBR,EAAKoC,sBAAwB5B,EAAOR,EAAKoC,qBAAqB1B,iBAC5FX,EAAaC,GACd,gBAAC,IAAD,CAAeqC,cAAe,CAACC,KAAYC,SAAUvC,EAAKkC,UAC1D,uBAAKM,MAAO,CAACC,MAAO,aAdd,IAACzC","sources":["webpack://hmb/./src/templates/GenericPage.module.scss","webpack://hmb/./src/templates/GenericPage.jsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var content = \"GenericPage-module--content--upzd4\";\nexport var top = \"GenericPage-module--top--tcv0O\";\nexport var bottom = \"GenericPage-module--bottom--e56CO\";\nexport var left = \"GenericPage-module--left--hU0eA\";\nexport var right = \"GenericPage-module--right--gRB3s\";\nexport var small = \"GenericPage-module--small--0yaIk\";\nexport var medium = \"GenericPage-module--medium--NVzZ0\";\nexport var large = \"GenericPage-module--large--zDe86\";\nexport var legend = \"GenericPage-module--legend--U1k5M\";","import * as React from \"react\"\nimport Layout from '../components/Layout/Layout';\nimport CenteredSection from '../components/CenteredSection/CenteredSection';\nimport WideImageSection from '../components/WideImageSection/WideImageSection';\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from 'rehype-raw';\nimport { graphql } from 'gatsby'\n\nimport * as styles from './GenericPage.module.scss'\n\nconst GenericPage = ({pageContext, data}) => {\n  const articles = data.allStrapiArticle.edges;\n\n  const content = (node) => {\n    if(!node.Title && !node.Content) return false;\n    return (\n      <CenteredSection>\n        {node.Title && \n          <span class='bookmark' id={anchorTag(node.Title)}></span>\n        }\n        {node.Title && \n          <h2>{node.Title}</h2>\n        }\n        {node.Content &&       \n          <div class={`${styles.content} ${node.ContentImagePosition && styles[node.ContentImagePosition.toLowerCase()]}`}>\n            {contentImage(node)}\n            <ReactMarkdown rehypePlugins={[rehypeRaw]} children={node.Content}/>\n            <div style={{clear: \"both\"}}></div>\n          </div>\n        }\n      </CenteredSection>\n    )\n  }\n\n  const contentImage = (node) => {\n    return (\n      node.ContentImage &&\n      <img \n        src={node.ContentImage.localFile.childImageSharp.fluid.src} \n        alt='img'\n        class={`${styles[node.ContentImageSize.toLowerCase()]}`}\n      />\n    )\n  }\n\n  const anchorTag = (title) => {\n    const re = new RegExp(\"[^a-zA-Z0-9-]\", \"g\");\n    return title.replaceAll(\" \",\"-\").replaceAll(re, \"\").toLowerCase();\n  }\n\n  const legend = () => {\n    if(!pageContext.showLegend) return false;\n    if(articles[0] && articles.length < (articles[0].node.Index === 0 ? 3 : 2)) return false;\n\n    return (\n      <CenteredSection>\n        <div class={styles.legend}>\n          {articles.map(article => (\n            article.node.Title && \n            article.node.index !== 0 &&\n            <a href={`#${anchorTag(article.node.Title)}`}>{article.node.Title}<br/></a>\n          ))}\n        </div>\n      </CenteredSection>\n    )\n  }\n\n  return (\n    // show legend first if no header (index>0), or after the header if header present\n    <Layout pageTitle={pageContext.title}>\n        {articles.map((article, i) => (\n          <div>\n            {i === 0 && article.node.Index > 0 && legend()} \n            {article.node.HeaderImage && <WideImageSection image={article.node.HeaderImage.localFile} heading={article.node.HeaderText}/>}\n            {i === 0 && article.node.Index === 0 && legend()}\n            {content(article.node)}\n          </div>\n        ))}\n    </Layout>\n  )\n}\n\nexport default GenericPage;\n\nexport const pageQuery=graphql`\n  query GenericPageQuery($page: String) {\n    allStrapiArticle(filter: {Page: {eq: $page}} sort: {order: ASC, fields: Index}) {\n      edges {\n        node {\n          HeaderText\n          HeaderImage {\n            localFile {\n              childImageSharp {\n                fluid(quality: 90, maxWidth: 1920) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n          Title\n          Content\n          Index\n          ContentImage {\n            localFile {\n              childImageSharp {\n                fluid(quality: 90, maxWidth: 800) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n          ContentImageSize\n          ContentImagePosition\n        }\n      }\n    }\n  }\n`"],"names":["bottom","left","right","small","medium","large","pageContext","articles","data","allStrapiArticle","edges","contentImage","node","ContentImage","src","localFile","childImageSharp","fluid","alt","class","styles","ContentImageSize","toLowerCase","anchorTag","title","re","RegExp","replaceAll","legend","showLegend","length","Index","CenteredSection","map","article","Title","index","href","Layout","pageTitle","i","HeaderImage","WideImageSection","image","heading","HeaderText","Content","id","ContentImagePosition","rehypePlugins","rehypeRaw","children","style","clear"],"sourceRoot":""}