{"version":3,"sources":["webpack://mustafazc-my-website/./src/css/Title.js","webpack://mustafazc-my-website/./src/css/InnerDiv.js","webpack://mustafazc-my-website/./src/components/FunkyTitle.jsx","webpack://mustafazc-my-website/./src/css/List.js","webpack://mustafazc-my-website/./src/css/RegContent.js","webpack://mustafazc-my-website/./src/css/Section.js","webpack://mustafazc-my-website/./src/css/Heading.js","webpack://mustafazc-my-website/./src/css/Highlights.js","webpack://mustafazc-my-website/./src/css/ListItem.js","webpack://mustafazc-my-website/./src/components/WorkExperience.jsx","webpack://mustafazc-my-website/./src/pages/work.jsx"],"names":["styled","ShadowStyle","FunkyTitle","title","funkyTitleText","useRef","useEffect","TweenMax","y","ease","Power3","duration","delay","opacity","ref","el","List","RegContent","Section","WorkExperience","pageTitle","WorkPage","props","Layout"],"mappings":"uNAgBA,EAZcA,mBAAH,gDAAGA,CAAH,iJAKMC,MCDjB,EANiBD,oBAAH,oDAAGA,CAAH,sECKC,SAASE,EAAT,GAAgC,IAAVC,EAAS,EAATA,MAC/BC,GAAiBC,YAAO,MAK5B,OAJAC,gBAAU,WACRC,UAAcH,EAAgB,CAAEI,EAAG,IAAKC,KAAMC,YAAeC,SAAU,GAAKC,MAAO,IACnFL,QAAYH,EAAgB,CAAES,QAAS,EAAGJ,KAAMC,aAAgBC,SAAU,EAAGC,MAAO,OACnF,IAED,gBAAC,EAAD,KACE,gBAAC,EAAD,CAAOE,IAAK,SAAAC,GAAE,OAAKX,EAAiBW,IAAMZ,M,sCCb1Ca,E,QAAOhB,iBAAH,4CAAGA,CAAH,sDAKV,O,sCCLMiB,E,QAAajB,kBAAH,sDAAGA,CAAH,2EAOhB,O,sCCPMkB,E,QAAUlB,sBAAH,+CAAGA,CAAH,oKAUb,O,+ICLA,EALgBA,mBAAH,kDAAGA,CAAH,wCCMb,EANmBA,kBAAH,kDAAGA,CAAH,uE,UCKhB,EALiBA,mBAAH,mDAAGA,CAAH,yCCYC,SAASmB,IAOtB,OACE,gBAACD,EAAA,EAAD,KACE,gBAACD,EAAA,EAAD,KACE,0BACE,gBAAC,EAAD,KACE,gBAAC,EAAD,6BACA,8CACA,gBAAC,EAAD,2BACA,gBAACD,EAAA,EAAD,KACE,yGACA,iIACA,+EACA,gFACA,wFACA,4IACA,4GAGJ,gBAAC,EAAD,KACE,gBAAC,EAAD,oBACA,8CACA,gBAAC,EAAD,4BACA,gBAACA,EAAA,EAAD,KACE,oIAIA,sLAKA,4FAGA,6GACA,6DACA,mFACA,iFAGJ,gBAAC,EAAD,KACE,gBAAC,EAAD,oBACA,uDACA,gBAAC,EAAD,4BACA,gBAACA,EAAA,EAAD,KACE,yKAKA,6KAKA,iGAIA,mGC3Ed,IAAMI,EAAY,UAElB,SAASC,EAASC,GAChB,OACE,gCACE,gBAACpB,EAAA,EAAD,CAAYC,MAAOiB,IACnB,gBAACD,EAAD,OAKNE,EAASE,OAASA,IAClBF,EAASD,UAAYA,EAErB","file":"component---src-pages-work-jsx-09d6ac22bcb871a3e135.js","sourcesContent":["import styled from 'styled-components'\n\nimport { ShadowStyle } from './Styles'\n\nconst Title = styled.h1`\n font-size: 4rem;\n letter-spacing: 0.125rem;\n text-align: center;\n font-weight: 800;\n text-shadow: ${ShadowStyle};\n opacity: 0;\n @media (max-width: 768px) {\n font-size: 3rem;\n }\n`\n\nexport default Title\n","import styled from 'styled-components'\n\nconst InnerDiv = styled.div`\n color: var(--colorInverted);\n padding-top: 3rem;\n padding-bottom: 3rem;\n`\n\nexport default InnerDiv\n","import React, { useRef, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { TweenMax, Power3 } from 'gsap'\n\nimport Title from '../css/Title'\nimport InnerDiv from '../css/InnerDiv'\n\nexport default function FunkyTitle({ title }) {\n let funkyTitleText = useRef(null)\n useEffect(() => {\n TweenMax.from(funkyTitleText, { y: 200, ease: Power3.easeIn, duration: 0.3, delay: 0 })\n TweenMax.to(funkyTitleText, { opacity: 1, ease: Power3.easeOut, duration: 0, delay: 0.3 })\n }, [])\n return (\n \n (funkyTitleText = el)}>{title}\n \n )\n}\n\nFunkyTitle.propTypes = {\n title: PropTypes.string\n}\n","import styled from 'styled-components'\n\nconst List = styled.ul`\n list-style-type: disc;\n list-style-position: inside;\n`\n\nexport default List\n","import styled from 'styled-components'\n\nconst RegContent = styled.div`\n width: 80%;\n color: var(--textColor);\n margin: 0 auto;\n transform: skewY(2deg);\n`\n\nexport default RegContent\n","import styled from 'styled-components'\n\nconst Section = styled.section`\n padding: 8rem 0rem 8rem 0rem;\n color: var(--color);\n transform: skewY(-2deg);\n background-color: var(--bgSection);\n @media (max-width: 768px) {\n padding: 4rem 0rem 4rem 0rem;\n }\n`\n\nexport default Section\n","import styled from 'styled-components'\n\nconst Heading = styled.h3`\n font-weight: 600;\n font-size: 1.25rem;\n`\n\nexport default Heading\n","import styled from 'styled-components'\n\nconst Highlights = styled.p`\n text-transform: uppercase;\n font-size: 0.75rem;\n padding-bottom: 0.5rem;\n`\n\nexport default Highlights\n","import styled from 'styled-components'\n\nconst ListItem = styled.li`\n margin-top: 1rem;\n margin-bottom: 1rem;\n`\n\nexport default ListItem\n","import React from 'react'\n// import React, { useEffect, useRef } from 'react'\n// import { TweenMax, Power3 } from 'gsap'\n\nimport RegContent from '../css/RegContent'\nimport List from '../css/List'\nimport Heading from '../css/Heading'\nimport Highlights from '../css/Highlights'\nimport Section from '../css/Section'\nimport ListItem from '../css/ListItem'\n\n// const someCOntent =\n// 'I worked on building chatbots with integrations for brands and on realtime systems for interactive twitter campaigns.'\n\nexport default function WorkExperience() {\n // let listItem = useRef(null)\n // useEffect(() => {\n // TweenMax.from(listItem, { y: 200, ease: Power3.easeIn, duration: 0.3, delay: 0.3 })\n // TweenMax.to(listItem, { opacity: 1, ease: Power3.easeOut, duration: 0, delay: 0.6 })\n // }, [])\n\n return (\n
\n \n \n \n
\n )\n}\n","import React from 'react'\n\nimport Layout from '../components/Layout'\nimport FunkyTitle from '../components/FunkyTitle'\nimport WorkExperience from '../components/WorkExperience'\n\nconst pageTitle = 'My Work'\n\nfunction WorkPage(props) {\n return (\n <>\n \n \n \n )\n}\n\nWorkPage.Layout = Layout\nWorkPage.pageTitle = pageTitle\n\nexport default WorkPage\n"],"sourceRoot":""}