{"version":3,"sources":["webpack:///./src/components/LayoutFluid/LayoutFluid.js","webpack:///./src/components/LayoutFluid/index.js","webpack:///./src/components/PersonalSkill/IconSkill.js","webpack:///./src/components/PersonalSkill/index.js","webpack:///./src/components/PersonalSkill/Skill.js","webpack:///./src/components/ShortBio/GetInTouch.js","webpack:///./src/components/ShortBio/index.js","webpack:///./src/components/ShortBio/ShortBio.js","webpack:///./src/pages/index.js","webpack:///./src/utils/presets.js"],"names":["LayoutFluid","props","style","marginLeft","marginRight","maxWidth","rhythm","SEO","LayoutHeader","children","marginTop","marginBottom","textAlign","Date","getFullYear","href","rel","Img","IconSkill","publicURL","name","src","alt","title","Skill","data","Grid","gutter","default","mq","mobile","tablet","xl","GridItem","fontSize","allFile","nodes","map","i","key","GetInTouch","email","css","width","height","boxShadow","border","borderRadius","padding","transition","background","transform","ShortBio","site","siteMetadata","author","margin","justifyContent","display","fixed","avatar","childImageSharp","minWidth","img","opacity","span","imgStyle","Me","PersonalSkill","module","exports","phablet","desktop","xxl","offset","offsetXxl"],"mappings":"6IAqCeA,ICnCAA,EDIf,SAAqBC,GACnB,OACE,mBACEC,MAAO,CACLC,WAAW,OACXC,YAAY,OACZC,SAAUC,YAAO,MAGnB,YAACC,EAAA,EAAD,MACA,0BACE,YAACC,EAAA,EAAD,OAEF,wBAAOP,EAAMQ,UACb,sBACEP,MAAO,CACLQ,UAAWJ,YAAO,GAClBK,aAAcL,YAAO,GACrBM,UAAW,WAJf,MAOK,IAAIC,MAAOC,cAPhB,2BASE,iBAAGC,KAAK,4BAA4BC,IAAI,uBAAxC,mB,gCExBFC,EAAM,YAAO,MAAP,qBAAH,UACGX,YAAO,GADV,uHAeMY,MAJf,YAAyC,IAApBC,EAAmB,EAAnBA,UAAWC,EAAQ,EAARA,KAC9B,OAAO,YAACH,EAAD,CAAKI,IAAKF,EAAWG,IAAKF,EAAMG,MAAOH,K,wNCfjCI,MCMA,WACb,IAAMC,EAAI,OAWJC,EAAO,wCAAH,6BAEMC,SAAOC,QAFb,IAGNC,KAAGC,OAHG,oBAMND,KAAGE,OANG,oBASNF,KAAGG,GATG,eAUQL,SAAOI,OAVf,MAcJE,EAAW,wCAAH,sDAGKN,SAAOC,QAHZ,IAIVC,KAAGG,GAJO,kBAKOL,SAAOI,OALd,MASd,OACE,mBACE7B,MAAO,CACLU,UAAU,WAGZ,kBAAIV,MAAO,CAAEgC,SAAU5B,YAAO,MAA9B,UACA,YAACoB,EAAD,KACGD,EAAKU,QAAQC,MAAMC,KAAI,SAAAC,GACtB,OACE,YAACL,EAAD,CAAUM,IAAKD,EAAElB,MACf,YAAC,EAAD,GAAWmB,IAAKD,EAAElB,MAAUkB,W,4CCvB3BE,MA3Bf,YAAuC,IAAjBC,EAAgB,EAAhBA,MAAOlB,EAAS,EAATA,MAC3B,OACE,iBACEmB,IAAG,YAAE,CACHR,SAAU5B,YAAO,IACjBqC,MAAO,OACPC,OAAQ,OACRC,UAAU,OACVC,OAAQ,YACRC,aAAc,MACdC,QAAS,SACTC,WACE,6DACF,UAAW,CACTC,WAAY,aAEd,WAAY,CACVC,UAAW,iBAGfpC,KAAI,UAAY0B,GAEflB,ICxBQ6B,MCKA,WACb,IAAM3B,EAAI,OADuB,EAuBPA,EAAK4B,KAAKC,aAA5BC,EAvByB,EAuBzBA,OAAQd,EAvBiB,EAuBjBA,MAEhB,OACE,uBACE,mBACEC,IAAG,YAAE,CACHc,OAAWlD,YAAO,KAAZ,KACNmD,eAAe,SACfC,QAAQ,UAGV,YAAC,IAAD,CACEC,MAAOlC,EAAKmC,OAAOC,gBAAgBF,MACnCrC,IAAKiC,EACLhC,MAAK,WAAagC,EAClBb,IAAG,YAAE,CACH/B,aAAc,EACdmD,SAAU,IACVf,aAAa,OACb,UAAW,CACTgB,IAAK,CACHC,QAAS,eACTf,WAAY,mBAEd,sBAAuB,CACrBe,QAAS,gBAEXC,KAAM,CACJD,QAAS,mBAIfE,SAAU,CACRnB,aAAa,UAInB,mBAAKL,IAAG,YAAE,CAAE9B,UAAU,YACpB,kBAAI8B,IAAG,YAAE,CAAER,SAAU5B,YAAO,GAAIM,UAAU,YAAc2C,GACxD,8DACA,YAAC,EAAD,CAAYd,MAAOA,EAAOlB,MAAM,8BChEzB,SAAS4C,EAAGlE,GACzB,OACE,YAAC,EAAD,KACE,YAAC,EAAD,MACA,YAACmE,EAAD,O,2yBCVNC,EAAOC,QAAU,CACfzC,GAAI,CACFC,OAAO,4BACPyC,QAAQ,4BACRxC,OAAO,4BACPyC,QAAQ,6BACRxC,GAAG,6BACHyC,IAAI,8BAEN9C,OAAQ,CACNC,QAAQ,UACRG,OAAO,SACPyC,QAAQ,WAEVE,OAAO,OACPC,UAAU,U","file":"component---src-pages-index-js-a4b0b0af90f20604a8d4.js","sourcesContent":["import React from \"react\"\nimport LayoutHeader from \"../LayoutHeader\"\nimport { rhythm } from \"../../utils/typography\"\n\nimport SEO from \"../SEO\"\n\nfunction LayoutFluid(props) {\n return (\n \n \n
\n \n
\n
{props.children}
\n \n © {new Date().getFullYear()}, Created with ❤️ by\n {` `}\n \n Ohm Piromrak\n \n \n \n )\n}\n\nexport default LayoutFluid\n","import LayoutFluid from \"./LayoutFluid\"\n\nexport default LayoutFluid\n","import React from \"react\"\nimport styled from \"@emotion/styled\"\n\nimport { rhythm } from \"../../utils/typography\"\n\nconst Img = styled(\"img\")`\n height: ${rhythm(2)};\n filter: grayscale(96%);\n flex: 0 0 auto;\n margin: 16px;\n transition: filter 0.2s ease-in-out;\n &:hover {\n filter: grayscale(30%);\n }\n`\n\nfunction IconSkill({ publicURL, name }) {\n return {name}\n}\n\nexport default IconSkill\n","import Skill from \"./Skill\"\n\nexport default Skill\n","import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport IconSkill from \"./IconSkill\"\nimport styled from \"@emotion/styled\"\n\nimport { rhythm } from \"../../utils/typography\"\nimport { gutter, mq } from \"../../utils/presets\"\n\nexport default function Skill() {\n const data = useStaticQuery(graphql`\n query Logo {\n allFile(filter: { relativePath: { regex: \"/skill-logo/\" } }) {\n nodes {\n publicURL\n name\n }\n }\n }\n `)\n\n const Grid = styled(`div`)`\n column-count: 3;\n column-gap: ${gutter.default};\n ${mq.mobile} {\n column-count: 4;\n }\n ${mq.tablet} {\n column-count: 8;\n }\n ${mq.xl} {\n column-gap: ${gutter.tablet};\n }\n `\n\n const GridItem = styled(`div`)`\n break-inside: avoid;\n position: relative;\n margin-bottom: ${gutter.default};\n ${mq.xl} {\n margin-bottom: ${gutter.tablet};\n }\n `\n\n return (\n \n

