{"version":3,"sources":["webpack:///./src/pages/index.js","webpack:///./src/styles/useStyles.js"],"names":["IndexPage","useStyles","data","pageTitle","className","variant","component","gutterBottom","style","marginBottom","src","imageSharp","childImageSharp","original","alt","makeStyles","theme","root","padding","spacing","textAlign","background","color","display","flexDirection","justifyContent","alignItems","container","width","marginTop","homePageContentContainer","homePageTextContainer","flex","titleOuter","img","boxShadow","borderRadius","homePageImage","height","marginLeft","blogPageImg","innerBlogImages","contactContainer","contactInfoContainer","contactInfoItem","textDecoration","paper","orderedList","listStyleType","flexWrap","contactInfo","link","blogPaper","postPaper","headerContainer","blogEntryContainer","aboutText"],"mappings":"qPAUe,SAASA,IACNC,cAAhB,IACMC,EAAI,OAYV,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAMC,UAAU,SAChB,kBAAC,IAAD,MACA,yBAAKC,UAAU,QACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,yBACb,kBAAC,IAAD,CAAYC,QAAQ,KAAKC,UAAU,KAAKC,cAAc,EAAMC,MAAO,CAACC,aAAc,WAAlF,qBAGA,kBAAC,IAAD,CAAYJ,QAAQ,KAAKC,UAAU,MAAnC,ycAYF,yBACEF,UAAU,gBACVM,IAAKR,EAAKS,WAAWC,gBAAgBC,SAASH,IAC9CI,IAAI,wB,oPClDlB,kDAEab,EAAYc,aAAW,SAAAC,GAAK,MAAK,CAC5CC,KAAM,CACJC,QAASF,EAAMG,QAAQ,EAAG,GAC1BC,UAAW,SACXC,WAAY,OACZC,MAAO,OACPC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,UAEdC,UAAW,CACTJ,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,aACZE,MAAO,OACPC,UAAW,OACXX,QAAS,QAGXY,yBAA0B,CACxBP,QAAS,OACTG,WAAY,cAEdK,sBAAuB,CACrBR,QAAS,OACTC,cAAe,UAEjBQ,KAAM,CACJT,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,UAEdO,WAAY,CACVf,QAAS,OACTT,aAAc,QAEhByB,IAAK,CACHN,MAAO,MACPnB,aAAc,OACd0B,UAAW,uCACXC,aAAc,OAEhBC,cAAe,CACbT,MAAO,MACPU,OAAQ,MACRH,UAAW,uCACXC,aAAc,MACdG,WAAY,OACZV,UAAW,WAEbW,YAAa,CACXZ,MAAO,OACPU,OAAQ,MACRF,aAAc,MACdD,UAAW,uCACX1B,aAAc,QAGhBgC,gBAAiB,CACfb,MAAO,OACPU,OAAQ,SAEVI,iBAAkB,CAChBnB,QAAS,OACTC,cAAe,MACfC,eAAgB,gBAChBC,WAAY,SACZE,MAAO,OACPV,QAAS,QAEXyB,qBAAsB,CACpBpB,QAAS,OACTC,cAAe,SACfC,eAAgB,gBAChBG,MAAO,OAETgB,gBAAiB,CACfrB,QAAS,OACTC,cAAe,MACfE,WAAY,SACZJ,MAAO,UACPuB,eAAgB,QAElBC,MAAO,CACLvB,QAAS,OACTE,eAAgB,SAChBC,WAAY,SACZF,cAAe,UAEjBuB,YAAa,CACXC,cAAe,OACfzB,QAAS,OACTC,cAAe,MACfyB,SAAU,OACVxB,eAAgB,gBAChBC,WAAY,UAEdwB,YAAa,CACXhC,QAAS,OACTT,aAAc,OACdc,QAAS,OACTC,cAAe,UAEjB2B,KAAM,CACJ7B,MAAO,UACPuB,eAAgB,QAElBO,UAAW,CACT7B,QAAS,OACTE,eAAgB,SAChBC,WAAY,SACZE,MAAO,OACPV,QAAS,OACTM,cAAe,SACff,aAAc,OACdW,UAAW,UAEbiC,UAAW,CACT9B,QAAS,OACTE,eAAgB,SAChBC,WAAY,aACZF,cAAe,SACfI,MAAO,QACPU,OAAQ,QACRpB,QAAS,OACTT,aAAc,OACdW,UAAW,SACXE,MAAO,SAETgC,gBAAiB,CACf/B,QAAS,OACTE,eAAgB,SAChBD,cAAe,SACff,aAAc,QAEhB8C,mBAAoB,CAClBhC,QAAS,OACTC,cAAe,SACfI,MAAO,OACPV,QAAS,QAEXsC,UAAW,CACT5B,MAAO,MACPnB,aAAc","file":"component---src-pages-index-js-563990b171cbbb51b829.js","sourcesContent":["import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport CssBaseline from \"@material-ui/core/CssBaseline\"\nimport Typography from \"@material-ui/core/Typography\"\n\nimport Layout from \"../components/layout\"\nimport Head from \"../components/head\"\nimport { useStyles } from \"../styles/useStyles\"\nimport '../styles/styles.css'\n\nexport default function IndexPage() {\n const classes = useStyles()\n const data = useStaticQuery(graphql`\n query IndexImage {\n imageSharp: file(relativePath: { eq: \"images/KaijaSmiles.jpg\" }) {\n id\n childImageSharp {\n original {\n src\n }\n }\n }\n }\n `)\n return (\n \n \n \n
\n
\n
\n
\n \n Sam Thoyre's Blog\n \n \n Every day, since July 16th, 2019, I've written a blog entry\n documenting my progress in learning about web development.\n Officially, I started studying on May 26th, 2019 and haven't\n missed a day of putting in at least 3 hours of learning, and\n often a lot more than that. It's been quite the adventure, and I\n hope this blog helps other aspiring developers learn from my\n mistakes and successes to help them achieve their goals in the\n most efficient manner!\n \n
\n\n \n
\n
\n
\n
\n )\n}\n","import { makeStyles } from \"@material-ui/core/styles\"\n\nexport const useStyles = makeStyles(theme => ({\n root: {\n padding: theme.spacing(3, 2),\n textAlign: \"center\",\n background: \"#fff\",\n color: \"#333\",\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n container: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n width: \"90vw\",\n marginTop: \"2rem\",\n padding: \"2rem\",\n },\n\n homePageContentContainer: {\n display: \"flex\",\n alignItems: \"flex-start\",\n },\n homePageTextContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n flex: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n titleOuter: {\n padding: \"1rem\",\n marginBottom: \"1rem\",\n },\n img: {\n width: \"70%\",\n marginBottom: \"20px\",\n boxShadow: \"3px 15px 59px -23px rgba(0,0,0,0.75)\",\n borderRadius: \"4px\",\n },\n homePageImage: {\n width: \"50%\",\n height: \"50%\",\n boxShadow: \"3px 15px 59px -23px rgba(0,0,0,0.75)\",\n borderRadius: \"4px\",\n marginLeft: \"4rem\",\n marginTop: \"5.75rem\",\n },\n blogPageImg: {\n width: \"100%\",\n height: \"80%\",\n borderRadius: \"4px\",\n boxShadow: \"3px 15px 59px -23px rgba(0,0,0,0.75)\",\n marginBottom: \"10px\",\n },\n\n innerBlogImages: {\n width: \"100%\",\n height: \"300px\",\n },\n contactContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n width: \"80vw\",\n padding: \"6rem\",\n },\n contactInfoContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"space-between\",\n width: \"50%\",\n },\n contactInfoItem: {\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n color: \"#3f51b5\",\n textDecoration: \"none\",\n },\n paper: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flexDirection: \"column\",\n },\n orderedList: {\n listStyleType: \"none\",\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n contactInfo: {\n padding: \"1rem\",\n marginBottom: \"1rem\",\n display: \"flex\",\n flexDirection: \"column\",\n },\n link: {\n color: \"#3f51b5\",\n textDecoration: \"none\",\n },\n blogPaper: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"75vw\",\n padding: \"1rem\",\n flexDirection: \"column\",\n marginBottom: \"1rem\",\n textAlign: \"center\",\n },\n postPaper: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n flexDirection: \"column\",\n width: \"30rem\",\n height: \"400px\",\n padding: \"1rem\",\n marginBottom: \"1rem\",\n textAlign: \"center\",\n color: \"black\",\n },\n headerContainer: {\n display: \"flex\",\n justifyContent: \"center\",\n flexDirection: \"column\",\n marginBottom: \"30px\",\n },\n blogEntryContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n width: \"60vw\",\n padding: \"5rem\",\n },\n aboutText: {\n width: \"70%\",\n marginBottom: \"4rem\",\n },\n}))\n"],"sourceRoot":""}