{"version":3,"file":"component---src-pages-index-tsx-f70fe764e754caa9d5e6.js","mappings":"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","sources":["webpack://my-official-web-site/./src/components/atoms/h1.tsx","webpack://my-official-web-site/./src/components/atoms/paper.tsx","webpack://my-official-web-site/./src/pages/index.tsx","webpack://my-official-web-site/./src/pages/profile.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\"\n\nconst h1 = {\n  textAlign: \"center\" as const\n}\n\ninterface Props {\n  children?: ReactNode\n}\n\nconst H1 = ({ children }: Props) => {\n  return (\n    <h1 style={h1}>{children}</h1>\n  )\n}\n\nexport default H1\n","import React, { ReactNode } from 'react'\n\nconst paperStyle = {\n  width: \"85%\",\n  maxWidth: \"570px\",\n  borderRadius: \"10px\",\n  textAlign: \"center\" as \"center\",\n  padding: \"15px 20px 30px\",\n  boxShadow: \"0px 0px 25px #ddd\",\n  position: \"relative\" as const\n}\n\ninterface Props {\n  children?: ReactNode\n}\n\nconst Paper = ({ children }: Props) => {\n  return (\n    <div className=\"paper\" style={paperStyle}>\n      {children}\n    </div>\n  )\n}\n\nexport default Paper\n","import React from 'react'\nimport { Link, graphql } from 'gatsby'\n// import Layout from '../components/templates/layout'\n// import H1 from '../components/atoms/h1'\n// import Paper from '../components/atoms/paper'\n// import Pagination from '../components/molecules/Pagination'\nimport { SiteMeta } from '../service/getData'\n\nimport Profile from './profile'\n\nconst Blog = ({ data, location}) => {\n  return (\n    <div>\n      {/* <Layout>\n        <H1>{SiteMeta().site.siteMetadata.title}</H1>\n        <div className=\"desc\">こちらは、<a href=\"//twitter.com/Myuji_4\" target=\"_blank\">みねゆうじ</a>の個人サイトです。自由気ままに更新する個人ブログです。</div>\n        <div className=\"blog\">\n          {\n            data.allMdx.nodes.map((node: any) => (\n              <Paper key={node.slug}>\n                <h2>{node.frontmatter.title}</h2>\n                <span>{node.frontmatter.date}</span>\n                <hr />\n                <p>{node.frontmatter.description}</p>\n                <Link key={node.slug} to={`/blog/${node.slug}`} title={node.frontmatter.title}></Link>\n              </Paper>\n            ))\n          }\n        </div>\n        <Pagination\n          current={location.pathname}\n          pre_page={5}\n          total={data.allMdx.totalCount}\n        />\n      </Layout> */}\n      <Profile />\n    </div>\n  )\n}\n\nexport const query = graphql`\n  query($limit: Int = 5, $skip: Int = 0) {\n    allMdx(limit: $limit, skip: $skip, sort: {fields: fileAbsolutePath, order: DESC}) {\n      totalCount\n      nodes {\n        frontmatter {\n          date\n          title\n          description\n        }\n        id\n        slug\n      }\n    }\n  }\n`\n\nexport default Blog\n","import * as React from 'react'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport Layout from '../components/templates/layout'\nimport H1 from '../components/atoms/h1'\nimport Paper from '../components/atoms/paper'\nimport { mainColor } from '../styles/thema'\n\nconst circleImg = {\n  width: \"150px\",\n  height: \"150px\",\n  borderRadius: \"50%\"\n}\nconst minTitle = {\n  fontSize: \"16px\",\n  fontWeight: 400\n}\nconst skillsBox = {\n  display: 'flex',\n  flexWrap: \"wrap\" as const,\n  justifyContent: \"center\",\n  padding: \"0 15px\"\n}\nconst skillTag = {\n  margin: \"10px 5px\",\n  padding: \"5px 10px\",\n  borderRadius: \"20px\",\n  display: \"inline\",\n  backgroundColor: mainColor.mainColor,\n  color: \"#fff\"\n}\nconst career = {\n  textAlign: \"left\" as const,\n}\nconst pdLeft = {\n  paddingLeft: '100px'\n}\nconst levelTop = {\n  marginLeft: '-100px'\n}\n\n\nconst skills = [\"React\", \"Next.js\", \"Gatsby\",\"JavaScript\", \"TypeScript\", \"D3.js\", \"canvas\", \"WordPress\", \"イラストレーション\"]\n\nconst Profile = () => {\n  const renderSkills = () => {\n    return (\n      <>\n        <h2>Skills</h2>\n        <div className=\"skills\" style={skillsBox}>\n          {\n            skills.map(skill => {\n              return (<span key={skill} style={skillTag}>{skill}</span>)\n            })\n          }\n        </div>\n      </>\n    )\n  }\n\n  return (\n      <Layout>\n        <Paper>\n          <H1>Profile</H1>\n          <StaticImage\n            alt=\"profile image\"\n            src=\"../images/site_img.jpg\"\n            loading=\"lazy\"\n            style={circleImg}\n          />\n          <h2>Mine Yuji{\" \"}<span style={minTitle}>みねゆうじ</span></h2>\n          <p>ソフトウェアエンジニア志望 / プロダクト開発とアートに関心があります</p>\n          <div className=\"iconBox\">\n            {/* <a href=\"//yujimine.substack.com/\" target=\"_blank\" style={{ fontSize: '14px' }}>substack</a> */}\n            <a href=\"//x.com/Myuji_4\" target=\"_blank\" style={{ fontSize: '14px' }}>X</a>\n            <a href=\"//github.com/mineyuji\" target=\"_blank\" style={{ fontSize: '14px' }}>GitHub</a>\n          </div>\n          {renderSkills()}\n          <div style={career}>\n            <h2>Bio</h2>\n            <p style={pdLeft}><span style={levelTop}>2019〜現在：</span>フロントエンドエンジニア Webサービスのフロントエンド開発(React, Next.js | Gatsby.js)</p>\n            <p style={pdLeft}><span style={levelTop}>2017〜2018：</span>Webエンジニア WordPressを利用したWebサイト開発</p>\n            <p style={pdLeft}><span style={levelTop}>〜2017：</span>COBOLプログラマ　流通業務アプリ開発</p>\n            <hr />\n            <p style={pdLeft}><span style={levelTop}>Hobby：</span>ドライブ、ゴルフ、イラスト、写真、</p>\n          </div>\n          <br />\n          <a href=\"https://www.buymeacoffee.com/yujimine\" target=\"_blank\">\n            <img src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style={{ height: '60px', width: '217px' }} />\n          </a>\n        </Paper>\n        <br />\n        <script type=\"text/javascript\" src=\"https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js\" data-name=\"bmc-button\" data-slug=\"yujimine\" data-color=\"#FFDD00\" data-emoji=\"\"  data-font=\"Cookie\" data-text=\"Buy me a coffee\" data-outline-color=\"#000000\" data-font-color=\"#000000\" data-coffee-color=\"#ffffff\" ></script>\n      </Layout>\n  )\n}\n\nexport default Profile\n"],"names":["h1","textAlign","_ref","children","React","style","paperStyle","width","maxWidth","borderRadius","padding","boxShadow","position","className","data","location","Profile","circleImg","height","minTitle","fontSize","fontWeight","skillsBox","display","flexWrap","justifyContent","skillTag","margin","backgroundColor","mainColor","color","career","pdLeft","paddingLeft","levelTop","marginLeft","skills","Layout","Paper","H1","StaticImage","alt","src","loading","__imageData","require","href","target","map","skill","key","type"],"sourceRoot":""}