component---src-pages-index-js-a29913fa6c6a3670f43a.js.map

{"version":3,"sources":["webpack://arrrni.github.io/./src/components/SideMenu.js","webpack://arrrni.github.io/./src/pages/index.js"],"names":["Menu","MenuLabel","MenuList","MenuLink","render","siteTitle","get","this","siteDescription","posts","Layout","location","props","title","Helmet","htmlAttributes","lang","meta","name","content","Columns","Column","isSize","map","node","fields","slug","key","className","Link","to","style","textDecoration","frontmatter","date","dangerouslySetInnerHTML","__html","excerpt","Bio","React"],"mappings":"+OAaA,EAViB,kBACb,gBAAC,EAAAA,KAAD,KACI,gBAAC,EAAAC,UAAD,YACA,gBAAC,EAAAC,SAAD,KACI,0BAAI,gBAAC,EAAAC,SAAD,mBACJ,0BAAI,gBAAC,EAAAA,SAAD,mC,oBC4ChB,E,6FA1CEC,OAAA,WACE,IAAMC,EAAYC,IAAIC,KAAM,sCACtBC,EAAkBF,IACtBC,KACA,4CAEIE,EAAQH,IAAIC,KAAM,sCAExB,OACE,gBAACG,EAAA,EAAD,CAAQC,SAAUJ,KAAKK,MAAMD,SAAUE,MAAOR,GAC5C,gBAACS,EAAA,EAAD,CACEC,eAAgB,CAAEC,KAAM,MACxBC,KAAM,CAAC,CAAEC,KAAM,cAAeC,QAASX,IACvCK,MAAOR,IAET,gBAAC,EAAAe,QAAD,KACE,gBAAC,EAAAC,OAAD,CAAQC,OAAQ,GACd,gBAAC,EAAD,OAEF,gBAAC,EAAAD,OAAD,CAAQC,OAAQ,IACbb,EAAMc,KAAI,YAAe,IAAZC,EAAW,EAAXA,KACNX,EAAQP,IAAIkB,EAAM,sBAAwBA,EAAKC,OAAOC,KAC5D,OACE,uBAAKC,IAAKH,EAAKC,OAAOC,KAAME,UAAU,WACpC,sBAAIA,UAAU,SACZ,gBAAC,EAAAC,KAAD,CAAMC,GAAIN,EAAKC,OAAOC,KAAMK,MAAO,CAACC,eAAgB,SACjDnB,IAGL,6BAAQW,EAAKS,YAAYC,MACzB,qBAAGC,wBAAyB,CAAEC,OAAQZ,EAAKa,iBAMrD,gBAACC,EAAA,EAAD,Q,GArCgBC","file":"component---src-pages-index-js-a29913fa6c6a3670f43a.js","sourcesContent":["import React from 'react';\nimport {Menu, MenuLabel, MenuList, MenuLink} from 'bloomer';\n\nconst SideMenu = () => (\n    <Menu>\n        <MenuLabel>FAQ</MenuLabel>\n        <MenuList>\n            <li><MenuLink>Who am I?</MenuLink></li>\n            <li><MenuLink>What is this site for?</MenuLink></li>\n        </MenuList>\n    </Menu>\n);\n\nexport default SideMenu;","import React from 'react'\nimport { Link, graphql } from 'gatsby'\nimport get from 'lodash/get'\nimport Helmet from 'react-helmet'\nimport SideMenu from '../components/SideMenu';\nimport Bio from '../components/Bio'\nimport Layout from '../components/Layout'\nimport { Columns, Column } from 'bloomer';\n\nclass BlogIndex extends React.Component {\n  render() {\n    const siteTitle = get(this, 'props.data.site.siteMetadata.title')\n    const siteDescription = get(\n      this,\n      'props.data.site.siteMetadata.description'\n    )\n    const posts = get(this, 'props.data.allMarkdownRemark.edges')\n\n    return (\n      <Layout location={this.props.location} title={siteTitle}>\n        <Helmet\n          htmlAttributes={{ lang: 'en' }}\n          meta={[{ name: 'description', content: siteDescription }]}\n          title={siteTitle}\n        />\n        <Columns>\n          <Column isSize={2}>\n            <SideMenu />\n          </Column>\n          <Column isSize={10}>\n            {posts.map(({ node }) => {\n              const title = get(node, 'frontmatter.title') || node.fields.slug\n              return (\n                <div key={node.fields.slug} className=\"content\">\n                  <h1 className=\"title\">\n                    <Link to={node.fields.slug} style={{textDecoration: 'none'}}>\n                      {title}\n                    </Link>\n                  </h1>\n                  <small>{node.frontmatter.date}</small>\n                  <p dangerouslySetInnerHTML={{ __html: node.excerpt }} />\n                </div>\n              )\n            })}\n          </Column>\n        </Columns>\n        <Bio />\n      </Layout>\n    )\n  }\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n        description\n      }\n    }\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC }) {\n      edges {\n        node {\n          excerpt\n          fields {\n            slug\n          }\n          frontmatter {\n            date(formatString: \"MMMM DD, YYYY\")\n            title\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}