davidwyan.github.io/index.html at master · davidwyan/davidwyan.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>David Yan Personal Website</title>
  <link rel="stylesheet" href="build/css/style.css">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="favicon.ico" type="image/x-icon" />
  <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
</head>
<style>
html, body {
  overflow-x:hidden;
  overflow-y: hidden;
}
canvas {
  overflow: hidden;
}
.download-resume-button {
      display: inline-block;
      padding: 5px 18px;
      font-size: 0.9em;
      transition: 0.5s all;
      -webkit-transition: 0.5s all;
      color: white;
      background: rgb(24,24,254);
      border-color: rgb(24,24,254);
      border-radius: 4px;
      font-size: 14px;
}
</style>
<body>
  <div style="height: 0; width: 0; position: absolute; visibility: hidden">
  <!-- inject:svg --><svg xmlns="http://www.w3.org/2000/svg"><symbol id="svg-codepen" viewBox="0 0 16 16"><path d="M15.988 5.443c-.004-.02-.007-.04-.012-.058l-.01-.033c-.006-.017-.012-.034-.02-.05-.003-.012-.01-.023-.014-.034l-.023-.045-.02-.032-.03-.04-.024-.03a.402.402 0 0 0-.034-.038l-.027-.027-.04-.032-.03-.024-.012-.01L8.38.117a.68.68 0 0 0-.76 0L.305 4.99.296 5a.262.262 0 0 0-.032.023.4.4 0 0 0-.04.032l-.027.027-.034.037-.024.03-.03.04c-.006.012-.013.022-.02.033l-.023.045-.015.034c-.007.016-.012.033-.018.05l-.01.032c-.005.02-.01.038-.012.058l-.006.03A.869.869 0 0 0 0 5.56v4.875c0 .03.002.06.006.09l.007.03c.003.02.006.04.013.058l.01.033c.006.018.01.035.018.05l.015.033c.006.016.014.03.023.047l.02.03a.16.16 0 0 0 .03.042c.007.01.014.02.023.03.01.012.02.025.034.036.01.01.018.02.028.026l.04.033.03.023.01.01 7.31 4.876a.685.685 0 0 0 .762 0l7.314-4.875.01-.01a.262.262 0 0 0 .032-.023.4.4 0 0 0 .04-.032l.027-.027.034-.037.024-.03.03-.04.02-.032.023-.046.015-.033.018-.052.01-.033c.005-.02.01-.038.013-.058 0-.01.003-.02.004-.03a.68.68 0 0 0 .006-.09v-4.87a.68.68 0 0 0-.006-.09l-.007-.03zM8 9.626L5.568 8 8 6.374 10.432 8 8 9.626zM7.312 5.18l-2.98 1.993-2.406-1.61 5.386-3.59v3.206zM3.095 8l-1.72 1.15v-2.3L3.095 8zm1.237.828l2.98 1.993v3.208l-5.386-3.59 2.406-1.61zm4.355 1.993l2.98-1.993 2.407 1.61-5.387 3.59v-3.206zM12.905 8l1.72-1.15v2.3L12.905 8zm-1.237-.827L8.688 5.18V1.97l5.386 3.59-2.406 1.61z" fill-rule="nonzero"/></symbol><symbol id="svg-github" viewBox="0 0 16 16"><path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 5.47 7.59c.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82a7.68 7.68 0 0 1 2.003-.27c.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385A8 8 0 0 0 8 0"/></symbol><symbol id="svg-jsfiddle" viewBox="0 0 16 16"><path d="M14.063 7.5c.006-.094.014-.186.014-.28 0-2.59-2.13-4.69-4.76-4.69A4.763 4.763 0 0 0 5.02 5.204a2.206 2.206 0 0 0-1.34-.454c-1.214 0-2.198.968-2.198 2.162 0 .225.035.442.1.645A3.163 3.163 0 0 0 0 10.287c0 1.736 1.417 3.146 3.175 3.172h9.506c.06.003.116.01.174.01 1.74 0 3.152-1.39 3.152-3.105A3.105 3.105 0 0 0 14.064 7.5zm-9.766 3.57c-.32-.29-.52-.64-.6-1.055a2.317 2.317 0 0 1-.04-.435c0-.59.215-1.076.645-1.46.43-.384.975-.576 1.638-.576.68 0 1.32.255 1.888.764.14.127.278.27.41.428l.728.857c.126.172.26.32.4.447.375.336.78.504 1.124.504.292 0 .535-.09.73-.268a.903.903 0 0 0 .29-.584l.005-.098a.892.892 0 0 0-.043-.278 1.018 1.018 0 0 0-.99-.668c-.363 0-.722.122-1.116.504l-.645-.76-.076-.086c.564-.553 1.127-.76 1.885-.76.67 0 1.214.19 1.63.57l.01.01c.423.38.635.87.635 1.473 0 .147-.014.29-.04.426-.08.408-.28.755-.597 1.043a2.147 2.147 0 0 1-1.145.54 3 3 0 0 1-.474.036c-.697 0-1.34-.25-1.894-.746a3.75 3.75 0 0 1-.428-.457l-.73-.85a2.803 2.803 0 0 0-.394-.443c-.373-.336-.784-.503-1.137-.503a1.2 1.2 0 0 0-.307.038.955.955 0 0 0-.42.236.903.903 0 0 0-.292.673c0 .258.093.48.28.663l.013.014c.203.182.45.273.74.273.367 0 .728-.123 1.12-.508l.643.75.07.085c-.585.56-1.142.77-1.87.77-.673 0-1.22-.19-1.645-.57z" fill="#4679a4"/></symbol><symbol id="svg-linkedin" viewBox="0 0 16 16"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51v1.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955a1.376 1.376 0 1 1-.001-2.751 1.376 1.376 0 0 1 .001 2.751zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol><symbol id="svg-mail" viewBox="0 0 24 24"><path d="M12 12.713L.015 3h23.97L12 12.713zm0 2.574L0 5.562V21h24V5.562l-12 9.725z"/></symbol><symbol id="svg-stackoverflow" viewBox="-135 22 32 38"><path fill="#BCBBBB" d="M-108.5 56.2v-9.9h3.3v13.2H-135V46.3h3.3v9.9z"/><path fill="#F48024" d="M-128 45.4l16.2 3.4.7-3.2-16.2-3.4-.7 3.2zm2.1-7.8l15 7 1.4-3-15-7-1.4 3zm4.2-7.4l12.7 10.6 2.1-2.5-12.7-10.6-2.1 2.5zm8.2-7.8l-2.7 2 9.9 13.3 2.7-2-9.9-13.3zm-14.9 30.5h16.6v-3.3h-16.6v3.3z"/></symbol><symbol id="svg-twitch" viewBox="0 0 16 16"><g fill-rule="nonzero"><path d="M1.393 0L.35 2.783v11.13h3.824V16h2.088l2.085-2.088h3.13L15.65 9.74V0H1.394zm1.39 1.39H14.26v7.653l-2.435 2.435H8l-2.085 2.085v-2.085H2.783V1.39z"/><path d="M6.61 8.348H8V4.175H6.61v4.173zm3.824 0h1.39V4.175h-1.39v4.173z"/></g></symbol><symbol id="svg-twitter" viewBox="0 0 16 16"><path d="M16 3.038a6.62 6.62 0 0 1-1.885.517 3.299 3.299 0 0 0 1.443-1.816 6.59 6.59 0 0 1-2.085.795 3.273 3.273 0 0 0-2.396-1.036 3.281 3.281 0 0 0-3.197 4.03A9.329 9.329 0 0 1 1.114 2.1 3.243 3.243 0 0 0 .67 3.75c0 1.14.58 2.143 1.46 2.732a3.278 3.278 0 0 1-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22a3.336 3.336 0 0 1-1.482.056 3.287 3.287 0 0 0 3.067 2.28 6.592 6.592 0 0 1-4.077 1.404c-.265 0-.526-.015-.783-.045a9.303 9.303 0 0 0 5.032 1.474c6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425a6.67 6.67 0 0 0 1.638-1.7z" fill-rule="nonzero"/></symbol></svg><!-- endinject -->
  </div>
  <header>
    <div class="header-container">
      <!-- <ul class="primary-nav left-align">
        <li><a class="animate-link" href="#About">About</a></li>
        <li><a class="animate-link" href="#Portfolio">Portfolio</a></li>
      </ul> -->
      <ul class="secondary-nav right-align">
        <!--
          SVG Email icon credit to iconmonstr
          http://iconmonstr.com/email-3/
        -->
        <li>
      </ul>
    </div>
  </header>
  <section id="hero" class="hero">
    <div class="content">
      <h1 class="heading">David Yan</h1>
      <h2 class="description">Software Engineer. Duke University 2018.</h2>
      <h2>
        <a href="https://drive.google.com/file/d/11DM-ic_dBzHObKI3wR0TK4PJk9Khj2B-/view"><button class="download-resume-button">Download My Resume</button></a>
      </h2>
      <h2>
        <p>
          Email me at <a href="mailto:davidwyan18@gmail.com" style="text-transform: lowercase;">davidwyan18@gmail.com</a>
        </p>
        <p>
          View my LinkedIn <a href="https://www.linkedin.com/in/david-yan-97562666/" style="color:rgb(24,24,254); text-decoration: underline;">here</a>
        </p>
      </h2>
    </div>
  </section>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r73/three.js"></script>
<script src="vendor/Projector.js"></script>
<script src="build/js/main.js"></script>
</html>