Skills

\n \n {data.allFile.nodes.map(i => {\n return (\n \n \n \n )\n })}\n \n \n )\n}\n","import React from \"react\"\n\nimport { rhythm } from \"../../utils/typography\"\n\nfunction GetInTouch({ email, title }) {\n return (\n \n {title}\n \n )\n}\n\nexport default GetInTouch\n","import ShortBio from \"./ShortBio\"\n\nexport default ShortBio\n","import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Image from \"gatsby-image\"\n\nimport GetInTouch from \"./GetInTouch\"\nimport { rhythm } from \"../../utils/typography\"\n\nexport default function ShortBio() {\n const data = useStaticQuery(graphql`\n query ShortBioQuery {\n avatar: file(absolutePath: { regex: \"/profile-pic.jpg/\" }) {\n childImageSharp {\n fixed(\n width: 250\n height: 250\n traceSVG: { background: \"#fbfafc\", color: \"#dbd4e2\" }\n ) {\n ...GatsbyImageSharpFixed_tracedSVG\n }\n }\n }\n site {\n siteMetadata {\n author\n email\n }\n }\n }\n `)\n\n const { author, email } = data.site.siteMetadata\n\n return (\n
\n \n img\": {\n opacity: \"0 !important\",\n },\n span: {\n opacity: \"1 !important\",\n },\n },\n }}\n imgStyle={{\n borderRadius: `50%`,\n }}\n />\n
\n
\n

{author}

\n

I'm passionate about Web Development.

\n \n
\n \n )\n}\n","import React from \"react\"\n\nimport LayoutFluid from \"../components/LayoutFluid\"\nimport PersonalSkill from \"../components/PersonalSkill\"\nimport ShortBio from \"../components/ShortBio\"\n\nexport default function Me(props) {\n return (\n \n \n \n \n )\n}\n","module.exports = {\n mq: {\n mobile: `@media (min-width: 400px)`,\n phablet: `@media (min-width: 550px)`,\n tablet: `@media (min-width: 750px)`,\n desktop: `@media (min-width: 1000px)`,\n xl: `@media (min-width: 1200px)`,\n xxl: `@media (min-width: 1600px)`,\n },\n gutter: {\n default: `1.25rem`,\n tablet: `2.5rem`,\n desktop: `3.75rem`,\n },\n offset: `45vw`,\n offsetXxl: `45rem`,\n}\n"],"sourceRoot":""}