{"version":3,"sources":["App.tsx","index.tsx"],"names":["library","add","fab","useStyles","makeStyles","theme","root","display","flexDirection","minHeight","main","marginTop","spacing","marginBottom","icon","marginRight","heroContent","backgroundColor","palette","background","paper","padding","avatar","margin","width","height","footer","githubIconDefinition","findIconDefinition","prefix","iconName","twitterIconDefinition","facebookIconDefinition","App","classes","className","CssBaseline","Container","component","maxWidth","Avatar","alt","src","Typography","variant","gutterBottom","style","href","target","rel","align","Link","color","ReactDOM","render","document","getElementById"],"mappings":"mOAiBAA,IAAQC,IAAIC,KAEZ,IAAMC,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACnCC,KAAM,CACFC,QAAS,OACTC,cAAe,SACfC,UAAW,SAEfC,KAAM,CACFC,UAAWN,EAAMO,QAAQ,GACzBC,aAAcR,EAAMO,QAAQ,IAEhCE,KAAM,CACFC,YAAaV,EAAMO,QAAQ,IAE/BI,YAAa,CACTC,gBAAiBZ,EAAMa,QAAQC,WAAWC,MAC1CC,QAAShB,EAAMO,QAAQ,EAAG,EAAG,IAEjCU,OAAQ,CACJC,OAAQ,GACRC,MAAO,GACPC,OAAQ,IAEZC,OAAQ,CACJT,gBAAiBZ,EAAMa,QAAQC,WAAWC,MAC1CC,QAAShB,EAAMO,QAAQ,QAKzBe,EAAuCC,YADZ,CAAEC,OAAQ,MAAOC,SAAU,WAGtDC,EAAwCH,YADZ,CAAEC,OAAQ,MAAOC,SAAU,YAGvDE,EAAyCJ,YADZ,CAAEC,OAAQ,MAAOC,SAAU,aA4F/CG,EAzFH,WACR,IAAMC,EAAU/B,IAEhB,OACI,sBAAKgC,UAAWD,EAAQ5B,KAAxB,UACI,cAAC8B,EAAA,EAAD,IACA,eAACC,EAAA,EAAD,CAAWC,UAAU,OAAOH,UAAWD,EAAQxB,KAAM6B,SAAS,KAA9D,UACI,cAACC,EAAA,EAAD,CAAQC,IAAI,QAAQC,IAAI,YAAYP,UAAWD,EAAQZ,SAEvD,cAACqB,EAAA,EAAD,CAAYC,QAAQ,KAAKN,UAAU,KAAKO,cAAY,EAApD,2BAGA,eAAC,aAAD,CACIC,MAAO,CAAErB,OAAQ,KADrB,UAEI,wCACA,uCACA,0CACA,+BACI,0CACA,+BACI,uCACA,qCACA,2CAEJ,yCACA,+BACI,qCACA,oCACA,sCACA,2CAEJ,2CACA,+BACI,yCACA,6CACA,+CACA,qCACA,yCACA,2CAEJ,iDACA,+BACI,qCACA,qCACA,wCACA,yCACA,qDAGR,2CACA,6BACI,mBAAGsB,KAAK,gCAAgCC,OAAQ,SAAUC,IAAI,aAA9D,0BAEJ,0CACA,6BACI,mBAAGF,KAAK,2BAA2BC,OAAQ,SAAUC,IAAI,aAAzD,qBAEJ,wCACA,6BACI,mBAAGF,KAAK,4BAA4BC,OAAQ,SAAUC,IAAI,aAA1D,sBAEJ,qDACA,+BACI,kEAAoC,mBAAGF,KAAK,mHAAmHC,OAAQ,SAAUC,IAAI,aAAjJ,uKACpC,6DAA+B,mBAAGF,KAAK,gJAAgJC,OAAQ,SAAUC,IAAI,aAA9K,uMAK3C,yBAAQd,UAAWD,EAAQR,OAA3B,UACI,eAACiB,EAAA,EAAD,CAAYC,QAAQ,KAAKM,MAAM,SAASL,cAAY,EAApD,UACI,cAACM,EAAA,EAAD,CAAMC,MAAM,UAAUL,KAAK,2BAA2BC,OAAQ,SAA9D,SACI,cAAC,IAAD,CAAiBb,UAAWD,EAAQpB,KAAMA,KAAMa,MAEpD,cAACwB,EAAA,EAAD,CAAMC,MAAM,UAAUL,KAAK,gCAAgCC,OAAQ,SAAnE,SACI,cAAC,IAAD,CAAiBb,UAAWD,EAAQpB,KAAMA,KAAMiB,MAEpD,cAACoB,EAAA,EAAD,CAAMC,MAAM,UAAUL,KAAK,0DAA0DC,OAAQ,SAA7F,SACI,cAAC,IAAD,CAAiBb,UAAWD,EAAQpB,KAAMA,KAAMkB,SAGxD,cAACW,EAAA,EAAD,CAAYC,QAAQ,YAAYM,MAAM,SAASE,MAAM,gBAAgBd,UAAU,IAA/E,+BCnIhBe,IAASC,OAAO,cAAC,EAAD,IAASC,SAASC,eAAe,W","file":"static/js/main.4614cbc7.chunk.js","sourcesContent":["import React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Container from '@material-ui/core/Container';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport Avatar from '@material-ui/core/Avatar';\nimport Link from '@material-ui/core/Link';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport {\n    library,\n    IconLookup,\n    IconDefinition,\n    findIconDefinition\n} from '@fortawesome/fontawesome-svg-core'\nimport { fab } from '@fortawesome/free-brands-svg-icons'\nimport { Scrollbars } from 'react-custom-scrollbars';\n\nlibrary.add(fab)\n\nconst useStyles = makeStyles(theme => ({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        minHeight: '100vh',\n    },\n    main: {\n        marginTop: theme.spacing(8),\n        marginBottom: theme.spacing(2),\n    },\n    icon: {\n        marginRight: theme.spacing(2),\n    },\n    heroContent: {\n        backgroundColor: theme.palette.background.paper,\n        padding: theme.spacing(8, 0, 6),\n    },\n    avatar: {\n        margin: 10,\n        width: 60,\n        height: 60,\n    },\n    footer: {\n        backgroundColor: theme.palette.background.paper,\n        padding: theme.spacing(6),\n    },\n}));\n\nconst githubLookup: IconLookup = { prefix: 'fab', iconName: 'github' }\nconst githubIconDefinition: IconDefinition = findIconDefinition(githubLookup)\nconst twitterLookup: IconLookup = { prefix: 'fab', iconName: 'twitter' }\nconst twitterIconDefinition: IconDefinition = findIconDefinition(twitterLookup)\nconst facebookLookup: IconLookup = { prefix: 'fab', iconName: 'facebook' }\nconst facebookIconDefinition: IconDefinition = findIconDefinition(facebookLookup)\n\nconst App = () => {\n    const classes = useStyles();\n\n    return (\n        <div className={classes.root}>\n            <CssBaseline />\n            <Container component=\"main\" className={classes.main} maxWidth=\"sm\">\n                <Avatar alt=\"kosa3\" src=\"/kosa.png\" className={classes.avatar} />\n\n                <Typography variant=\"h4\" component=\"h2\" gutterBottom>\n                    Web Developer\n                </Typography>\n                <Scrollbars\n                    style={{ height: 300 }}>\n                    <h2># Name</h2>\n                    <h3>kosa3</h3>\n                    <h2># Skills</h2>\n                    <ul>\n                        <li>Frontend</li>\n                        <ul>\n                            <li>React</li>\n                            <li>Vue</li>\n                            <li>jQuery</li>\n                        </ul>\n                        <li>Backend</li>\n                        <ul>\n                            <li>PHP</li>\n                            <li>Go</li>\n                            <li>Node</li>\n                            <li>Python</li>\n                        </ul>\n                        <li>Framework</li>\n                        <ul>\n                            <li>Laravel</li>\n                            <li>Codeigniter</li>\n                            <li>ZendFramework</li>\n                            <li>Gin</li>\n                            <li>Express</li>\n                            <li>Django</li>\n                        </ul>\n                        <li>Infrastructures</li>\n                        <ul>\n                            <li>AWS</li>\n                            <li>GCP</li>\n                            <li>Docker</li>\n                            <li>CI / CD</li>\n                            <li>ElasticSearch</li>\n                        </ul>\n                    </ul>\n                    <h2># Twitter</h2>\n                    <h3>\n                        <a href=\"https://twitter.com/kosachan3\" target={'_blank'} rel=\"noreferrer\">@kosachan3</a>\n                    </h3>\n                    <h2># Github</h2>\n                    <h3>\n                        <a href=\"https://github.com/kosa3\" target={'_blank'} rel=\"noreferrer\">kosa3</a>\n                    </h3>\n                    <h2># Blog</h2>\n                    <h3>\n                        <a href=\"https://medium.com/@kosa3\" target={'_blank'} rel=\"noreferrer\">Medium</a>\n                    </h3>\n                    <h2># RECENT ACTIVITIES</h2>\n                    <ul>\n                        <li>2018/12/15 PHP Conference 2018: <a href=\"https://speakerdeck.com/kosa3/jin-karademojian-nihe-uphp5-dot-5karaphp7-dot-2nibaziyonatupusitahua-number-phpcon\" target={'_blank'} rel=\"noreferrer\">今からでも間に合うphp5.5からphp7.2にバージョンアップした話</a></li>\n                        <li>2019/03/30 PHPerKaigi2019: <a href=\"https://speakerdeck.com/kosa3/3keyue-dephp5-dot-5kara7-dot-2nibaziyonatupusitaxian-zai-tojin-hou-falsexiang-kihe-ifang-number-phperkaigi-2019\" target={'_blank'} rel=\"noreferrer\">3ヶ月でphp5.5から7.2にバージョンアップした現在と今後の向き合い方 </a></li>\n                    </ul>\n                </Scrollbars>\n            </Container>\n\n            <footer className={classes.footer}>\n                <Typography variant=\"h4\" align=\"center\" gutterBottom>\n                    <Link color=\"inherit\" href=\"https://github.com/kosa3\" target={'_blank'}>\n                        <FontAwesomeIcon className={classes.icon} icon={githubIconDefinition} />\n                    </Link>\n                    <Link color=\"inherit\" href=\"https://twitter.com/kosachan3\" target={'_blank'}>\n                        <FontAwesomeIcon className={classes.icon} icon={twitterIconDefinition} />\n                    </Link>\n                    <Link color=\"inherit\" href=\"https://www.facebook.com/profile.php?id=100008359952421\" target={'_blank'}>\n                        <FontAwesomeIcon className={classes.icon} icon={facebookIconDefinition} />\n                    </Link>\n                </Typography>\n                <Typography variant=\"subtitle1\" align=\"center\" color=\"textSecondary\" component=\"p\">\n                    © kosa3\n                </Typography>\n            </footer>\n        </div>\n    );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\nReactDOM.render(<App />, document.getElementById('root'));\n"],"sourceRoot":""}