1-00314ac1ca55f28fe356.js.map

{"version":3,"sources":["webpack:///./.cache/gatsby-browser-entry.js","webpack:///./src/components/seo.js","webpack:///./src/components/Skills.js","webpack:///./src/components/Projects.js","webpack:///./src/components/Fun.js","webpack:///./src/components/Contact.js","webpack:///./src/components/Splash.js","webpack:///./src/components/layout.js","webpack:///./.cache/public-page-renderer.js","webpack:///./.cache/public-page-renderer-prod.js","webpack:///./src/components/hungr.gif","webpack:///./src/components/tetris.gif","webpack:///./src/components/polaris.gif","webpack:///./src/components/image.png"],"names":["react__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","react__WEBPACK_IMPORTED_MODULE_0___default","n","gatsby_link__WEBPACK_IMPORTED_MODULE_1__","gatsby_link__WEBPACK_IMPORTED_MODULE_1___default","d","__webpack_exports__","a","loader","enqueue","React","createContext","SEO","_ref","description","lang","meta","title","site","_public_static_d_2417117884_json__WEBPACK_IMPORTED_MODULE_0__","data","metaDescription","siteMetadata","react__WEBPACK_IMPORTED_MODULE_1___default","createElement","react_helmet__WEBPACK_IMPORTED_MODULE_2___default","htmlAttributes","titleTemplate","name","content","property","author","concat","defaultProps","Skills","props","_this","_React$Component","call","this","constructor","state","open","skills_terminal_done","skills_text_complete","languages_done","frameworks_done","other_done","handleButton","bind","_assertThisInitialized","componentDidMount","_this2","window","setTimeout","typewriterHelper","idName","text","timer","delay","_this3","html_object","document","getElementById","split","forEach","innerHTML","shift","length","setState","Math","random","e","preventDefault","style","display","render","react_default","className","id","onClick","Component","Projects","projects_terminal_done","projects_text_complete","polaris_done","hungr_done","loud_tetris_done","Projects_assertThisInitialized","src","Polaris","target","href","Hungr","Tetris","Fun","fun_terminal_done","fun_text_complete","pics_done","tunes_done","movies_done","books_done","etc_done","Fun_assertThisInitialized","minWidth","Contact","contact_terminal_done","contact_text_complete","github_done","email_done","linkedin_done","resume_done","Contact_assertThisInitialized","LandingPage","whoami_done","whoami_terminal_done","whoami_text_complete","age_done","location_done","occupation_done","employer_done","education_done","rotated","Splash_assertThisInitialized","countAge","age","setInterval","innerText","rotateMe","Image","backgroundColor","class","src_components_Skills","src_components_Projects","src_components_Fun","components_Contact","Layout","children","Fragment","components_Splash","m","module","exports","require","default","ProdPageRenderer","location","pageResources","InternalPageRenderer","Object","assign","json","p"],"mappings":"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","file":"1-00314ac1ca55f28fe356.js","sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Link, {\n  withPrefix,\n  withAssetPrefix,\n  navigate,\n  push,\n  replace,\n  navigateTo,\n  parsePath,\n} from \"gatsby-link\"\nimport PageRenderer from \"./public-page-renderer\"\nimport loader from \"./loader\"\n\nconst prefetchPathname = loader.enqueue\n\nconst StaticQueryContext = React.createContext({})\n\nfunction StaticQueryDataRenderer({ staticQueryData, data, query, render }) {\n  const finalData = data\n    ? data.data\n    : staticQueryData[query] && staticQueryData[query].data\n\n  return (\n    <React.Fragment>\n      {finalData && render(finalData)}\n      {!finalData && <div>Loading (StaticQuery)</div>}\n    </React.Fragment>\n  )\n}\n\nconst StaticQuery = props => {\n  const { data, query, render, children } = props\n\n  return (\n    <StaticQueryContext.Consumer>\n      {staticQueryData => (\n        <StaticQueryDataRenderer\n          data={data}\n          query={query}\n          render={render || children}\n          staticQueryData={staticQueryData}\n        />\n      )}\n    </StaticQueryContext.Consumer>\n  )\n}\n\nconst useStaticQuery = query => {\n  if (\n    typeof React.useContext !== `function` &&\n    process.env.NODE_ENV === `development`\n  ) {\n    throw new Error(\n      `You're likely using a version of React that doesn't support Hooks\\n` +\n        `Please update React and ReactDOM to 16.8.0 or later to use the useStaticQuery hook.`\n    )\n  }\n  const context = React.useContext(StaticQueryContext)\n  if (context[query] && context[query].data) {\n    return context[query].data\n  } else {\n    throw new Error(\n      `The result of this StaticQuery could not be fetched.\\n\\n` +\n        `This is likely a bug in Gatsby and if refreshing the page does not fix it, ` +\n        `please open an issue in https://github.com/gatsbyjs/gatsby/issues`\n    )\n  }\n}\n\nStaticQuery.propTypes = {\n  data: PropTypes.object,\n  query: PropTypes.string.isRequired,\n  render: PropTypes.func,\n  children: PropTypes.func,\n}\n\nfunction graphql() {\n  throw new Error(\n    `It appears like Gatsby is misconfigured. Gatsby related \\`graphql\\` calls ` +\n      `are supposed to only be evaluated at compile time, and then compiled away. ` +\n      `Unfortunately, something went wrong and the query was left in the compiled code.\\n\\n` +\n      `Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.`\n  )\n}\n\nexport {\n  Link,\n  withAssetPrefix,\n  withPrefix,\n  graphql,\n  parsePath,\n  navigate,\n  push, // TODO replace for v3\n  replace, // TODO remove replace for v3\n  navigateTo, // TODO: remove navigateTo for v3\n  StaticQueryContext,\n  StaticQuery,\n  PageRenderer,\n  useStaticQuery,\n  prefetchPathname,\n}\n","/**\n * SEO component that queries for data with\n *  Gatsby's useStaticQuery React hook\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport Helmet from \"react-helmet\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nfunction SEO({ description, lang, meta, title }) {\n  const { site } = useStaticQuery(\n    graphql`\n      query {\n        site {\n          siteMetadata {\n            title\n            description\n            author\n          }\n        }\n      }\n    `\n  )\n\n  const metaDescription = description || site.siteMetadata.description\n\n  return (\n    <Helmet\n      htmlAttributes={{\n        lang,\n      }}\n      title={title}\n      titleTemplate={`%s | ${site.siteMetadata.title}`}\n      meta={[\n        {\n          name: `description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:title`,\n          content: title,\n        },\n        {\n          property: `og:description`,\n          content: metaDescription,\n        },\n        {\n          property: `og:type`,\n          content: `website`,\n        },\n        {\n          name: `twitter:card`,\n          content: `summary`,\n        },\n        {\n          name: `twitter:creator`,\n          content: site.siteMetadata.author,\n        },\n        {\n          name: `twitter:title`,\n          content: title,\n        },\n        {\n          name: `twitter:description`,\n          content: metaDescription,\n        },\n      ].concat(meta)}\n    />\n  )\n}\n\nSEO.defaultProps = {\n  lang: `en`,\n  meta: [],\n  description: ``,\n}\n\nSEO.propTypes = {\n  description: PropTypes.string,\n  lang: PropTypes.string,\n  meta: PropTypes.arrayOf(PropTypes.object),\n  title: PropTypes.string.isRequired,\n}\n\nexport default SEO\n","import React from \"react\"\nimport \"./Skills.css\"\n\nclass Skills extends React.Component {\n  constructor(props) {\n    super(constructor)\n    this.state = {\n      open: true,\n      skills_terminal_done: false,\n      skills_text_complete: false,\n      languages_done: false,\n      frameworks_done: false,\n      other_done: false,\n    }\n    this.handleButton = this.handleButton.bind(this)\n  }\n\n  componentDidMount() {\n    window.setTimeout(() => {\n      this.typewriterHelper(\"skills\", \"DEREK@DAI:$\", 100)\n    }, 2500)\n  }\n\n  typewriterHelper(idName, text, timer, delay = 0) {\n    window.setTimeout(() => {\n      let html_object = document.getElementById(idName)\n      text = text.split(\"\")\n\n      text.forEach(() => {\n        window.setTimeout(() => {\n          html_object.innerHTML += text.shift()\n          if (text.length === 0) {\n            window.setTimeout(() => {\n              this.setState({ skills_terminal_done: true })\n            }, 150)\n          }\n          if ((idName = \"languages\" && text.length === 0)) {\n            this.setState({ languages_done: true })\n          }\n          if ((idName = \"frameworks\" && text.length === 0)) {\n            this.setState({ frameworks_done: true })\n          }\n          if ((idName = \"other\" && text.length === 0)) {\n            this.setState({ other_done: true })\n          }\n        }, timer)\n        timer += Math.random() * 100 + 100\n      })\n    }, delay)\n  }\n\n  handleButton(e) {\n    e.preventDefault()\n    if (this.state.open) {\n      document.getElementById(\"skills_wrapper\").style.display = \"none\"\n      this.setState({ open: false })\n    } else {\n      document.getElementById(\"skills_wrapper\").style.display = \"block\"\n      this.setState({ open: true })\n    }\n  }\n\n  render() {\n    if (this.state.skills_terminal_done) {\n      if (this.state.skills_text_complete === false) {\n        this.typewriterHelper(\"skillsPt2\", \"skills\", 100)\n\n        this.typewriterHelper(\"languages\", \"## LANGUAGES\", 100)\n        this.typewriterHelper(\"frameworks\", \"## FRAMEWORKS\", 100, 1500)\n        this.typewriterHelper(\"other\", \"## OTHER\", 100, 2800)\n\n        if (this.state.languages_done === true) {\n          this.typewriterHelper(\"languages1\", \"~ JavaScript\", 100)\n          this.typewriterHelper(\"languages2\", \"~ Ruby\", 100)\n          this.typewriterHelper(\"languages3\", \"~ Python\", 100)\n          this.typewriterHelper(\"languages4\", \"~ Java\", 100)\n          this.typewriterHelper(\"languages5\", \"~ HTML\", 100)\n          this.typewriterHelper(\"languages6\", \"~ CSS\", 100)\n          this.typewriterHelper(\"languages7\", \"~ SQL\", 100)\n        }\n\n        if (this.state.frameworks_done === true) {\n          this.typewriterHelper(\"frameworks1\", \"~ React / Redux\", 100, 1500)\n          this.typewriterHelper(\"frameworks2\", \"~ Ruby on Rails\", 100, 1500)\n          this.typewriterHelper(\"frameworks3\", \"~ Python Flask\", 100, 1500)\n          this.typewriterHelper(\"frameworks4\", \"~ Express.js\", 100, 1500)\n          this.typewriterHelper(\"frameworks5\", \"~ Node.js\", 100, 1500)\n          this.typewriterHelper(\"frameworks6\", \"~ Gatsby.js\", 100, 1500)\n        }\n        if (this.state.other_done === true) {\n          this.typewriterHelper(\"other1\", \"~ PostgreSQL\", 100, 2800)\n          this.typewriterHelper(\"other2\", \"~ MongoDB\", 100, 2800)\n          this.typewriterHelper(\"other3\", \"~ Elasticsearch\", 100, 2800)\n          this.typewriterHelper(\"other4\", \"~ D3.js\", 100, 2800)\n          this.typewriterHelper(\"other5\", \"~ AWS\", 100, 2800)\n          this.typewriterHelper(\"other6\", \"~ Git\", 100, 2800)\n          this.typewriterHelper(\"other7\", \"~ Celery\", 100, 2800)\n          this.typewriterHelper(\"other8\", \"~ Redis\", 100, 2800)\n        }\n        this.setState({ skills_text_complete: true })\n      }\n    }\n\n    return (\n      <div className=\"skills_wrapper\">\n        <header className=\"typewriter\">\n          <button\n            className=\"typewriter inline whoami\"\n            id=\"skills\"\n            onClick={this.handleButton}\n          />\n          <button\n            className=\"typewriter inline whoamiPt2\"\n            id=\"skillsPt2\"\n            onClick={this.handleButton}\n          />\n        </header>\n        <section id=\"skills_wrapper\" className=\"skills_body\">\n          {/* languages*/}\n          <div className=\"indent_one\">\n            <div className=\"typeOut text header\" id=\"languages\" />\n            <div className=\"typeOut text javascript\" id=\"languages1\" />\n            <div className=\"typeOut text ruby\" id=\"languages2\" />\n            <div className=\"typeOut text python\" id=\"languages3\" />\n            <div className=\"typeOut text\" id=\"languages4\" />\n            <div className=\"typeOut text\" id=\"languages5\" />\n            <div className=\"typeOut text\" id=\"languages6\" />\n            <div className=\"typeOut text\" id=\"languages7\" />\n          </div>\n\n          {/* frameworks */}\n\n          <div className=\"indent_two\">\n            <div className=\"typeOut text header\" id=\"frameworks\" />\n            <div className=\"typeOut text javascript\" id=\"frameworks1\" />\n            <div className=\"typeOut text ruby\" id=\"frameworks2\" />\n            <div className=\"typeOut text python\" id=\"frameworks3\" />\n            <div className=\"typeOut text javascript\" id=\"frameworks4\" />\n            <div className=\"typeOut text javascript\" id=\"frameworks5\" />\n            <div className=\"typeOut text javascript\" id=\"frameworks6\" />\n          </div>\n\n          {/* other */}\n          <div className=\"indent_three\">\n            <div className=\"typeOut text header\" id=\"other\" />\n            <div className=\"typeOut text\" id=\"other1\" />\n            <div className=\"typeOut text\" id=\"other2\" />\n            <div className=\"typeOut text\" id=\"other3\" />\n            <div className=\"typeOut text\" id=\"other5\" />\n            <div className=\"typeOut text\" id=\"other6\" />\n            <div className=\"typeOut text\" id=\"other7\" />\n            <div className=\"typeOut text\" id=\"other8\" />\n            <div className=\"typeOut text javascript\" id=\"other4\" />\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\nexport default Skills\n","import React from \"react\"\nimport \"./Projects.css\"\nimport Hungr from \"./hungr.gif\"\nimport Tetris from \"./tetris.gif\"\nimport Polaris from \"./polaris.gif\"\n\nclass Projects extends React.Component {\n  constructor(props) {\n    super(constructor)\n    this.state = {\n      open: true,\n      projects_terminal_done: false,\n      projects_text_complete: false,\n      polaris_done: false,\n      hungr_done: false,\n      loud_tetris_done: false,\n      other_done: false,\n    }\n    this.handleButton = this.handleButton.bind(this)\n  }\n\n  componentDidMount() {\n    window.setTimeout(() => {\n      this.typewriterHelper(\"projects\", \"DEREK@DAI:$\", 100)\n    }, 4000)\n  }\n\n  typewriterHelper(idName, text, timer, delay = 0) {\n    window.setTimeout(() => {\n      let html_object = document.getElementById(idName)\n      text = text.split(\"\")\n\n      text.forEach(() => {\n        window.setTimeout(() => {\n          html_object.innerHTML += text.shift()\n          if (text.length === 0) {\n            window.setTimeout(() => {\n              this.setState({ projects_terminal_done: true })\n            }, 1000)\n          }\n          if ((idName = \"polaris\" && text.length === 0)) {\n            this.setState({ polaris_done: true })\n          }\n          if ((idName = \"hungr\" && text.length === 0)) {\n            this.setState({ hungr_done: true })\n          }\n          if ((idName = \"loud_tetris\" && text.length === 0)) {\n            this.setState({ loud_tetris_done: true })\n          }\n          if ((idName = \"other\" && text.length === 0)) {\n            this.setState({ other_done: true })\n          }\n        }, timer)\n\n        if (\n          idName === \"polaris2\" ||\n          idName === \"hungr2\" ||\n          idName === \"loud_tetris2\" ||\n          idName === \"other2\"\n        ) {\n          timer = timer + 15\n        } else {\n          timer += Math.random() * 100 + 30\n        }\n      })\n    }, delay)\n  }\n\n  handleButton(e) {\n    e.preventDefault()\n    if (this.state.open) {\n      document.getElementById(\"projects_wrapper\").style.display = \"none\"\n      this.setState({ open: false })\n    } else {\n      document.getElementById(\"projects_wrapper\").style.display = \"block\"\n      this.setState({ open: true })\n    }\n  }\n\n  render() {\n    if (this.state.projects_terminal_done) {\n      if (this.state.projects_text_complete === false) {\n        this.typewriterHelper(\"projectsPt2\", \"projects\", 100)\n\n        this.typewriterHelper(\"polaris\", \"POLARIS\", 100)\n        this.typewriterHelper(\"hungr\", \"> HUNGR <\", 100)\n        this.typewriterHelper(\"loud_tetris\", \"> LOUD_TETRIS <\", 100)\n        this.typewriterHelper(\"projects_other\", \"OTHER\", 100)\n\n        if (this.state.polaris_done === true) {\n          // this.typewriterHelper(\"polaris1\", \"image_here\", 100);\n          document.getElementById(\"polaris1\").style.display = \"block\"\n          this.typewriterHelper(\n            \"polaris2\",\n            `\"Production startup clinical trial search engine and patient data visualizer to connect healthcare professionals and patients with meaningful data\"`,\n            10\n          )\n        }\n        if (this.state.hungr_done === true) {\n          // this.typewriterHelper(\"hungr1\", \"image_here\", 100);\n          document.getElementById(\"hungr1\").style.display = \"block\"\n          this.typewriterHelper(\"hungr2\", `Github`, 10)\n          this.typewriterHelper(\n            \"hungr3\",\n            `\"Blogging single page full stack web app about food, inspired by Tumblr, built with React / Redux, Ruby on Rails, PostgreSQL, and AWS\"`,\n            10\n          )\n        }\n        if (this.state.loud_tetris_done === true) {\n          // this.typewriterHelper(\"loud_tetris1\", \"image_here\", 100);\n          document.getElementById(\"loud_tetris1\").style.display = \"block\"\n          this.typewriterHelper(\"loud_tetris2\", `Github`, 10)\n          this.typewriterHelper(\n            \"loud_tetris3\",\n            `\"Tetris, but loud, and played with your  V O I C E. Built with Web Speech API and vanilla JavaScript\"`,\n            10\n          )\n        }\n        if (this.state.other_done === true) {\n          this.typewriterHelper(\"projects_other1\", \"boy_and_tiger\", 100)\n          this.typewriterHelper(\"projects_other5\", `Github`, 10)\n          this.typewriterHelper(\n            \"projects_other3\",\n            `\"Calvin and Hobbes comic book viewer built with MERN stack\"`,\n            10\n          )\n          this.typewriterHelper(\"projects_other6\", `Github`, 10)\n\n          this.typewriterHelper(\"projects_other2\", \"pokedex_hacker\", 100)\n          this.typewriterHelper(\n            \"projects_other4\",\n            `\"App to identify effective counter types to a pokemon\"`,\n            10\n          )\n        }\n        this.setState({ projects_text_complete: true })\n      }\n    }\n    // polaris_done: false,\n    //    hungr_done: false,\n    //       loud_tetris_done: false,\n    //          other_done: false\n\n    return (\n      <div className=\"projects_wrapper\">\n        <header className=\"typewriter\">\n          <button\n            className=\"typewriter inline whoami\"\n            id=\"projects\"\n            onClick={this.handleButton}\n          />\n          <button\n            className=\"typewriter inline whoamiPt2\"\n            id=\"projectsPt2\"\n            onClick={this.handleButton}\n          />\n        </header>\n\n        <section id=\"projects_wrapper\">\n          {/* ---------- Polaris -------------- */}\n          <div className=\"typeOut indent_one1 project_header\" id=\"polaris\" />\n          <br />\n          <div className=\"indent_one1\">\n            {/* <div className=\"typeOut text \" id=\"polaris1\" /> */}\n            <img className=\"gif typeOut\" src={Polaris} id=\"polaris1\" />\n          </div>\n          <div className=\"indent_two1\">\n            <div className=\"typeOut text_description\" id=\"polaris2\" />\n          </div>\n          <br />\n          {/* ---------- Hungr -------------- */}{\" \"}\n          <a\n            target=\"_blank\"\n            className=\"typeOut indent_one1 project_header\"\n            id=\"hungr\"\n            href=\"https://hung3r.herokuapp.com/#/\"\n          />\n          <br />\n          <a\n            target=\"_blank\"\n            className=\"indent_one1\"\n            href=\"https://hung3r.herokuapp.com/#/\"\n          >\n            {/* <div className=\"typeOut text \" id=\"hungr1\" /> */}\n            <img className=\"gif\" src={Hungr} id=\"hungr1\" />\n          </a>\n          <div className=\"indent_two1\">\n            <a\n              target=\"_blank\"\n              href=\"https://github.com/drkdi/hungr\"\n              className=\"typeOut text_description \"\n              id=\"hungr2\"\n            />\n            <div className=\"typeOut text_description \" id=\"hungr3\" />\n          </div>\n          <br />\n          {/* ---------- Loud Tetris -------------- */}\n          <a\n            target=\"_blank\"\n            className=\"typeOut project_header indent_one1\"\n            id=\"loud_tetris\"\n            href=\"https://derekdai.com/LoudTetris/\"\n          />\n          <br />\n          <a\n            target=\"_blank\"\n            className=\"indent_one1\"\n            href=\"https://derekdai.com/LoudTetris/\"\n          >\n            {/* <div className=\"typeOut text\" id=\"loud_tetris1\" /> */}\n            <img className=\"gif\" src={Tetris} id=\"loud_tetris1\" />\n          </a>\n          <div className=\"indent_two1\">\n            <a\n              target=\"_blank\"\n              href=\"https://github.com/drkdi/LoudTetris\"\n              className=\"typeOut text_description \"\n              id=\"loud_tetris2\"\n            />\n\n            <div className=\"typeOut text_description\" id=\"loud_tetris3\" />\n          </div>\n          <br />\n          {/* ---------- Other -------------- */}\n          <div\n            className=\"typeOut project_header indent_one1\"\n            id=\"projects_other\"\n          />\n          <br />\n          <div className=\"indent_one1 indent_one2 typeOut text\">\n            <a\n              target=\"_blank\"\n              id=\"projects_other1\"\n              href=\"http://boyandtiger.herokuapp.com\"\n              className=\"inline\"\n            />\n            <a\n              target=\"_blank\"\n              href=\"https://github.com/maggiecs/BoyAndTiger/\"\n              className=\"typeOut text_description\"\n              id=\"projects_other5\"\n            />\n            <div className=\"typeOut text_description \" id=\"projects_other3\" />\n\n            <br />\n            <a\n              target=\"_blank\"\n              id=\"projects_other2\"\n              href=\"https://pokedex-hacker.herokuapp.com/\"\n              className=\"inline\"\n            />\n            <a\n              target=\"_blank\"\n              href=\"https://github.com/christineychan/pokedexHacker\"\n              className=\"typeOut text_description inline\"\n              id=\"projects_other6\"\n            />\n            <div className=\"typeOut text_description \" id=\"projects_other4\" />\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\nexport default Projects\n","import React from \"react\"\nimport \"./Fun.css\"\n\nclass Fun extends React.Component {\n  constructor(props) {\n    super(constructor)\n    this.state = {\n      open: true,\n      fun_terminal_done: false,\n      fun_text_complete: false,\n      pics_done: false,\n      tunes_done: false,\n      movies_done: false,\n      books_done: false,\n      etc_done: false,\n    }\n    this.handleButton = this.handleButton.bind(this)\n  }\n\n  componentDidMount() {\n    window.setTimeout(() => {\n      this.typewriterHelper(\"fun\", \"DEREK@DAI:$\", 100)\n    }, 5000)\n  }\n\n  typewriterHelper(idName, text, timer) {\n    let html_object = document.getElementById(idName)\n    text = text.split(\"\")\n\n    text.forEach(() => {\n      window.setTimeout(() => {\n        html_object.innerHTML += text.shift()\n        if (text.length === 0) {\n          window.setTimeout(() => {\n            this.setState({ fun_terminal_done: true })\n          }, 150)\n        }\n        if ((idName = \"pics\" && text.length === 0)) {\n          this.setState({ pics_done: true })\n        }\n        if ((idName = \"tunes\" && text.length === 0)) {\n          this.setState({ tunes_done: true })\n        }\n        if ((idName = \"movies\" && text.length === 0)) {\n          this.setState({ movies_done: true })\n        }\n        if ((idName = \"books\" && text.length === 0)) {\n          this.setState({ books_done: true })\n        }\n        if ((idName = \"etc\" && text.length === 0)) {\n          this.setState({ etc_done: true })\n        }\n      }, timer)\n      timer += Math.random() * 100 + 30\n    })\n  }\n\n  handleButton(e) {\n    e.preventDefault()\n    if (this.state.open) {\n      document.getElementById(\"fun_wrapper\").style.display = \"none\"\n      this.setState({ open: false })\n    } else {\n      document.getElementById(\"fun_wrapper\").style.display = \"block\"\n      this.setState({ open: true })\n    }\n  }\n\n  render() {\n    if (this.state.fun_terminal_done) {\n      if (this.state.fun_text_complete === false) {\n        this.typewriterHelper(\"funPt2\", \"fun\", 100)\n\n        this.typewriterHelper(\"pics\", \"PICS:\", 100)\n        this.typewriterHelper(\"tunes\", \"TUNES:\", 100)\n        this.typewriterHelper(\"movies\", \"MOVIES:\", 100)\n        this.typewriterHelper(\"books\", \"BOOKS:\", 100)\n        this.typewriterHelper(\"etc\", \"ETC:\", 100)\n\n        if (this.state.pics_done === true) {\n          // this.typewriterHelper(\"age2\", \"12\", 300);\n          this.typewriterHelper(\"pics2\", \"@derk\", 100)\n        }\n        if (this.state.tunes_done === true) {\n          this.typewriterHelper(\"tunes2\", \"@derek_dai\", 100)\n        }\n        if (this.state.movies_done === true) {\n          this.typewriterHelper(\n            \"movies2\",\n            \"[“Blade Runner 2049”, “In The Mood For Love”, “Zima Blue”]\",\n            100\n          )\n        }\n        if (this.state.books_done === true) {\n          this.typewriterHelper(\n            \"books2\",\n            \"[“The Count of Monte Cristo”, “Frankenstein”, “The Stranger”]\",\n            100\n          )\n        }\n        if (this.state.etc_done === true) {\n          this.typewriterHelper(\"etc2\", \"FAT_CATS\", 100)\n        }\n        this.setState({ fun_text_complete: true })\n      }\n    }\n    return (\n      <div className=\"fun_wrapper\">\n        <header className=\"typewriter\">\n          <button\n            className=\"typewriter inline whoami\"\n            id=\"fun\"\n            onClick={this.handleButton}\n          />\n          <button\n            className=\"typewriter inline whoamiPt2\"\n            id=\"funPt2\"\n            onClick={this.handleButton}\n          />\n        </header>\n        <section id=\"fun_wrapper\">\n          <div className=\"indent_one\">\n            <div className=\"typeOut text\" id=\"pics\" />\n            <div className=\"typeOut text\" id=\"tunes\" />\n            <div className=\"typeOut text\" id=\"movies\" />\n            <div className=\"typeOut text\" id=\"books\" />\n            <div className=\"typeOut text\" id=\"etc\" />\n          </div>\n\n          <div className=\"indent_two\">\n            <div className=\"typeOut text\">\n              <a id=\"pics2\" href=\"https://www.instagram.com/d.erk/?hl=en\" />\n            </div>\n            <div className=\"typeOut text\">\n              <a\n                id=\"tunes2\"\n                href=\"https://open.spotify.com/user/darkxradiance?si=XNn9PeaaTWSLKhljhXmtCQ\"\n              />\n            </div>\n            <div\n              className=\"typeOut text\"\n              id=\"movies2\"\n              style={{ minWidth: \"40vw\" }}\n            />\n            <div\n              className=\"typeOut text\"\n              id=\"books2\"\n              style={{ minWidth: \"40vw\" }}\n            />\n            <div className=\"typeOut text\">\n              <a id=\"etc2\" href=\"https://www.instagram.com/p/zA2VWty0qa/\" />\n            </div>\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\nexport default Fun\n","import React from \"react\"\n\nclass Contact extends React.Component {\n  constructor(props) {\n    super(constructor)\n    this.state = {\n      open: true,\n      contact_terminal_done: false,\n      contact_text_complete: false,\n      github_done: false,\n      email_done: false,\n      linkedin_done: false,\n      resume_done: false,\n    }\n    this.handleButton = this.handleButton.bind(this)\n  }\n\n  componentDidMount() {\n    window.setTimeout(() => {\n      this.typewriterHelper(\"contact\", \"DEREK@DAI:$\", 100)\n    }, 6000)\n  }\n\n  typewriterHelper(idName, text, timer) {\n    let html_object = document.getElementById(idName)\n    text = text.split(\"\")\n\n    text.forEach(() => {\n      window.setTimeout(() => {\n        html_object.innerHTML += text.shift()\n        if (text.length === 0) {\n          window.setTimeout(() => {\n            this.setState({ contact_terminal_done: true })\n          }, 150)\n        }\n        if ((idName = \"github\" && text.length === 0)) {\n          this.setState({ github_done: true })\n        }\n        if ((idName = \"email\" && text.length === 0)) {\n          this.setState({ email_done: true })\n        }\n        if ((idName = \"linkedin\" && text.length === 0)) {\n          this.setState({ linkedin_done: true })\n        }\n        if ((idName = \"contact_resume\" && text.length === 0)) {\n          this.setState({ resume_done: true })\n        }\n      }, timer)\n      timer += Math.random() * 100 + 30\n    })\n  }\n\n  handleButton(e) {\n    e.preventDefault()\n    if (this.state.open) {\n      document.getElementById(\"contact_wrapper\").style.display = \"none\"\n      this.setState({ open: false })\n    } else {\n      document.getElementById(\"contact_wrapper\").style.display = \"block\"\n      this.setState({ open: true })\n    }\n  }\n\n  render() {\n    if (this.state.contact_terminal_done) {\n      if (this.state.contact_text_complete === false) {\n        this.typewriterHelper(\"contactPt2\", \"contact\", 100)\n\n        this.typewriterHelper(\"github\", \"GITHUB:\", 100)\n        this.typewriterHelper(\"email\", \"EMAIL:\", 100)\n        this.typewriterHelper(\"linkedin\", \"LINKEDIN:\", 100)\n        this.typewriterHelper(\"contact_resume\", \"RESUME:\", 100)\n\n        if (this.state.github_done === true) {\n          this.typewriterHelper(\"github2\", \"@drkdi\", 100)\n        }\n        if (this.state.email_done === true) {\n          this.typewriterHelper(\"email2\", \"derekodai@gmail.com\", 100)\n        }\n        if (this.state.linkedin_done === true) {\n          this.typewriterHelper(\"linkedin2\", \"@daiderek\", 100)\n        }\n        if (this.state.resume_done === true) {\n          this.typewriterHelper(\"contact_resume2\", \"> HERE <\", 100)\n        }\n        this.setState({ contact_text_complete: true })\n      }\n    }\n    return (\n      <div className=\"master\">\n        <header className=\"typewriter\">\n          <button\n            className=\"typewriter inline whoami\"\n            id=\"contact\"\n            onClick={this.handleButton}\n          />\n          <button\n            className=\"typewriter inline whoamiPt2\"\n            id=\"contactPt2\"\n            onClick={this.handleButton}\n          />\n        </header>\n\n        <section id=\"contact_wrapper\">\n          <div className=\"indent_one\">\n            <div className=\"typeOut text\" id=\"github\" />\n            <div className=\"typeOut text\" id=\"email\" />\n            <div className=\"typeOut text\" id=\"linkedin\" />\n            <div className=\"typeOut text\" id=\"contact_resume\" />\n          </div>\n\n          <div className=\"indent_two\">\n            <div className=\"typeOut text\">\n              <a\n                target=\"_blank\"\n                id=\"github2\"\n                href=\"https://github.com/drkdi/\"\n              />\n            </div>\n            <div className=\"typeOut text\">\n              <a\n                target=\"_blank\"\n                id=\"email2\"\n                href=\"mailto:derekodai@gmail.com\"\n              />\n            </div>\n            <div className=\"typeOut text\">\n              <a\n                target=\"_blank\"\n                id=\"linkedin2\"\n                href=\"http://linkedin.com/in/daiderek/\"\n              />\n            </div>\n            <div className=\"typeOut text vibrate-1\">\n              <a\n                target=\"_blank\"\n                id=\"contact_resume2\"\n                href=\"https://docs.google.com/document/d/1BWy0Ld4SdvBhWto_bAA7eHNnJoCiQcjpr_jeGoj12_c/edit?usp=drive_web&ouid=107022645519067348522\"\n              />\n            </div>\n          </div>\n        </section>\n      </div>\n    )\n  }\n}\n\nexport default Contact\n","import React from \"react\"\nimport \"./Splash.css\"\nimport Skills from \"./Skills\"\nimport Projects from \"./Projects\"\nimport Fun from \"./Fun\"\nimport Contact from \"./Contact\"\nimport Image from \"./image.png\"\n\nclass LandingPage extends React.Component {\n  constructor(props) {\n    super(constructor)\n    this.state = {\n      open: true,\n      whoami_done: false,\n      whoami_terminal_done: false,\n      whoami_text_complete: false,\n      age_done: false,\n      location_done: false,\n      occupation_done: false,\n      employer_done: false,\n      education_done: false,\n      resume_done: false,\n      rotated: false,\n    }\n    this.handleButton = this.handleButton.bind(this)\n  }\n\n  componentDidMount() {\n    this.typewriterHelper(\"whoami\", \"DEREK@DAI:$\", 100)\n  }\n\n  typewriterHelper(idName, text, timer) {\n    let html_object = document.getElementById(idName)\n    text = text.split(\"\")\n\n    text.forEach(() => {\n      window.setTimeout(() => {\n        html_object.innerHTML += text.shift()\n        if (text.length === 0) {\n          window.setTimeout(() => {\n            this.setState({ whoami_terminal_done: true })\n            document.getElementById(\"face\").style.display = \"block\"\n            document.getElementById(\"other_components\").style.display = \"block\"\n          }, 150)\n        }\n\n        if ((idName = \"whoami\" && text.length === 0)) {\n          this.setState({ whoami_done: true })\n        }\n        if ((idName = \"age\" && text.length === 0)) {\n          this.setState({ age_done: true })\n        }\n        if ((idName = \"location\" && text.length === 0)) {\n          this.setState({ location_done: true })\n        }\n        if ((idName = \"occupation\" && text.length === 0)) {\n          this.setState({ occupation_done: true })\n        }\n        if ((idName = \"employer\" && text.length === 0)) {\n          this.setState({ employer_done: true })\n        }\n        if ((idName = \"education\" && text.length === 0)) {\n          this.setState({ education_done: true })\n        }\n        if ((idName = \"resume\" && text.length === 0)) {\n          this.setState({ resume_done: true })\n        }\n      }, timer)\n      timer += Math.random() * 100 + 100\n    })\n  }\n\n  countAge() {\n    var age = 0\n    let html_object = document.getElementById(\"age2\")\n\n    function incrementSeconds() {\n      if (age === 24) {\n        html_object.innerText = \"24\"\n        return\n      }\n      age += 1\n      html_object.innerText = age\n    }\n\n    setInterval(incrementSeconds, 250)\n  }\n\n  handleButton(e) {\n    e.preventDefault()\n    if (this.state.open) {\n      document.getElementById(\"splash_wrapper\").style.display = \"none\"\n      this.setState({ open: false })\n    } else {\n      document.getElementById(\"splash_wrapper\").style.display = \"block\"\n      this.setState({ open: true })\n    }\n  }\n\n  rotateMe() {\n    document.getElementById(\"face\").className = \"face rotate-center \"\n    window.setTimeout(() => {\n      document.getElementById(\"face\").className = \"face\"\n    }, 1500)\n  }\n\n  render() {\n    if (this.state.whoami_terminal_done) {\n      if (this.state.whoami_text_complete === false) {\n        this.typewriterHelper(\"age\", \"AGE:\", 100)\n        this.typewriterHelper(\"location\", \"LOCATION:\", 100)\n        this.typewriterHelper(\"occupation\", \"OCCUPATION:\", 100)\n        this.typewriterHelper(\"education\", \"EDUCATION:\", 100)\n        this.typewriterHelper(\"employer\", \"EMPLOYER:\", 100)\n        this.typewriterHelper(\"resume\", \"RESUME:\", 100)\n\n        if (this.state.whoami_done === true) {\n          this.typewriterHelper(\"whoamiPt2\", \"whoami\", 100)\n        }\n        if (this.state.age_done === true) {\n          // this.typewriterHelper(\"age2\", \"12\", 300);\n          this.countAge()\n        }\n        if (this.state.location_done === true) {\n          this.typewriterHelper(\"location2\", \"NYC\", 100)\n        }\n        if (this.state.occupation_done === true) {\n          this.typewriterHelper(\"occupation2\", \"FULL_STACK_DEVELOPER\", 100)\n        }\n        if (this.state.occupation_done === true) {\n          this.typewriterHelper(\n            \"education2\",\n            `[\"UIUC_Mech_Engineer\", \"APP_ACADEMY\"]`,\n            100\n          )\n        }\n        if (this.state.occupation_done === true) {\n          this.typewriterHelper(\"employer2\", \"COULD_BE_YOU?\", 100)\n        }\n        if (this.state.resume_done === true) {\n          this.typewriterHelper(\"resume2\", \"> HERE <\", 100)\n        }\n        this.setState({ whoami_text_complete: true })\n      }\n    }\n    return (\n      <div className=\"master\">\n        <button\n          className=\"inline whoami\"\n          id=\"whoami\"\n          onClick={this.handleButton}\n        />\n        <button\n          className=\"inline whoamiPt2\"\n          id=\"whoamiPt2\"\n          onClick={this.handleButton}\n        />\n        {/* <header className=\"inline\" id=\"whoami\" /> */}\n        <div className=\"typeOut last inline header2\">_</div>\n        <section id=\"splash_wrapper\">\n          <div className=\"indent_one\">\n            <div className=\"typeOut text\" id=\"age\" />\n            <div className=\"typeOut text\" id=\"location\" />\n            <div className=\"typeOut text\" id=\"occupation\" />\n            <div className=\"typeOut text\" id=\"education\" />\n            <div className=\"typeOut text\" id=\"employer\" />\n            <div className=\"typeOut text\" id=\"resume\" />\n          </div>\n\n          <div className=\"indent_two\">\n            <div className=\"typeOut text\" id=\"age2\" />\n            <div className=\"typeOut text\" id=\"location2\" />\n            <div\n              className=\"typeOut text\"\n              id=\"occupation2\"\n              style={{ minWidth: \"20vw\" }}\n            />\n            <div\n              className=\"typeOut text\"\n              id=\"education2\"\n              style={{ minWidth: \"25vw\" }}\n            />\n            <div className=\"typeOut text\" id=\"employer2\" />\n            <div className=\"typeOut text vibrate-1\">\n              <a\n                target=\"_blank\"\n                id=\"resume2\"\n                href=\"https://docs.google.com/document/d/1BWy0Ld4SdvBhWto_bAA7eHNnJoCiQcjpr_jeGoj12_c/edit?usp=drive_web&ouid=107022645519067348522\"\n              />\n            </div>\n          </div>\n          <img\n            id=\"face\"\n            src={Image}\n            backgroundColor=\"transparent\"\n            className=\"face roll-in-right\"\n            onClick={this.rotateMe}\n          />\n        </section>\n\n        <div id=\"other_components\" class=\"other_components\">\n          <Skills />\n          <Projects />\n          <Fun />\n          <Contact />\n        </div>\n\n        <div className=\"circle green\"> </div>\n        <div className=\"maximize\">x</div>\n        <div className=\"circle orange\" />\n        <div className=\"minimize\">-</div>\n        <div className=\"circle red\" />\n        <div className=\"escape\">?</div>\n\n        <br />\n      </div>\n    )\n  }\n}\n\nexport default LandingPage\n","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useStaticQuery, graphql } from \"gatsby\";\n\nimport Splash from \"./Splash\";\nimport \"./Splash.css\";\n\nconst Layout = ({ children }) => {\n  return (\n    <>\n      <Splash />\n    </>\n  );\n};\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired\n};\n\nexport default Layout;\n","const preferDefault = m => (m && m.default) || m\n\nif (process.env.BUILD_STAGE === `develop`) {\n  module.exports = preferDefault(require(`./public-page-renderer-dev`))\n} else if (process.env.BUILD_STAGE === `build-javascript`) {\n  module.exports = preferDefault(require(`./public-page-renderer-prod`))\n} else {\n  module.exports = () => null\n}\n","import React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport InternalPageRenderer from \"./page-renderer\"\n\nconst ProdPageRenderer = ({ location, pageResources }) => {\n  if (!pageResources) {\n    return null\n  }\n  return React.createElement(InternalPageRenderer, {\n    location,\n    pageResources,\n    ...pageResources.json,\n  })\n}\n\nProdPageRenderer.propTypes = {\n  location: PropTypes.shape({\n    pathname: PropTypes.string.isRequired,\n  }).isRequired,\n}\n\nexport default ProdPageRenderer\n","module.exports = __webpack_public_path__ + \"static/hungr-1c6b40d5a430f8500557bc1fc0c40e42.gif\";","module.exports = __webpack_public_path__ + \"static/tetris-972ae727bf4a36570f16f5269b93ad68.gif\";","module.exports = __webpack_public_path__ + \"static/polaris-a30dd7ca37f65a416af40ca652ef011e.gif\";","module.exports = __webpack_public_path__ + \"static/image-222fa98b7d932f8a490ca93ca105b1a5.png\";"],"sourceRoot":""}