{"version":3,"sources":["webpack://Portfolio/./src/components/headerInfo.js","webpack://Portfolio/./src/components/layout.js","webpack://Portfolio/./src/pages/about.js","webpack://Portfolio/./src/assets/wave.svg"],"names":["className","S","src","alt","placeholder","loading","style","borderRadius","filter","href","textUnderlineOffset","textShadow","aria-label","icon","faLinkedin","faGithub","faCodepen","faExternalLinkAlt","children","title","id","borderBottom","lineHeight","marginBottom","React","Wave","props","createElement","defaultProps","module","exports","default"],"mappings":"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","file":"component---src-pages-about-js-016b9fdd803e2f6f6fbe.js","sourcesContent":["\nimport React from 'react';\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons';\nimport { faCodepen, faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';\n\nfunction HeaderInfo() {\n  return (\n\n  <div className=\"flex flex-col xl:w-1/2 justify-center items-center mx-auto xl:ml-36\">\n    <StaticImage className=\"h-60 w-52 shadow-inner\" src=\"../images/selfie.jpg\" alt=\"Portrait\"  placeholder=\"blurred\" loading=\"eager\" style={{borderRadius: '50%', filter: 'contrast(110%)'}}/>\n    <div className=\"card flex flex-col text-center bg-white text-indigo rounded-sm shadow-xl w-full xl:w-2/3 px-12 py-4 my-8\">\n      \n      <h1 className=\"text-xl font-bold\">Nikki Peel</h1>\n      <em className=\"text-base\">Front End Developer</em>\n      <a href=\"mailto:nikkipeel.dev@gmail.com\" className=\"text-base font-bold hover:underline\" style={{textUnderlineOffset: '3px'}}>nikkipeel.dev@gmail.com</a>\n      \n        <a href=\"#\" className=\"text-indigo uppercase font-bold hover:underline mt-2 pr-4\" style={{textShadow: '-1.5px 1.5px 0px #40C69F', textUnderlineOffset: '3px'}}>Download Resume</a>\n        <div className=\"mt-4\">\n          <a aria-label=\"linked in\" href=\"https://www.linkedin.com/in/nikkipeel\" className=\"text-indigo text-xl hover:text-pink focus:text-pink pr-4\"><FontAwesomeIcon icon={faLinkedin} /></a>\n          <a aria-label=\"github\"  href=\"https://www.github.com/nikkipeel\" className=\"text-indigo text-xl hover:text-pink focus:text-pink pr-4\"><FontAwesomeIcon icon={faGithub} /></a>\n          <a aria-label=\"codepen\" href=\"https://www.codepen.io/nikki-peel\" className=\"text-indigo text-xl hover:text-pink focus:text-pink pr-4\"><FontAwesomeIcon icon={faCodepen} /></a>\n          <a aria-label=\"blog\" href=\"https://nikkipeel.netlify.app\" className=\"text-indigo text-xl hover:text-pink focus:text-pink pr-4\"><FontAwesomeIcon icon={faExternalLinkAlt} /></a>\n      </div>\n    \n    </div>\n</div>\n  \n  )\n  }\n\n\nexport default HeaderInfo\n","import * as React from \"react\"\nimport PropTypes from \"prop-types\"\nimport NavMenu from \"../components/menu\"\nimport Footer from \"./footer\"\nimport \"./layout.css\"\n\nconst Layout = ({ children }) => {\n\n  return (\n    <>\n    <NavMenu></NavMenu>\n      <main>{children}</main>\n      <Footer></Footer>\n      </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import * as React from \"react\"\nimport SEO from \"../components/seo\"\nimport HeaderInfo from \"../components/headerInfo\"\nimport Layout from \"../components/layout\"\nimport Wave from\"../assets/wave.svg\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nconst AboutPage = () => (\n  <>\n  <SEO title=\"About\" />\n  <Layout>\n  <header className=\"bg-indigo text-white flex flex-col xl:flex-row py-16\">\n  <HeaderInfo></HeaderInfo>\n  <div className=\"flex flex-col justify-center xl:items-end xl:w-1/2 text-white text-center xl:text-right mt-20 mx-auto xl:mt-0 xl:mr-48 p-4 xl:p-0\">\n    <h1 className=\"text-xl font-semibold p-4 mb-8 xl:p-0\"><strong className=\"text-6xl\">About Me</strong></h1>\n    <p className=\"px-8 my-4 xl:px-0\">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Numquam itaque iusto nulla vel necessitatibus ipsa in cupiditate, ab fugit sed, sit blanditiis mollitia qui sapiente odio molestiae ratione consequuntur laboriosam quibusdam eos. Unde odio harum soluta totam, ad minima id voluptates necessitatibus labore voluptate? Velit nihil laboriosam atque similique sunt?</p>\n    \n    <div className=\"flex justify-center items-center xl:justify-end mx-auto xl:mx-0 mt-8 p-8 xl:p-0\">\n      <button className=\"bg-pink text-white text-sm font-semibold rounded shadow-md p-2 mr-8 transition duration-500\">View Portfolio</button>\n      <button className=\"bg-transparent text-pink border-2 border-pink text-sm font-semibold rounded shadow-md p-2 transition duration-500\"><p>Contact Me</p></button>\n    </div>\n\n  </div>\n  </header>\n\n  <section id=\"certs\" className=\"bg-lightGreen w-full h-full\">\n        <div className=\"flex flex-col justify-center items-center w-full lg:w-50 py-20\">\n        <h1 className=\"w-60 text-4xl tracking-wide font-bold text-white\" style={{borderBottom: '14px solid #D62B83', lineHeight: '.45', textShadow: '0px 0px 4px rgba(0,0,0,0.6'}}>Certifications</h1>\n        \n        <div className=\"grid grid-cols md:grid-cols-2 lg:grid-cols-3 xl:w-3/4 items-center gap-4 mt-12 mx-auto p-4\" style={{marginBottom: '-4rem'}}>\n            <div className=\"col rounded-sm\">\n            <StaticImage className=\" object-contain shadow-inner\" src=\"../images/front-end-libraries-fcc.png\" alt=\"Front End Libraries - FreeCodeCamp\"  placeholder=\"blurred\" loading=\"eager\" />\n            </div>\n\n            <div className=\"col rounded-sm\">\n            <StaticImage className=\"object-contain shadow-inner\" src=\"../images/react-udemy.jpg\" alt=\"Modern React Bootcamp - Udemy\"  placeholder=\"blurred\" loading=\"eager\" />\n            </div>\n\n            <div className=\"col rounded-sm\">\n            <StaticImage className=\" object-contain shadow-inner\" src=\"../images/responsive-design-fcc.png\" alt=\"Responsive Design - FreeCodeCamp\"  placeholder=\"blurred\" loading=\"eager\" /> </div>\n\n            <div className=\"col rounded-sm\">\n            <StaticImage className=\" object-contain shadow-inner\" src=\"../images/adv-css-sass-udemy.jpg\" alt=\"Advanced CSS and Sass - Udemy\"  placeholder=\"blurred\" loading=\"eager\" />           </div>\n\n            <div className=\"col rounded-sm\">\n            <StaticImage className=\" object-contain shadow-inner\" src=\"../images/adv-webdev-udemy.jpg\" alt=\"Advanced Web Developer Bootcamp - Udemy\"  placeholder=\"blurred\" loading=\"eager\" />  </div>\n\n            <div className=\"col rounded-sm\">\n            <StaticImage className=\" object-contain shadow-inner\" src=\"../images/webdev-udemy.jpg\" alt=\"Web Developer Bootcamp - Udemy\"  placeholder=\"blurred\" loading=\"eager\" />   </div>\n\n        </div>\n\n        </div>\n      \n    </section>\n\n  <Wave className=\"pointer-events-none\"></Wave>\n\n  <div className=\"bg-indigo w-full h-80\">\n        </div>\n\n  </Layout>\n  </>\n)\n\nexport default AboutPage\n","var React = require('react');\n\nfunction Wave (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fill\":\"#05234c\",\"fillOpacity\":\"1\",\"d\":\"M0,160L80,181.3C160,203,320,245,480,229.3C640,213,800,139,960,122.7C1120,107,1280,149,1360,170.7L1440,192L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z\"}));\n}\n\nWave.defaultProps = {\"viewBox\":\"0 0 1440 320\"};\n\nmodule.exports = Wave;\n\nWave.default = Wave;\n"],"sourceRoot":""}