{"version":3,"sources":["webpack:///./src/templates/post.tsx","webpack:///./src/components/layout.module.scss","webpack:///./src/components/layout.tsx","webpack:///./src/components/seo.tsx","webpack:///./src/queries/siteMetadata.tsx"],"names":["postTemplateQuery","PostTemplate","location","data","pageContext","markdownRemark","previous","next","seo","title","frontmatter","description","excerpt","isArticle","model","className","id","key","date","categories","map","category","to","hidden","source_url","href","target","dangerouslySetInnerHTML","__html","html","fields","slug","rel","module","exports","Layout","render","children","this","props","styles","mainBackground","React","SEO","siteMetaData","useStaticQuery","site","siteMetadata","type","image","imageUrl","siteUrl","profileImageUrl","titleSuffix","pageTitle","Helmet","defer","titleTemplate","defaultTitle","lang","name","content","property","facebookId"],"mappings":"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","file":"component---src-templates-post-tsx-136a7e6fc05f29192e2c.js","sourcesContent":["import { graphql, Link } from 'gatsby';\r\nimport * as React from 'react';\r\nimport Layout from '../components/layout';\r\nimport SEO, { SeoModel } from '../components/seo';\r\nimport { faInstagramSquare } from '@fortawesome/free-brands-svg-icons';\r\n\r\ninterface PostNode {\r\n  excerpt: string,\r\n  html: string,\r\n  timeToRead: number,\r\n  frontmatter: {\r\n    author: string,\r\n    title: string,\r\n    date: string,\r\n    source_url: string,\r\n    categories: string[],\r\n  }\r\n}\r\n\r\ninterface PostTemplateProps {\r\n  location: Location,\r\n  readonly data: {\r\n    markdownRemark: PostNode\r\n  },\r\n  readonly pageContext: {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    previous?: any\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    next?: any\r\n  }\r\n}\r\n\r\nexport const postTemplateQuery = graphql`\r\n  query PostTemplateQuery($slug: String!) {\r\n    markdownRemark(fields: {slug: {eq: $slug}}) {\r\n      id\r\n      excerpt(pruneLength: 2500)\r\n      html\r\n      timeToRead\r\n      frontmatter {\r\n        author\r\n        title\r\n        date(formatString: \"DD MMMM YYYY\", locale: \"nl-NL\")\r\n        source_url\r\n        categories\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst PostTemplate: React.FC<PostTemplateProps> = ({\r\n  location,\r\n  data,\r\n  pageContext\r\n}) => {\r\n  const {markdownRemark} = data;\r\n  const {previous, next} = pageContext;\r\n\r\n  const seo: SeoModel = {\r\n    title: markdownRemark.frontmatter.title,\r\n    description: markdownRemark.excerpt,\r\n    isArticle: true\r\n  };\r\n\r\n  return (\r\n    <Layout location={location}>\r\n      <SEO model={seo} />\r\n      <div className=\"mt-5\" />\r\n      <section id=\"article\" className={`bg-light text-left px-3 py-5`}>\r\n        <div className=\"container\">\r\n          {/* <p>\r\n            <Link to=\"/archive\">Terug naar het nieuwsarchief</Link>\r\n          </p> */}\r\n          <div className=\"mt-4 mb-5\" key={`post-${markdownRemark.excerpt}`}>\r\n            <h3 className=\"d-flex justify-content-between\">\r\n              {markdownRemark.frontmatter.title}\r\n            </h3>\r\n            <p className=\"text-muted\">\r\n              {/* {markdownRemark.frontmatter.author} */}\r\n              {markdownRemark.frontmatter.date}\r\n              {/* {markdownRemark.timeToRead} {markdownRemark.timeToRead === 1 ? 'minuut' : 'minuten'} leestijd. */}\r\n            </p>\r\n            <h5 className=\"mb-4\">\r\n              {markdownRemark.frontmatter.categories.map(category => (\r\n                <Link key={category} className=\"badge badge-secondary mr-3\" to={`/archive/category/${category}`}>\r\n                  {category}\r\n                </Link>\r\n              ))}\r\n            </h5>\r\n            <p hidden={!markdownRemark.frontmatter.source_url}>\r\n              <a href={markdownRemark.frontmatter.source_url} target=\"_blank\" title=\"Post weergeven bij bron\">Bron weergeven.</a>\r\n            </p>\r\n            <div\r\n              className=\"blog-post-content\"\r\n              dangerouslySetInnerHTML={{ __html: markdownRemark.html }}\r\n            />\r\n          </div>\r\n          <div className=\"d-flex flex-row\">\r\n            {previous && (\r\n              <Link to={previous.fields.slug} rel=\"prev\">\r\n                ← {previous.frontmatter.title}\r\n              </Link>\r\n            )}\r\n            {next && (\r\n              <Link to={next.fields.slug} rel=\"next\" className=\"ml-auto\">\r\n                {next.frontmatter.title} →\r\n              </Link>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </Layout>\r\n  );\r\n}\r\n\r\nexport default PostTemplate;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainBackground\":\"layout-module--mainBackground--19FCY\"};","import * as React from 'react';\r\nimport Header from './header';\r\nimport Footer from './footer';\r\nimport styles from './layout.module.scss';\r\n\r\ninterface LayoutProps {\r\n  location: Location,\r\n  children: React.ReactNode\r\n}\r\n\r\nexport default class Layout extends React.Component<LayoutProps> {\r\n\r\n  public render() {\r\n    const children = this.props.children;\r\n    return (\r\n      <div id=\"top\" className={`application ${styles.mainBackground}`}>\r\n        <Header />\r\n        <div>\r\n          {children}\r\n        </div>\r\n        <Footer location={this.props.location} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import * as React from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport { querySiteMetadata, SiteMetadata } from '../queries/siteMetadata';\r\n\r\nexport interface SeoModel {\r\n  title?: string,\r\n  description?: string,\r\n  imageUrl?: string,\r\n  isArticle?: boolean\r\n}\r\n\r\ninterface SEOProps {\r\n  pathname?: string,\r\n  model: SeoModel\r\n}\r\n\r\nconst SEO: React.SFC<SEOProps> = ({\r\n  model,\r\n}) => {\r\n  const siteMetaData: SiteMetadata = querySiteMetadata();\r\n  const seo = {\r\n    title: model.title,\r\n    description: model.description || siteMetaData.description,\r\n    type: model.isArticle ? 'article' : 'website',\r\n    image: model.imageUrl || `${siteMetaData.siteUrl}${siteMetaData.profileImageUrl}`,\r\n  }\r\n  const titleSuffix = ` | ${siteMetaData.title}`;\r\n  const pageTitle = seo.title ? `${seo.title}${titleSuffix}` : siteMetaData.title;\r\n\r\n// https://stackoverflow.com/questions/54834930/how-to-include-local-javascript-on-a-gatsby-page\r\n\r\n  return (\r\n    <Helmet\r\n      defer={false}\r\n      title={seo.title}\r\n      titleTemplate={`%s${titleSuffix}`}\r\n      defaultTitle={siteMetaData.title}\r\n    >\r\n      <html lang=\"nl\" />\r\n      <meta\r\n        name=\"viewport\"\r\n        content=\"width=device-width,initial-scale=1.0\"\r\n      />\r\n\r\n      <meta name=\"title\" content={pageTitle} />\r\n      <meta name=\"description\" content={seo.description} />\r\n\r\n      <meta property=\"og:url\" content={siteMetaData.siteUrl} />\r\n      <meta property=\"og:site_name\" content={siteMetaData.name} />\r\n      <meta property=\"fb:id\" content={siteMetaData.facebookId} />\r\n      <meta property=\"og:locale\" content=\"nl_NL\" />\r\n      <meta property=\"og:locale:alternate\" content=\"en_GB\" />\r\n      <meta property=\"og:title\" content={pageTitle} />\r\n      <meta property=\"og:description\" content={seo.description} />\r\n      <meta property=\"og:type\" content={seo.type} />\r\n      <meta property=\"og:image\" content={seo.image} />\r\n      <meta property=\"og:image:width\" content=\"360\" />\r\n      <meta property=\"og:image:height\" content=\"360\" />\r\n\r\n      <script\r\n        dangerouslySetInnerHTML={{ __html:`\r\n          <!-- MailerLite Universal -->\r\n          (function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){\r\n          var c={ a:arguments,q:[]};var r=this.push(c);return \"number\"!=typeof r?r:f.bind(c.q);}\r\n          f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);\r\n          var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));\r\n          _.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');\r\n\r\n          var ml_account = ml('accounts', '2469604', 'l7u2w2o7m5', 'load');\r\n          </script>\r\n          <!-- End MailerLite Universal -->\r\n        `}}\r\n      />\r\n\r\n    </Helmet>\r\n  );\r\n}\r\n\r\nexport default SEO;\r\n","import { useStaticQuery, graphql } from 'gatsby';\r\n\r\nexport interface SiteMetadata {\r\n  siteUrl: string,\r\n  name: string,\r\n  title: string,\r\n  description: string,\r\n  profileImageUrl: string,\r\n  facebookId: string,\r\n  facebook: string\r\n  flickr: string\r\n  instagram: string\r\n  linkedin: string\r\n  twitter: string\r\n  youtube: string\r\n}\r\n\r\nexport const querySiteMetadata = (): SiteMetadata => {\r\n  const { site } = useStaticQuery(\r\n    graphql`\r\n      query SiteMetaData {\r\n        site {\r\n          siteMetadata {\r\n            siteUrl\r\n            name\r\n            title\r\n            description\r\n            profileImageUrl\r\n            facebookId\r\n            facebook\r\n            flickr\r\n            instagram\r\n            linkedin\r\n            twitter\r\n            youtube\r\n          }\r\n        }\r\n      }\r\n    `\r\n  )\r\n  return site.siteMetadata\r\n}"],"sourceRoot":""}