{"version":3,"sources":["webpack://blog/./src/pages/index.js"],"names":["props","maxWidth","location","title","meta","name","content","Content","Intro","role","aria-label","Link","to","href","Sections","Section","Title","List","styled"],"mappings":"2JAoJA,UA9IkB,SAACA,GACjB,OACE,gBAAC,IAAD,CAAQC,SAAS,QAAQC,SAAUF,EAAME,UACvC,gBAAC,IAAD,CAAKC,MAAO,OAAQC,KAAM,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACvD,gBAACC,EAAD,KACE,gBAACC,EAAD,KACE,2CACiB,IACf,wBAAMC,KAAK,MAAMC,aAAW,qBAA5B,OAIF,oGAC2E,IACzE,gBAAC,EAAAC,KAAD,CAAMC,GAAG,mBAAT,kBAAiD,IACjD,wBAAMH,KAAK,MAAMC,aAAW,cAA5B,MAHF,0EAM0E,IACxE,gBAAC,EAAAC,KAAD,CAAMC,GAAG,+CAAT,yCAPF,0BAQoB,gBAAC,EAAAD,KAAD,CAAMC,GAAG,+BAAT,wBARpB,6CAWA,oDAC0B,qBAAGC,KAAK,8BAAR,cAG5B,gBAACC,EAAD,KACE,gBAACC,EAAD,KACE,gBAACC,EAAD,uBACA,gBAACC,EAAD,KACE,0BACE,wBAAMR,KAAK,MAAMC,aAAW,kBAA5B,MAEQ,IACR,qBAAGG,KAAK,+CAAR,gCAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,0CAA5B,MAEQ,IACR,qBAAGG,KAAK,sCAAR,sDAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,2BAA5B,MAEQ,IACR,qBAAGG,KAAK,+CAAR,sDAKJ,gBAACG,EAAD,oBACA,gBAACC,EAAD,KACE,0BACE,wBAAMR,KAAK,MAAMC,aAAW,oBAA5B,MAEQ,IACR,qBAAGG,KAAK,4BAAR,gBAAoD,IACpD,wBAAMJ,KAAK,MAAMC,aAAW,gBAA5B,SAIF,0BACE,wBAAMD,KAAK,MAAMC,aAAW,oBAA5B,MAEQ,IACR,qBAAGG,KAAK,4BAAR,gBAAoD,IACpD,wBAAMJ,KAAK,MAAMC,aAAW,gBAA5B,SAIF,0BACE,wBAAMD,KAAK,MAAMC,aAAW,oBAA5B,MAEQ,IACR,qBAAGG,KAAK,4BAAR,gBAAoD,IACpD,wBAAMJ,KAAK,MAAMC,aAAW,gBAA5B,WAMN,gBAACK,EAAD,KACE,gBAACC,EAAD,iBACA,gBAACC,EAAD,KACE,0BACE,wBAAMR,KAAK,MAAMC,aAAW,mBAA5B,MAEQ,IACR,qBAAGG,KAAK,+BAAR,mBAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,0BAA5B,MAEQ,IACR,qBAAGG,KAAK,oBAAR,aAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,YAA5B,MAEQ,IACR,qBAAGG,KAAK,oCAAR,yBAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,wBAA5B,MAEQ,IACR,qBAAGG,KAAK,0CAAR,gBAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,qBAA5B,MAEQ,IACR,qBAAGG,KAAK,sCAAR,YAEF,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,0BAA5B,MAEQ,IACR,qBAAGG,KAAK,6BAAR,kBAJF,SAMA,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,iBAA5B,MAEQ,IACR,qBAAGG,KAAK,gCAAR,oBAJF,SAMA,0BACE,wBAAMJ,KAAK,MAAMC,aAAW,oBAA5B,MAEQ,IACR,qBAAGG,KAAK,sBAAR,cAJF,eAgBP,IAUDN,EAAUW,oBAAH,0DAAGA,CAAH,0HAUPV,EAAQU,oBAAH,wDAAGA,CAAH,sBAILJ,EAAWI,oBAAH,2DAAGA,CAAH,gDAKRH,EAAUG,wBAAH,0DAAGA,CAAH,oBAIPF,EAAQE,mBAAH,wDAAGA,CAAH,qBAILD,EAAOC,mBAAH,uDAAGA,CAAH","file":"component---src-pages-index-js-7dd71bfb03db16a80ff2.js","sourcesContent":["import React from 'react'\nimport { graphql, Link } from 'gatsby'\nimport styled from 'styled-components'\nimport Layout from '../components/Layout'\nimport SEO from '../components/Seo'\n\nconst BlogIndex = (props) => {\n  return (\n    <Layout maxWidth=\"900px\" location={props.location}>\n      <SEO title={'home'} meta={[{ name: 'og:type', content: 'website' }]} />\n      <Content>\n        <Intro>\n          <h1>\n            Hi, I'm Anton!{' '}\n            <span role=\"img\" aria-label=\"waving hand emoji\">\n              👋\n            </span>\n          </h1>\n          <p>\n            I'm a web developer consultant and this is my corner of the internet, my{' '}\n            <Link to=\"/digital-garden\">Digital Garden</Link>{' '}\n            <span role=\"img\" aria-label=\"leaf emoji\">\n              🌿\n            </span>\n            . Here you'll mostly find things I write, a few of my favorites are why{' '}\n            <Link to=\"software-development-is-a-social-profession\">our profession is social at it's core</Link> and\n            things I consider <Link to=\"react-component-code-smells\">code smells in React</Link>, but also some of my\n            talks and projects.\n          </p>\n          <p>\n            Questions? Hit me up on <a href=\"https://twitter.com/awnton\">Twitter!</a>\n          </p>\n        </Intro>\n        <Sections>\n          <Section>\n            <Title>recorded talks</Title>\n            <List>\n              <li>\n                <span role=\"img\" aria-label=\"lightning bolt\">\n                  ⚡️\n                </span>{' '}\n                <a href=\"https://www.youtube.com/watch?v=uo3px1L3H70\">Nordic.js: CSS *is* awesome</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"two arrows in a circle creating a loop\">\n                  🔁\n                </span>{' '}\n                <a href=\"https://youtu.be/GYSD0JudjwI?t=125\">sthlm.js: Into the Visual World of State Machines</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"silloutes of two people\">\n                  👥\n                </span>{' '}\n                <a href=\"https://www.youtube.com/watch?v=q7bAYxZMJho\">\n                  sthlm.js: It's always better when we're together\n                </a>\n              </li>\n            </List>\n            <Title>appearances</Title>\n            <List>\n              <li>\n                <span role=\"img\" aria-label=\"microphone emoji\">\n                  🎙\n                </span>{' '}\n                <a href=\"https://kodsnack.se/409/\">Kodsnack 409</a>{' '}\n                <span role=\"img\" aria-label=\"swedish flag\">\n                  🇸🇪\n                </span>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"microphone emoji\">\n                  🎙\n                </span>{' '}\n                <a href=\"https://kodsnack.se/393/\">Kodsnack 393</a>{' '}\n                <span role=\"img\" aria-label=\"swedish flag\">\n                  🇸🇪\n                </span>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"microphone emoji\">\n                  🎙\n                </span>{' '}\n                <a href=\"https://kodsnack.se/194/\">Kodsnack 194</a>{' '}\n                <span role=\"img\" aria-label=\"swedish flag\">\n                  🇸🇪\n                </span>\n              </li>\n            </List>\n          </Section>\n          <Section>\n            <Title>projects</Title>\n            <List>\n              <li>\n                <span role=\"img\" aria-label=\"hamburger emoji\">\n                  🍔\n                </span>{' '}\n                <a href=\"https://fredagslunchen.club\">Fredagslunchen</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"painting palette emoji\">\n                  🎨\n                </span>{' '}\n                <a href=\"https://draw.wtf\">draw.wtf</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"tv emoji\">\n                  📺\n                </span>{' '}\n                <a href=\"https://tv-show-quiz.netlify.app\">TV Show Ratings Quiz</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"screaming face emoji\">\n                  😱\n                </span>{' '}\n                <a href=\"https://github.com/anton-g/AAAAAAAHHHH\">AAAAAAAHHHH</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"music notes emoji\">\n                  🎶\n                </span>{' '}\n                <a href=\"https://github.com/anton-g/quizify\">Quizify</a>\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"people wrestling emoji\">\n                  🤼\n                </span>{' '}\n                <a href=\"https://kampgeneratorn.se\">Kampgeneratorn</a> 🇸🇪\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"theater emoji\">\n                  🎭\n                </span>{' '}\n                <a href=\"https://charades.netlify.app\">Charadgeneratorn</a> 🇸🇪\n              </li>\n              <li>\n                <span role=\"img\" aria-label=\"microphone emoji\">\n                  🎙\n                </span>{' '}\n                <a href=\"https://asdf.pizza\">asdf.pizza</a> 🇸🇪\n              </li>\n            </List>\n          </Section>\n        </Sections>\n      </Content>\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`\n\nconst Content = styled.div`\n  font-size: 14px;\n  line-height: 1.5;\n  padding: 0 16px;\n  line-height: 1.4;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`\n\nconst Intro = styled.div`\n  max-width: 450px;\n`\n\nconst Sections = styled.div`\n  display: flex;\n  justify-content: space-evenly;\n`\n\nconst Section = styled.section`\n  max-width: 50%;\n`\n\nconst Title = styled.h2`\n  font-size: 16px;\n`\n\nconst List = styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  line-height: 1.7;\n  margin-bottom: 2rem;\n`\n"],"sourceRoot":""}