1<!DOCTYPE html> 2<html> 3 <meta charset="utf-8"> 4 <head> 5 <title>Jonathan Lam</title> 6 <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> 7 <link href="https://fonts.googleapis.com/css?family=Quicksand:400,700" rel="stylesheet"> 8 <link rel="stylesheet" href="index.css"> 9 <meta name="viewport" content="initial-scale=1.0, width=device-width"> 10 11 <link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon.png"> 12 <link rel="icon" type="image/png" sizes="32x32" href="/img/favicons/favicon-32x32.png"> 13 <link rel="icon" type="image/png" sizes="16x16" href="/img/favicons/favicon-16x16.png"> 14 <link rel="manifest" href="/site.webmanifest"> 15 <link rel="mask-icon" href="/img/favicons/safari-pinned-tab.svg" color="#51b5cf"> 16 <link rel="shortcut icon" href="/img/favicons/favicon.ico"> 17 <meta name="msapplication-TileColor" content="#00aba9"> 18 <meta name="msapplication-TileImage" content="/img/favicons/mstile-144x144.png"> 19 <meta name="msapplication-config" content="/browserconfig.xml"> 20 <meta name="theme-color" content="#51b5cf"> 21 </head> 22 <body> 23 24 <div id="warnings"> 25 <noscript> 26 <div id="no-js" class="warning-banner"> 27 Hello! Welcome to the portfolio of <strong>Jonathan Lam</strong>: Full-stack Web and Game Developer.<br/><br/> 28 It appears you have <strong>Javascript disabled</strong> in your browser. 29 Please consider enabling Javascript or whilelisting this site to get the full experience. 30 <br/><br/> 31 If enabling Javascript is not possible, you can download a copy of my <strong>resumé</strong> with my contact information <strong><a href="downloads/Jonathan_Lam_resume.pdf" target="_blank">here</a></strong>. 32 </div> 33 </noscript> 34 <div id="is-ie10-" class="warning-banner hidden"> 35 <strong>Warning</strong><br/>You are running an <strong>unsupported version</strong> of Internet Explorer. 36 Certain features of this site may not be available as a result. 37 This site requires at least Internet Explorer 11, but I recommend viewing it with a modern browser. 38 <strong><a href="http://outdatedbrowser.com/en" target="_blank">Click here</a></strong> for a list of recommended browsers. 39 <br/><br/> 40 If using a different browser is not possible, you can download a copy of my <strong>resumé</strong> with my contact information <strong><a href="downloads/Jonathan_Lam_resume.pdf" target="_blank">here</a></strong>. 41 </div> 42 </div> 43 44 <!-- Modal --> 45 <div class="modal modal--hidden"> 46 <div class="modal__back"></div> 47 <aside class="modal__front"> 48 49 <div class="info__preview"> 50 <video class="info__preview-video" loop muted preload="none"> 51 <source src="" type="video/mp4"> 52 </video> 53 <div class="info__title"></div> 54 </div> 55 56 <div class="info__text"></div> 57 <div class="info__stack"> 58 <ul class="stack-list"> 59 <!-- Stack chips go here --> 60 </ul> 61 </div> 62 <div class="links__container"> 63 64 <div id="source-column" class="links__column"> 65 <div class="links__icon"> 66 <span class="icon-files-empty"></span> 67 </div> 68 69 <ul id="source-links" class="links__list"> 70 <!-- Source links go here --> 71 </ul> 72 </div> 73 74 <div id="demo-column" class="links__column"> 75 <div class="links__icon"> 76 <span class="icon-cloud-download"></span> 77 </div> 78 79 <ul id="demo-links" class="links__list"> 80 <!-- Demo links go here --> 81 </ul> 82 </div> 83 84 </div> 85 </aside> 86 </div> 87 88 <!-- Rest of the Page--> 89 <main> 90 <section id="splash"> 91 92 <!-- Modern background--> 93 <div class="splash__background"></div> 94 95 <!-- IE background--> 96 <div id="background-ie" class="splash__background"></div> 97 98 <div class="splash__wrapper splash--hidden"> 99 <h1 class="splash--hidden">Jonathan Lam</h1> 100 <h3 class="tagline splash--hidden">Game and Full-Stack Web Developer</h3> 101 <div class="resume splash--hidden"> 102 <a href="downloads/Jonathan_Lam_resume.pdf" target="_blank" class="resume__link">Resumé</a> 103 </div> 104 </div> 105 </section> 106 107 <section id="bio"> 108 <h2 class="heading heading__left heading--hidden">About Me</h2> 109 <ul class="bio__text bio__text--hidden"> 110 </ul> 111 </section> 112 113 <section id="skills"> 114 <h2 class="heading heading__right heading--hidden">Techs</h2> 115 <ul class="skills__list skills--hidden"> 116 </ul> 117 </section> 118 119 <section id="projects"> 120 <h2 class="heading heading__left heading--hidden">Projects</h2> 121 <p>Click on a card to learn more about a project!</p> 122 <div class="project__list"> 123 <!-- Project Cards go here --> 124 </div> 125 126 <p>Interested in more of my work? You can find additional projects at:</p> 127 <div id="portfolio-list" class="external-list"> 128 <!-- Portfolio Cards go here --> 129 </div> 130 </section> 131 132 <section id="contact"> 133 <h2 class="heading heading__right heading--hidden">Contact Me</h2> 134 <p>Want to work together, or just have a chat? Get in touch with me via:</p> 135 <div id="contact-list" class="external-list"> 136 <!-- Contact Cards go here --> 137 </div> 138 139 <p>Didn't get a copy of my resumé earlier? Not to worry, here's another chance:</p> 140 <div id="resume-redux" class="external-list"> 141 <!-- Resume goes here --> 142 </div> 143 144 </section> 145 </main> 146 <footer> 147 <div class="footer-text"> 148 <p>© <span id="copyright-year"></span> Jonathan Lam</p> 149 <p>
149Built with SASS, Babel, Browserify. Gulp helped too. Check out the project on <a href="https://github.com/mstop4/portfolio-src" target="_blank">Github</a>.</p> 150 </div> 151 </footer> 152 </body> 153
153<script src="./bundle3.js"></script>
153 154</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.