{"version":3,"sources":["FACTS.js","components/Customtypewriter.js","components/Button.js","components/Header.js","icons/GitHub-Mark-Light-32px.png","icons/linkedin-32.png","components/RandomfactContainer.js","App.js","reportWebVitals.js","index.js"],"names":["exports","FACTS","Customtypewriter","props","typeWriterRef","useRef","useEffect","options","strings","typeSpeed","onComplete","self","setDoneWriting","console","log","push","string","typed","Typed","start","destroy","className","doneWriting","ref","el","Button","onClick","action","Header","href","src","RandomFactContainer","useState","currentFact","setFact","getRandomFact","randomElement","Math","floor","random","length","App","introWritten","setIntroWritten","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"8GAAAA,EAAQC,MAAQ,CACZ,+CACA,yDACA,oDACA,kLACA,yBACA,0G,4MCyBaC,EA5BQ,SAACC,GAAW,IAAD,EAC5BC,EAAgBC,iBAAO,MAoB3B,OAnBAC,qBAAU,WACR,IAAIC,EAAU,CACZC,QAAS,GACTC,UAAW,GACXC,WAAY,SAACC,GACRR,EAAMS,iBACPC,QAAQC,IAAI,cAAeH,GAC3BR,EAAMS,oBAIZL,EAAQC,QAAQO,KAAKZ,EAAMa,QAC3B,IAAIC,EAAQ,IAAIC,IAAMd,EAAeG,GAErC,OADAU,EAAME,QACC,WACLF,EAAMG,aAEP,CAACjB,EAAMa,SAGR,wBAAKK,UAAU,oBAAf,0BAA6ClB,EAAMmB,YAAc,cAAgB,MAAjF,yBACE,sBAAMC,IAAK,SAACC,GAAQpB,EAAgBoB,MADtC,KCVWC,G,MAZF,SAACtB,GAEZ,OADAU,QAAQC,IAAI,eAAgBX,GAExB,qBAAKkB,UAAU,yBAAf,SACA,wBAAQK,QAAS,kBAAMvB,EAAMwB,UAA7B,SACKxB,EAAMa,aCiBFY,G,MArBF,SAACzB,GAEZ,OADAU,QAAQC,IAAI,eAAgBX,GAGxB,yBAAQkB,UAAU,SAAlB,UACI,mBAAGQ,KAAK,IAAIR,UAAU,eAAtB,yBAGA,sBAAKA,UAAU,yBAAf,UACI,mBAAGQ,KAAK,kCAAkCR,UAAU,sBAApD,SACI,qBAAKS,ICdV,6kEDgBC,mBAAGD,KAAK,oDAAoDR,UAAU,sBAAtE,SACI,qBAAKS,IEjBV,qoB,OCsBEC,EAjBW,SAAC5B,GAAW,IAAD,EACJ6B,mBAAS,IADL,mBAC5BC,EAD4B,KACfC,EADe,KASnC,OACI,gCACM,cAAC,EAAD,CAAQP,OATlB,SAASQ,IACP,IAAMC,EAAgBnC,QAAMoC,KAAKC,MAAMD,KAAKE,SAAWtC,QAAMuC,SAC7D,GAAIP,IAAgBG,EAClB,OAAOD,IAETD,EAAQE,IAI+BpB,OAAO,iCACtC,cAAC,EAAD,CAAkBA,OAAQiB,QCOzBQ,MAjBf,WAAgB,IAAD,EAC2BT,oBAAS,GADpC,mBACNU,EADM,KACQC,EADR,KAEb,OACE,sBAAKtB,UAAU,MAAf,UACE,cAAC,EAAD,IACA,sBAAKA,UAAU,UAAf,UACA,cAAC,EAAD,CAAkBL,OAAO,qEAAqEM,YAAaoB,EAAc9B,eAAgB,kBAAM+B,GAAgB,MAC9JD,EAAe,cAAC,EAAD,IAA0B,KAC1C,mBAAGb,KAAK,2BAA2BR,UAAU,aAA7C,SACE,cAAC,EAAD,CAAQM,OAAQ,aAAOX,OAAO,+BCJvB4B,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1Bb,M","file":"static/js/main.05510260.chunk.js","sourcesContent":["exports.FACTS = [\r\n    \"I speak Italian, German and English fluently\",\r\n    \"I love to draw, and I'm working on my animation skills\",\r\n    \"I studied Chinese and lived in China for 4 years \",\r\n    \"I like to take pictures, have a look at my <a href='http://photo.weberfelix.com'>gallery <a>:) the code for the gallery <a href='https://github.com/felicianodev'> is here </a>\",\r\n    \"I'm a hacker at heart.\",\r\n    \"You can have a look at the code for this website <a href='https://github.com/felicianodev'> here</a>.\"\r\n]","import React, { useState, useEffect, useRef, useCallback } from 'react';\r\nimport Typed from 'typed.js'\r\n\r\nconst Customtypewriter = (props) => {\r\n    var typeWriterRef = useRef(null)\r\n    useEffect(() => {\r\n      var options = {\r\n        strings: [],\r\n        typeSpeed: 40,\r\n        onComplete: (self) => {\r\n          if(props.setDoneWriting) {\r\n            console.log('DONE TYPING', self);\r\n            props.setDoneWriting();\r\n          }\r\n        }\r\n      }\r\n      options.strings.push(props.string)      \r\n      var typed = new Typed(typeWriterRef, options)\r\n      typed.start()\r\n      return () => {\r\n        typed.destroy()\r\n      };\r\n    }, [props.string])\r\n\r\n    return (\r\n      <div className=\"Customtypewriter\" className={props.doneWriting ? 'hide-cursor' : null}>\r\n        <span ref={(el) => {typeWriterRef = el}}></span>\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  export default Customtypewriter;\r\n  ","import React from 'react';\r\nimport './button.scss';\r\n\r\nconst Button = (props) => {\r\n    console.log('button props', props)\r\n    return (\r\n        <div className=\"pixel-button-container\">\r\n        <button onClick={() => props.action()}>\r\n            {props.string}\r\n        </button>\r\n        </div>\r\n\r\n    );\r\n  }\r\n  \r\n  export default Button;\r\n  ","import React from 'react';\r\nimport './header.scss';\r\nimport GithubLogo from '../icons/GitHub-Mark-Light-32px.png';\r\nimport LinkedinLogo from '../icons/linkedin-32.png'\r\nconst Header = (props) => {\r\n    console.log('button props', props)\r\n    return (\r\n        \r\n        <header className=\"header\">\r\n            <a href=\"/\" className=\"header--logo\">\r\n                Felix Weber\r\n            </a> \r\n            <div className=\"header--external-links\">\r\n                <a href=\"https://github.com/felicianodev\" className=\"header--github-link\">\r\n                    <img src={GithubLogo} />\r\n                </a>\r\n                <a href=\"https://www.linkedin.com/in/felix-weber-49199b133\" className=\"header--github-link\">\r\n                    <img src={LinkedinLogo} />\r\n                </a>\r\n            </div>\r\n        </header>   \r\n\r\n    );\r\n  }\r\n  \r\n  export default Header;\r\n  ","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RERCMUIwOUY4NkNFMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RERCMUIwOUU4NkNFMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTJBOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTJCOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jUqS1wAAApVJREFUeNq0l89rE1EQx3e3gVJoSPzZeNEWPKgHoa0HBak0iHiy/4C3WvDmoZ56qJ7txVsPQu8qlqqHIhRKJZceesmhioQEfxTEtsoSpdJg1u/ABJ7Pmc1m8zLwgWTmzcw3L+/te+tHUeQltONgCkyCi2AEDHLsJ6iBMlgHL8FeoqokoA2j4CloRMmtwTmj7erHBXPgCWhG6a3JNXKdCiDl1cidVbXZkJoXQRi5t5BrxwoY71FzU8S4JuAIqFkJ2+BFSlEh525b/hr3+k/AklDkNsf6wTT4yv46KIMNpsy+iMdMc47HNWxbsgVcUn7FmLAzzoFAWDsBx+wVP6bUpp5ewI+DOeUx0Wd9D8F70BTGNjkWtqnhmT1JQAHcUgZd8Lo3rQb1LAT8eJVUfgGvHQigGp+V2Z0iAUUl8QH47kAA1XioxIo+bRN8OG8F/oBjwv+Z1nJgX5jpdzQDw0LCjsPmrcW7I/iHScCAEDj03FtD8A0EyuChHgg4KTlJQF3wZ7WELppnBX+dBFSVpJsOBWi1qiRgSwnOgoyD5hmuJdkWCVhTgnTvW3AgYIFrSbZGh0UW/Io5Vp+DQoK7o80pztWMemZbgxeNwCNwDbw1fIfgGZjhU6xPaJgBV8BdsMw5cbZoHsenwYFxkZzl83xTSKTiviCAfCsJLysH3POfC8m8NegyGAGfLP/VmGmfSChgXroR0RSWjEFv2J/nG84cuKFMf4sTCZqXuJd4KaXFVjEG3+tw4eXbNK/YC9oXXs3O8NY8y99L4BXY5cvLY/Bb2VZ58EOJVcB18DHJq9lRsKr8inyKGVjlmh29mtHs3AHfuhCwy1vXT/Nu2GKQt+UHsGdctyX6eQyNvc+5sfX9Dl7Pe2J/BRgAl2CpwmrsHR0AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABeUlEQVRYhe2WvUqDMRSGn5QiUqRIhw5SRJycXF1dnUXpWgqC4CCCd+AiXoCIuHVzdXRxFHTwBlpRF5WW0sHBv9ehrX6kibbamKXvdn44eUjOSWIkXQHTxNFNGsgCk5EAmqlIC39qBJD+JvYAVIBXoEioRpVUU68eJRUSOTlP3l9V8x1BxRhz1zWMMQ3gKMQG+ADeHb7n/wQoSsp3DUlZoBQCwNeEU8C5pH3au1EG5kIAGEk1YCZE8T507duBJ2DX8pX4At0BXhKxdSAD7AEnQIP29b4IbAMFfPKM170j76wTe5M0bsWOJc166uckXQ46hoOqbIypugKdEV7BM0VDATDGtH6IV4HTYACSxiQdSKpLupW06ki7CAYAbABrQI52wx1Kylg59ZAAS5adBeYtX7ge6Cxoa8KyXdf70ABc94ntCwrQT+2gAL+uE/1LNgLwvYYZSVuWr/uipYBNScm5ztOrZUnJP8SCa6Ho/4HoRzACSAMtoBlp/dYH7NYeRRsuqbkAAAAASUVORK5CYII=\"","import React, {useState} from 'react';\r\nimport Button from './Button'\r\nimport Customtypewriter from './Customtypewriter'\r\nimport {FACTS} from '../FACTS';\r\n\r\nconst RandomFactContainer = (props) => {\r\n    const [currentFact, setFact] = useState('');\r\n    function getRandomFact() {\r\n      const randomElement = FACTS[Math.floor(Math.random() * FACTS.length)];\r\n      if (currentFact === randomElement) {\r\n        return getRandomFact()\r\n      }\r\n      setFact(randomElement)\r\n    }  \r\n    return (\r\n        <div>\r\n              <Button action={getRandomFact} string=\"learn a random fact about me\" />\r\n              <Customtypewriter string={currentFact} />\r\n        </div>\r\n    );\r\n  }\r\n  \r\n  export default RandomFactContainer;\r\n  ","import React, { useState } from 'react';\nimport './App.css';\nimport Customtypewriter from './components/Customtypewriter';\nimport Button from './components/Button';\nimport Header from './components/Header';\nimport RandomFactContainer from './components/RandomfactContainer';\n\nfunction App() {\n  const [introWritten, setIntroWritten] = useState(false);\n  return (\n    <div className=\"App\">\n      <Header />\n      <div className=\"content\">\n      <Customtypewriter string=\"Hello, World! <br/> I am Felix - I like computers, art and hip hop\" doneWriting={introWritten} setDoneWriting={() => setIntroWritten(true)} />\n      {introWritten ? <RandomFactContainer /> : null}\n      <a href=\"mailto:me@weberfelix.com\" className=\"email-link\">\n        <Button action={()=>{}}string=\"shoot me an email\" />\n      </a>\n      </div>\n\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}