-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 14.7 KB
/
index.html
1
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.3b4913f56eef01431791.css">html body{background-color:#1b1d27;color:#fff}header,html body{font-size:32px;font-family:Inconsolata,monospace}header{color:#ad3758}section{padding-top:.5%;padding-bottom:.5%}.whoami{color:#8be9fd}.whoamiPt2{color:#fff}.typeOut{font-size:20px;display:block;text-align:left;align-content:left;justify-content:left}.bracket{padding-left:18%}a{color:#50fa7b}.vibrate-1{-webkit-animation:vibrate-1 2s linear 1s infinite both;animation:vibrate-1 2s linear 1s infinite both}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.indent_one{padding-left:10%}.indent_one,.indent_one1{display:inline-block;vertical-align:top}.indent_one1{padding-left:15%}.indent_one2{padding-left:20%}.indent_two1{display:inline-block;vertical-align:top;padding-top:4%}.indent_three,.indent_two{padding-left:5%;display:inline-block;vertical-align:top}.circle{position:absolute;border-radius:50%;height:13px;width:13px;top:10px;right:10px}.green{background-color:#0f0;right:50px}.red{background-color:red}.orange{background-color:orange;right:30px}.face{border-radius:75%;height:300px;position:absolute;top:5%;right:5%;display:none;cursor:pointer}@media only screen and (max-width:1080px){.face{height:85px;top:0;right:0}html{font-size:30%}.indent_one{padding-left:0;display:inline-block;flex:left 1;width:30%;font-size:inherit}.inline{font-size:7vw}.project_header{font-size:6vw}.text{font-size:5vw}.indent_two{display:inline-block;width:40%;padding-left:9%}.indent_one1{padding-left:0;width:60%}.text_description{width:40%}.header{font-size:5vw}}.rotate-center{-webkit-animation:rotate-center 1s ease-in-out both;animation:rotate-center 1s ease-in-out both}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.other_components{display:none}.maximize{background-size:contain;color:#0f0;position:absolute;top:8px;right:53px;font-size:12px;font-weight:700;z-index:1;cursor:none}.maximize:hover{color:#000}.minimize{background-size:contain;color:orange;position:absolute;top:3px;right:30px;font-size:20px;z-index:1;cursor:none}.minimize:hover{color:#000}.escape{background-size:contain;color:red;position:absolute;top:9px;right:13px;font-size:12px;font-weight:700;z-index:1;cursor:none}.escape:hover{color:#000}@-webkit-keyframes blinkingText{0%{color:transparent}49%{color:transparent}50%{color:inherit}99%{color:inherit}to{color:inherit}}@keyframes blinkingText{0%{color:transparent}49%{color:transparent}50%{color:inherit}99%{color:inherit}to{color:inherit}}.last{-webkit-animation:blinkingText 1s infinite;animation:blinkingText 1s infinite;font-size:30px}.gif{height:180px;display:none}.roll-in-right{-webkit-animation:roll-in-right .6s ease-out 2s both;animation:roll-in-right .6s ease-out 2s both}@-webkit-keyframes roll-in-right{0%{-webkit-transform:translateX(800px) rotate(540deg);transform:translateX(800px) rotate(540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);opacity:1}}@keyframes roll-in-right{0%{-webkit-transform:translateX(800px) rotate(540deg);transform:translateX(800px) rotate(540deg);opacity:0}to{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);opacity:1}}button{color:#ad3758;font-size:32px;background:none;border:none;cursor:pointer;outline:none}a{text-decoration:none}.javascript{color:#ef7e31;text-shadow:#8a6304 1px 1px}.ruby{color:#f36662;text-shadow:#950d15 1px 1px}.python{color:#ffd846;text-shadow:#386e9c 1px 1px}.inline{display:inline-block;font-family:Cousine,monospace}.smalltext{font-size:10px}.header{font-size:25px;font-style:italic;font-weight:700}.text_description{font-size:15px;width:35vw;padding-left:3%}.project_header{font-size:30px;font-style:italic;padding-left:25%}</style><meta name="generator" content="Gatsby 2.13.73"/><title data-react-helmet="true"></title><link rel="shortcut icon" href="/icons/icon-48x48.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="theme-color" content="#663399"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=31ef6253203b382bacbcf19396d27015"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=31ef6253203b382bacbcf19396d27015"/><link as="script" rel="preload" href="/webpack-runtime-59e1f5c6c60ab75f6bde.js"/><link as="script" rel="preload" href="/app-3a6f43fb6a61a92fcbb4.js"/><link as="script" rel="preload" href="/styles-9bbc437458dc36afd910.js"/><link as="script" rel="preload" href="/2-00529c2be72b4e219083.js"/><link as="script" rel="preload" href="/1-b17fd0bd5b8212517be2.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-0cdec111c9f3b19f0418.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/></head><body><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" role="group" id="gatsby-focus-wrapper"><div class="master"><button class="inline whoami" id="whoami"></button><button class="inline whoamiPt2" id="whoamiPt2"></button><div class="typeOut last inline header2">_</div><section id="splash_wrapper"><div class="indent_one"><div class="typeOut text" id="age"></div><div class="typeOut text" id="location"></div><div class="typeOut text" id="occupation"></div><div class="typeOut text" id="education"></div><div class="typeOut text" id="employer"></div><div class="typeOut text" id="resume"></div></div><div class="indent_two"><div class="typeOut text" id="age2"></div><div class="typeOut text" id="location2"></div><div class="typeOut text" id="occupation2" style="min-width:20vw"></div><div class="typeOut text" id="education2" style="min-width:25vw"></div><div class="typeOut text" id="employer2"></div><div class="typeOut text vibrate-1"><a target="_blank" id="resume2" href="https://docs.google.com/document/d/1BWy0Ld4SdvBhWto_bAA7eHNnJoCiQcjpr_jeGoj12_c/edit?usp=drive_web&ouid=107022645519067348522"></a></div></div><img id="face" src="/static/image-222fa98b7d932f8a490ca93ca105b1a5.png" backgroundColor="transparent" class="face roll-in-right"/></section><div id="other_components" class="other_components"><div class="skills_wrapper"><header class="typewriter"><button class="typewriter inline whoami" id="skills"></button><button class="typewriter inline whoamiPt2" id="skillsPt2"></button></header><section id="skills_wrapper" class="skills_body"><div class="indent_one"><div class="typeOut text header" id="languages"></div><div class="typeOut text javascript" id="languages1"></div><div class="typeOut text ruby" id="languages2"></div><div class="typeOut text python" id="languages3"></div><div class="typeOut text" id="languages4"></div><div class="typeOut text" id="languages5"></div><div class="typeOut text" id="languages6"></div><div class="typeOut text" id="languages7"></div></div><div class="indent_two"><div class="typeOut text header" id="frameworks"></div><div class="typeOut text javascript" id="frameworks1"></div><div class="typeOut text ruby" id="frameworks2"></div><div class="typeOut text python" id="frameworks3"></div><div class="typeOut text javascript" id="frameworks4"></div><div class="typeOut text javascript" id="frameworks5"></div><div class="typeOut text javascript" id="frameworks6"></div></div><div class="indent_three"><div class="typeOut text header" id="other"></div><div class="typeOut text" id="other1"></div><div class="typeOut text" id="other2"></div><div class="typeOut text" id="other3"></div><div class="typeOut text" id="other5"></div><div class="typeOut text" id="other6"></div><div class="typeOut text" id="other7"></div><div class="typeOut text" id="other8"></div><div class="typeOut text javascript" id="other4"></div></div></section></div><div class="projects_wrapper"><header class="typewriter"><button class="typewriter inline whoami" id="projects"></button><button class="typewriter inline whoamiPt2" id="projectsPt2"></button></header><section id="projects_wrapper"><div class="typeOut indent_one1 project_header" id="polaris"></div><br/><div class="indent_one1"><img class="gif typeOut" src="/static/polaris-a30dd7ca37f65a416af40ca652ef011e.gif" id="polaris1"/></div><div class="indent_two1"><div class="typeOut text_description" id="polaris2"></div></div><br/> <a target="_blank" class="typeOut indent_one1 project_header" id="hungr" href="https://hung3r.herokuapp.com/#/"></a><br/><a target="_blank" class="indent_one1" href="https://hung3r.herokuapp.com/#/"><img class="gif" src="/static/hungr-1c6b40d5a430f8500557bc1fc0c40e42.gif" id="hungr1"/></a><div class="indent_two1"><a target="_blank" href="https://github.com/drkdi/hungr" class="typeOut text_description " id="hungr2"></a><div class="typeOut text_description " id="hungr3"></div></div><br/><a target="_blank" class="typeOut project_header indent_one1" id="loud_tetris" href="https://derekdai.com/LoudTetris/"></a><br/><a target="_blank" class="indent_one1" href="https://derekdai.com/LoudTetris/"><img class="gif" src="/static/tetris-972ae727bf4a36570f16f5269b93ad68.gif" id="loud_tetris1"/></a><div class="indent_two1"><a target="_blank" href="https://github.com/drkdi/LoudTetris" class="typeOut text_description " id="loud_tetris2"></a><div class="typeOut text_description" id="loud_tetris3"></div></div><br/><div class="typeOut project_header indent_one1" id="projects_other"></div><br/><div class="indent_one1 indent_one2 typeOut text"><a target="_blank" id="projects_other1" href="http://boyandtiger.herokuapp.com" class="inline"></a><a target="_blank" href="https://github.com/maggiecs/BoyAndTiger/" class="typeOut text_description" id="projects_other5"></a><div class="typeOut text_description " id="projects_other3"></div><br/><a target="_blank" id="projects_other2" href="https://pokedex-hacker.herokuapp.com/" class="inline"></a><a target="_blank" href="https://github.com/christineychan/pokedexHacker" class="typeOut text_description inline" id="projects_other6"></a><div class="typeOut text_description " id="projects_other4"></div></div></section></div><div class="fun_wrapper"><header class="typewriter"><button class="typewriter inline whoami" id="fun"></button><button class="typewriter inline whoamiPt2" id="funPt2"></button></header><section id="fun_wrapper"><div class="indent_one"><div class="typeOut text" id="pics"></div><div class="typeOut text" id="tunes"></div><div class="typeOut text" id="movies"></div><div class="typeOut text" id="books"></div><div class="typeOut text" id="etc"></div></div><div class="indent_two"><div class="typeOut text"><a id="pics2" href="https://www.instagram.com/d.erk/?hl=en"></a></div><div class="typeOut text"><a id="tunes2" href="https://open.spotify.com/user/darkxradiance?si=XNn9PeaaTWSLKhljhXmtCQ"></a></div><div class="typeOut text" id="movies2" style="min-width:40vw"></div><div class="typeOut text" id="books2" style="min-width:40vw"></div><div class="typeOut text"><a id="etc2" href="https://www.instagram.com/p/zA2VWty0qa/"></a></div></div></section></div><div class="master"><header class="typewriter"><button class="typewriter inline whoami" id="contact"></button><button class="typewriter inline whoamiPt2" id="contactPt2"></button></header><section id="contact_wrapper"><div class="indent_one"><div class="typeOut text" id="github"></div><div class="typeOut text" id="email"></div><div class="typeOut text" id="linkedin"></div><div class="typeOut text" id="contact_resume"></div></div><div class="indent_two"><div class="typeOut text"><a target="_blank" id="github2" href="https://github.com/drkdi/"></a></div><div class="typeOut text"><a target="_blank" id="email2" href="mailto:derekodai@gmail.com"></a></div><div class="typeOut text"><a target="_blank" id="linkedin2" href="http://linkedin.com/in/daiderek/"></a></div><div class="typeOut text vibrate-1"><a target="_blank" id="contact_resume2" href="https://docs.google.com/document/d/1BWy0Ld4SdvBhWto_bAA7eHNnJoCiQcjpr_jeGoj12_c/edit?usp=drive_web&ouid=107022645519067348522"></a></div></div></section></div></div><div class="circle green"> </div><div class="maximize">x</div><div class="circle orange"></div><div class="minimize">-</div><div class="circle red"></div><div class="escape">?</div><br/></div></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";window.webpackCompilationHash="7860e883e30e10925c97";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-3a6f43fb6a61a92fcbb4.js"],"component---src-pages-404-js":["/component---src-pages-404-js-ac15eb9ed3d1cb05a664.js"],"component---src-pages-index-js":["/component---src-pages-index-js-0cdec111c9f3b19f0418.js"],"component---src-pages-page-2-js":["/component---src-pages-page-2-js-c374e0ec4d712bdb3c8d.js"]};/*]]>*/</script><script src="/component---src-pages-index-js-0cdec111c9f3b19f0418.js" async=""></script><script src="/1-b17fd0bd5b8212517be2.js" async=""></script><script src="/2-00529c2be72b4e219083.js" async=""></script><script src="/styles-9bbc437458dc36afd910.js" async=""></script><script src="/app-3a6f43fb6a61a92fcbb4.js" async=""></script><script src="/webpack-runtime-59e1f5c6c60ab75f6bde.js" async=""></script></body></html>