{"version":3,"sources":["webpack:///./src/templates/blogTemplate.js","webpack:///./src/components/post-metadata.js"],"names":["first","values","length","Template","data","markdownRemark","frontmatter","html","meta","site","siteMetadata","pageUrl","siteUrl","path","title","rel","href","property","content","excerpt","image","name","author","tags","join","twitterHandle","date","className","dangerouslySetInnerHTML","__html","src","alt","id","action","method","target","noValidate","placeholder","type","style","display","position","left","aria-hidden","tabIndex","value","pageQuery","PostMetadata","props","dateCreated"],"mappings":"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","file":"component---src-templates-blog-template-js-96364447a19215b6c00a.js","sourcesContent":["import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport PostMetadata from \"../components/post-metadata\"\nimport TagList from \"../components/tag-list\"\nimport Helmet from \"react-helmet\"\nimport \"prismjs/themes/prism-solarizedlight.css\"\n//import Img from \"gatsby-image\"\n\nfunction first(values) {\n  values = values || []\n  return values.length > 0 ? values[0] : \"\"\n}\n\nfunction csv(values) {\n  return (values || []).join(\", \")\n}\n\nexport default function Template({\n  data, // this prop will be injected by the GraphQL query below.\n}) {\n  const { markdownRemark } = data // data.markdownRemark holds our post data\n  const { frontmatter, html } = markdownRemark\n  const meta = data.site.siteMetadata\n  meta.pageUrl = `${meta.siteUrl}${frontmatter.path}`\n  return (\n    <Layout>\n      <Helmet>\n        <title>{frontmatter.title} - Daniel Little Dev</title>\n        <link rel=\"canonical\" href={meta.pageUrl} />\n\n        <meta property=\"og:title\" content={frontmatter.title} />\n        <meta property=\"og:description\" content={markdownRemark.excerpt} />\n        <meta property=\"og:url\" content={meta.pageUrl} />\n        {frontmatter.image && (\n          <meta\n            property=\"og:image\"\n            content={`${meta.siteUrl}${frontmatter.image}`}\n          />\n        )}\n\n        <meta name=\"twitter:card\" content=\"summary\"/>\n        <meta name=\"twitter:title\" content={frontmatter.title} />\n        <meta name=\"twitter:description\" content={markdownRemark.excerpt} />\n        <meta name=\"twitter:url\" content={meta.pageUrl} />\n\n        <meta name=\"twitter:label1\" content=\"Written by\" />\n        <meta name=\"twitter:data1\" content={meta.author} />\n        <meta name=\"twitter:label2\" content=\"Filed under\" />\n        <meta name=\"twitter:data2\" content={csv(frontmatter.tags)} />\n        <meta name=\"twitter:site\" content={\"@\" + meta.twitterHandle} />\n        <meta name=\"twitter:creator\" content={\"@\" + meta.twitterHandle} />\n        {frontmatter.image && (\n          <meta\n            name=\"twitter:image\"\n            content={`${meta.siteUrl}${frontmatter.image}`}\n          />\n        )}\n\n        <meta property=\"article:published_time\" content={frontmatter.date} />\n        <meta property=\"article:modified_time\" content={frontmatter.date} />\n        <meta property=\"article:tag\" content={first(frontmatter.tags)} />\n      </Helmet>\n      <div className=\"blog-post\">\n        <div className=\"content\">\n          <div className=\"pre-post\">\n            <PostMetadata frontmatter={frontmatter} />\n          </div>\n          <article>\n            <h1>{frontmatter.title}</h1>\n            <div\n              className=\"blog-post-content\"\n              dangerouslySetInnerHTML={{ __html: html }}\n            />\n          </article>\n          <div className=\"spacer\">\n            <div className=\"hr\"></div>\n          </div>\n          <div className=\"spacer\">\n            <TagList tags={frontmatter.tags} />\n          </div>\n        </div>\n        <div className=\"post-post\">\n          <div className=\"content\">\n            <div className=\"author\">\n              <img\n                className=\"profile\"\n                src=\"/daniel.little.jpg\"\n                alt=\"Daniel Little\"\n              />\n              <span className=\"author-name\">\n                Written by {frontmatter.author}\n              </span>\n            </div>\n          </div>\n          <div className=\"content\">\n            <div className=\"subscribe\">\n              <div className=\"subscribe-message\">\n                If you enjoyed this post, subscribe to the <a href=\"/rss\">rss feed</a> or mailing list. I'll only ever email you about a new post. \n              </div>\n              <div id=\"mc_embed_signup\">\n                <form\n                  action=\"https://dev.us10.list-manage.com/subscribe/post?u=240a8a31cc1b5422e7bee8db0&amp;id=2e58d0e026\"\n                  method=\"post\"\n                  id=\"mc-embedded-subscribe-form\"\n                  name=\"mc-embedded-subscribe-form\"\n                  className=\"validate\"\n                  target=\"_blank\"\n                  noValidate\n                >\n                  <div id=\"mc_embed_signup_scroll\">\n                    <div className=\"mc-field-group\">\n                      <input\n                        placeholder=\"Email Address\"\n                        type=\"email\"\n                        name=\"EMAIL\"\n                        className=\"required email\"\n                        id=\"mce-EMAIL\"\n                      />\n                    </div>\n                    <div className=\"mc-field-group\">\n                      <input\n                        placeholder=\"Name\"\n                        type=\"text\"\n                        name=\"MMERGE3\"\n                        className=\"\"\n                        id=\"mce-MMERGE3\"\n                      />\n                    </div>\n                    <div id=\"mce-responses\" className=\"clear\">\n                      <div\n                        className=\"response\"\n                        id=\"mce-error-response\"\n                        style={{ display: \"none\" }}\n                      ></div>\n                      <div\n                        className=\"response\"\n                        id=\"mce-success-response\"\n                        style={{ display: \"none\" }}\n                      ></div>\n                    </div>\n                    <div\n                      style={{ position: \"absolute\", left: \"-5000px\" }}\n                      aria-hidden=\"true\"\n                    >\n                      <input\n                        type=\"text\"\n                        name=\"b_240a8a31cc1b5422e7bee8db0_2e58d0e026\"\n                        tabIndex=\"-1\"\n                      />\n                    </div>\n                    <div className=\"clear\">\n                      <input\n                        type=\"submit\"\n                        value=\"Subscribe\"\n                        name=\"subscribe\"\n                        id=\"mc-embedded-subscribe\"\n                        className=\"button\"\n                      />\n                    </div>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport const pageQuery = graphql`\n  query($path: String!) {\n    site {\n      siteMetadata {\n        title\n        description\n        siteUrl\n        twitterHandle\n        author\n      }\n    }\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\n      html\n      excerpt(pruneLength: 280)\n      frontmatter {\n        dateCreated: date(formatString: \"MMMM DD, YYYY\")\n        path\n        title\n        tags\n        author\n        date\n      }\n    }\n  }\n`\n","import React from \"react\"\nimport \"./post-metadata.css\"\n\nconst PostMetadata = (props) => {\n    const frontmatter = props.frontmatter\n    return (\n    <div className=\"post-metadata\">\n        <div>{ frontmatter.tags && frontmatter.tags[0] && <span className=\"tag\">{frontmatter.tags && frontmatter.tags[0]}</span> }</div>\n        { frontmatter.dateCreated && <time>{frontmatter.dateCreated}</time> }\n    </div>\n    )\n}\n\nexport default PostMetadata"],"sourceRoot":""}