component---src-pages-portfolio-js-1d67e66311d450e79b90.js.map

{"version":3,"sources":["webpack:///./src/components/PortfolioEntry.js","webpack:///./src/pages/portfolio.js","webpack:///./src/images/oldprojs.jpg","webpack:///./src/components/PageElements.js","webpack:///./src/images/expenseman.jpg","webpack:///./src/images/website.jpg","webpack:///./src/images/casebuilder.png"],"names":["PortfolioLink","icon","to","children","title","className","SocialLink","PortofolioBadge","PortfolioEntry","image","links","badges","src","alt","map","link","key","text","badge","Portfolio","casebuilderImage","websiteImage","expensemanImage","oldprojsImage","module","exports","PageMain","Title","Icon","SubTitle","PageLink","iconPosition","iconBefore","iconAfter","href","Pre","Paragraph","TextImage","srcSet","responsive"],"mappings":"+JAIMA,EAAgB,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,GAAIC,EAAb,EAAaA,SAAUC,EAAvB,EAAuBA,MAAvB,OACpB,yBAAKC,UAAU,kBACb,kBAACC,EAAA,EAAD,CAAYJ,GAAIA,EAAID,KAAMA,EAAMG,MAAOA,GAAO,wBAAIC,UAAU,0BAA2BF,MAIrFI,EAAkB,SAAC,GAAD,IAAGJ,EAAH,EAAGA,SAAH,OACtB,yBAAKE,UAAU,mBACZF,IAuDUK,EAnDQ,SAAC,GAA+C,IAA7CJ,EAA4C,EAA5CA,MAAOK,EAAqC,EAArCA,MAAON,EAA8B,EAA9BA,SAAUO,EAAoB,EAApBA,MAAOC,EAAa,EAAbA,OACvD,OACE,yBAAKN,UAAU,mBACb,yBAAKA,UAAU,+BACb,yBAAKO,IAAKH,EAAOI,IAAKT,EAAOC,UAAU,2BACvC,wBAAIA,UAAU,0BAA0BD,GACxC,yBAAMC,UAAU,2BACd,yBAAKA,UAAU,0BAEbK,GAASA,EAAMI,KAAI,SAACC,EAAMC,GACxB,OACA,kBAAC,EAAD,CACEA,IAAKA,EACLd,GAAIa,EAAKb,GACTD,KAAMc,EAAKd,KACXG,MAAOW,EAAKX,OAEXW,EAAKE,YAOhB,yBAAKZ,UAAU,6BAEbM,GAAUA,EAAOG,KAAI,SAACI,EAAOF,GAC3B,OAAO,kBAAC,EAAD,CAAiBA,IAAKA,GAAME,OAIvC,yBAAKb,UAAU,8BAA8BF,K,oFCkBpCgB,UAvDG,kBAChB,kBAAC,IAAD,KACE,kBAAC,IAAD,kBACE,kBAAC,EAAD,CACEV,MAAOW,IACPhB,MAAM,yBACNM,MAAO,CACL,CAAER,GAAI,sDAAuDD,KAAM,kBAAC,IAAD,MAAcG,MAAO,SAAUa,KAAM,cACxG,CAAEf,GAAI,qCAAsCD,KAAM,kBAAC,IAAD,MAAcG,MAAO,aAAca,KAAM,QAE7FN,OAAQ,CAAC,mBAAoB,MAAO,UAAW,UAAW,WAE1D,6MACA,2NAGF,kBAAC,EAAD,CACEF,MAAOY,IACPjB,MAAM,aACNM,MAAO,CACL,CAAER,GAAI,2DAA4DD,KAAM,kBAAC,IAAD,MAAcG,MAAO,SAAUa,KAAM,cAC7G,CAAEf,GAAI,kCAAmCD,KAAM,kBAAC,IAAD,MAAYG,MAAO,OAAQa,KAAM,SAElFN,OAAQ,CAAC,WAAY,YAAa,QAAS,OAAQ,YAEnD,oDACA,mSAEF,kBAAC,EAAD,CACEF,MAAOa,IACPlB,MAAM,sBACNM,MAAO,CACL,CAAER,GAAI,kDAAmDD,KAAM,kBAAC,IAAD,MAAcG,MAAO,SAAUa,KAAM,cACpG,CAAEf,GAAI,qCAAsCD,KAAM,kBAAC,IAAD,MAAcG,MAAO,MAAOa,KAAM,WAEtFN,OAAQ,CAAC,WAAY,eAAgB,QAAS,OAAQ,MAAO,WAE7D,sHACA,6NAEF,kBAAC,EAAD,CACEF,MAAOc,IACPnB,MAAM,wBACNM,MAAO,CACL,CAAER,GAAI,uDAAwDD,KAAM,kBAAC,IAAD,MAAcG,MAAO,SAAUa,KAAM,eAG3GN,OAAQ,CAAC,MAAO,YAAa,eAAgB,OAAQ,MAAO,WAE5D,iKACA,4H,qBC5DRa,EAAOC,QAAU,IAA0B,wD,oCCA3C,qOAIaC,EAAW,SAAC,GAAD,IAAEvB,EAAF,EAAEA,SAAF,OACtB,0BAAME,UAAU,aACbF,IAmBQwB,EAAQ,SAAC,GAAD,IAAExB,EAAF,EAAEA,SAAF,IAAYF,KAAM2B,OAAlB,MAAuB,KAAvB,SACnB,yBAAKvB,UAAU,SACZuB,EADH,IACc,wBAAIvB,UAAU,eAAeF,KAIhC0B,EAAW,SAAC,GAAD,IAAE1B,EAAF,EAAEA,SAAF,OACtB,wBAAIE,UAAU,YAAYF,IAGf2B,EAAW,SAAC,GAAuD,IAAtD5B,EAAqD,EAArDA,GAAU0B,EAA2C,EAAjD3B,KAAiD,IAArC8B,oBAAqC,MAAxB,SAAwB,EAAd5B,EAAc,EAAdA,SACzD6B,EAAaJ,GAAuB,WAAfG,EACrBE,EAAYL,GAAuB,UAAfG,EAE1B,OACE,0BAAM1B,UAAU,aACb2B,GAAc,kBAACJ,EAAD,CAAMvB,UAHP,oBAId,uBAAG6B,KAAMhC,EAAIG,UAAU,qBAAqBF,GAC3C8B,GAAa,kBAACL,EAAD,CAAMvB,UALN,sBAUP8B,EAAM,kBACjB,6CAKWC,EAAY,SAAC,GAAD,IAAEjC,EAAF,EAAEA,SAAF,OACvB,uBAAGE,UAAU,aAAY,kBAAC8B,EAAD,MAAQhC,IAStBkC,EAAY,SAAC,GAAD,IAAEzB,EAAF,EAAEA,IAAK0B,EAAP,EAAOA,OAAP,IAAeC,kBAAf,SAAgC1B,EAAhC,EAAgCA,IAAhC,OACvB,yBAAKA,IAAKA,EAAKD,IAAKA,EAAK0B,OAAQA,EAAQjC,UAAW,cAAgBkC,EAAa,0BAA4B,Q,qBCjE/Gf,EAAOC,QAAU,IAA0B,0D,qBCA3CD,EAAOC,QAAU,IAA0B,uD,qBCA3CD,EAAOC,QAAU,IAA0B","file":"component---src-pages-portfolio-js-1d67e66311d450e79b90.js","sourcesContent":["import React from 'react'\nimport PropType from 'prop-types'\nimport SocialLink from './SocialLink'\n\nconst PortfolioLink = ({ icon, to, children, title }) => (\n  <div className='portfolio-link'>\n    <SocialLink to={to} icon={icon} title={title}><h2 className='portfolio-link__header'>{ children }</h2></SocialLink>\n  </div>\n)\n\nconst PortofolioBadge = ({ children }) => (\n  <div className='portfolio-badge'>\n    {children}\n  </div>\n)\n\nconst PortfolioEntry = ({ title, image, children, links, badges }) => {\n  return (\n    <div className='portfolio-entry'>\n      <div className='portfolio-entry__block-area'>\n        <img src={image} alt={title} className='portfolio-entry__image'/>\n        <h2 className='portfolio-entry__title'>{title}</h2>\n        <div  className='portfolio-entry__header'>\n          <div className='portfolio-entry__links'>\n          {\n            links && links.map((link, key) => {\n              return (\n              <PortfolioLink\n                key={key}\n                to={link.to}\n                icon={link.icon}\n                title={link.title}\n              >\n                {link.text}\n              </PortfolioLink>)\n            })\n          }\n          </div>\n        </div>\n      </div>\n      <div className='portfolio-entry__sub-area'>\n      {\n        badges && badges.map((badge, key) => {\n          return <PortofolioBadge key={key}>{badge}</PortofolioBadge>\n        })\n      }\n      </div>\n      <div className='portfolio-entry__text-area'>{children}</div>\n      {/* <div className='portfolio-entry__last-commit-area'>{children}</div> */}\n    </div>\n  )\n}\n\nPortfolioEntry.propTypes = {\n  image: PropType.string.isRequired,\n  title: PropType.string.isRequired,\n  badges: PropType.arrayOf(PropType.string),\n  links: PropType.arrayOf(\n    PropType.shape({\n      to: PropType.string,\n      icon: PropType.element,\n      title: PropType.string,\n      text: PropType.string\n    })\n  )\n}\n\nexport default PortfolioEntry\n","import React from 'react'\nimport { FaGithub, FaHome, FaRocket } from 'react-icons/fa'\nimport { PageMain, Title } from '../components/PageElements'\nimport PortfolioEntry from '../components/PortfolioEntry'\n\nimport casebuilderImage from '../images/casebuilder.png'\nimport websiteImage from '../images/website.jpg'\nimport expensemanImage from '../images/expenseman.jpg'\nimport oldprojsImage from '../images/oldprojs.jpg'\n\nconst Portfolio = () => (\n  <PageMain>\n    <Title>Portfolio</Title>\n      <PortfolioEntry\n        image={casebuilderImage}\n        title='Phone Case Builder App'\n        links={[\n          { to: 'https://github.com/victorfeitosa/phone-case-builder', icon: <FaGithub />, title: 'Github', text: 'Repository'},\n          { to: 'https://casebuilder.herokuapp.com/', icon: <FaRocket />, title: 'Heroku App', text: 'App'}\n        ]}\n        badges={['15 day challenge', 'Vue', 'Web App', 'Vuetify', 'W.I.P.']}\n      >\n        <p>Made in my free time over 15 days, this app is a phone case builder and customizer that allows the user to build a customized phone case with a backgorund, text and stickers.</p>\n        <p>This project was made to make myself re-acquainted to VueJS. \n        There are only a few dependencies and I tried to keep most things my own, including the transform widgets and DOM manipulation</p>\n      </PortfolioEntry>\n      <PortfolioEntry\n        image={websiteImage}\n        title='My Website'\n        links={[\n          { to: 'https://github.com/victorfeitosa/victorfeitosa.github.io', icon: <FaGithub />, title: 'Github', text: 'Repository'},\n          { to: 'https://victorfeitosa.github.io', icon: <FaHome />, title: 'Home', text: 'Home'}\n        ]}\n        badges={['GatsbyJS', 'Portfolio', 'React', 'SCSS', 'Website']}\n      >\n        <p>My portfolio website!</p>\n        <p>This website you're visiting was made entirely in React with GatsbyJS. It is intended to be updated constantly and soon will have a mobile version and a PWA. All styles colors and design are entirely by me. Visit it's GitHub page to check out the source code.</p>\n      </PortfolioEntry>\n      <PortfolioEntry\n        image={expensemanImage}\n        title='Expense Manager App'\n        links={[\n          { to: 'https://github.com/victorfeitosa/ExpenseManager', icon: <FaGithub />, title: 'Github', text: 'Repository'},\n          { to: 'https://expense-man.herokuapp.com/', icon: <FaRocket />, title: 'App', text: 'WebApp'}\n        ]}\n        badges={['Firebase', 'Mobile-First', 'React', 'SCSS', 'SPA', 'WebApp']}\n      >\n        <p>An Expense Manager WebApp. Done in React with Firebase for Database and Authentication.</p>\n        <p>This app records expenses the user had and filters them in a date span. It is mobile-first and soon will be a PWA. This was done so I could learn React and Firebase, so  it's pretty simple!</p>\n      </PortfolioEntry>\n      <PortfolioEntry\n        image={oldprojsImage}\n        title='Old FrontEnd Projects'\n        links={[\n          { to: 'https://github.com/victorfeitosa/OldFrontendProjects', icon: <FaGithub />, title: 'Github', text: 'Repository'},\n          // { to: 'https://expense-man.herokuapp.com/', icon: <FaRocket />, title: 'App', text: 'WebApp'}\n        ]}\n        badges={['ES6', 'Front End', 'Mobile-first', 'SCSS', 'SPA', 'WebApp']}\n      >\n        <p>These are several Front End projects I've done in the past, usually small things to learn a framework, or tests for job interviews</p>\n        <p>Some of them are pretty rough around the edges and were done only to learn some concepts.</p>\n      </PortfolioEntry>\n  </PageMain>\n)\n\nexport default Portfolio\n","module.exports = __webpack_public_path__ + \"static/oldprojs-b2f8a058504cc0a92a66508a96e00e3f.jpg\";","import React from 'react'\nimport PropTypes from 'prop-types'\n\n\nexport const PageMain = ({children}) => (\n  <main className='page-main'>\n    {children}\n  </main>\n)\n\nexport const PageSection = ({children}) => (\n  <section className='page-section'>\n    {children}\n  </section>\n)\n\nexport const PageSectionContainer = ({width='full', children}) => {\n  const className = `page-section__container page-section__container--${width}`\n  return <div className={className}>{children}</div>\n}\n\nPageSection.propTypes = {\n  width: PropTypes.oneOf(['full', 'half', 'third'])\n}\n\nexport const Title = ({children, icon: Icon=null}) => (\n  <div className='title'>\n    {Icon}&nbsp;<h2 className='title__text'>{children}</h2>\n  </div>\n)\n\nexport const SubTitle = ({children}) => (\n  <h3 className='subtitle'>{children}</h3>\n)\n\nexport const PageLink = ({to, icon: Icon, iconPosition='before', children}) => {\n  const iconBefore = Icon && iconPosition==='before'\n  const iconAfter = Icon && iconPosition==='after'\n  const iconClass = 'page-link__icon'\n  return (\n    <span className='page-link'>\n      {iconBefore && <Icon className={iconClass} />}\n      <a href={to} className='page-link__anchor'>{children}</a>\n      {iconAfter && <Icon className={iconClass} />}\n    </span>\n  )\n}\n\nexport const Pre = () => (\n  <>\n  &nbsp;&nbsp;&nbsp;&nbsp;\n  </>\n)\n\nexport const Paragraph = ({children}) => (\n  <p className='paragraph'><Pre />{children}</p>\n)\n\nexport const TextBlock = ({children}) => (\n  <div className='text-block'>\n    {children}\n  </div>\n)\n\nexport const TextImage = ({src, srcSet, responsive=true, alt}) => (\n  <img alt={alt} src={src} srcSet={srcSet} className={'text-image' + (responsive ? ' text-image--responsive' : '')} />\n)\n\nexport const FeatureImage = ({src, srcSet, responsive=true, alt}) => (\n  <img alt={alt} src={src} srcSet={srcSet} className={'feat-image' + (responsive ? ' feat-image--responsive' : '')} />\n)\n","module.exports = __webpack_public_path__ + \"static/expenseman-98c58a2dd6d91df063d0df20b2ea0952.jpg\";","module.exports = __webpack_public_path__ + \"static/website-0e834eb20652792f92c2267e14e92b74.jpg\";","module.exports = __webpack_public_path__ + \"static/casebuilder-74253d428689213a91b16f8d2844dddc.png\";"],"sourceRoot":""}