-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (162 loc) · 6.85 KB
/
index.html
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Kalam|Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/content.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.png">
<title>Jefferson Lee's Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2356721934652863');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2356721934652863&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-50622309-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-50622309-2');
</script>
</head>
<body>
<section id="intro">
<div class="spacer"></div>
<div id="intro-content">
<h1 id="tagline">Hi! I'm Jefferson Lee<wbr><a class="emoji" href="#contact-header" id="hand">👋</a></h1>
<h2 class="self-desc">
<a href="https://github.com/saltyJeff" title="link to saltyJeff @ Github">
<img src="img/github.png"/></a>
<a href="https://www.linkedin.com/in/jefferson-lee-a30466155/" title="link to Jefferson Lee @ LinkedIn">
<img src="img/linkedin.png"/></a>
</h2>
<h2 class="self-desc">I write code<a class="emoji" id="skills-lnk" href="#skills-header">⌨️</a>that goes in:</h2>
<ul id="deploy-list">
<li>Backends <a class="emoji" id="backend-lnk" href="#backends">💾</a></li>
<li>Frontends/Apps <a class="emoji" id="frontend-lnk" href="#frontends">💻</a></li>
<li>Video Games <a class="emoji" id="videogames-lnk" href="#videogames">🎮</a></li>
<li>Rockets <a class="emoji" id="rockets-lnk" href="#uclarp">🚀</a></li>
<!--<li>Satellites <a class="emoji" id="satellites-lnk" href="#elfin">📡</a></li>-->
</ul>
<br>
</div>
<div class="spacer">
<h3>Click on an icon to jump to a section, or scroll to read more</h3>
<a class="scroll-button" href="#skills-header">👇 Read More 👇</a>
</div>
</section>
<section id="skills" class="boring">
<h1 id="skills-header">Skills</h1>
<h2 id="web-langs">Web Development 🌎</h2>
<ul>
<li>NodeJS</li>
<li>Typescript</li>
<li>HTML, CSS, JS</li>
<li>React</li>
<li>Express</li>
<li>MongoDB</li>
<li>SQL</li>
<li>AWS</li>
<li>Microservices</li>
</ul>
<h2 id="embedded-langs">Embedded Systems ⚡</h2>
<ul>
<li>C / C++</li>
<li>Rust</li>
<li>68k / PIC18 assembly</li>
<li>Discrete logic</li>
</ul>
<h2 id="app-langs">Desktop/Mobile Apps 📱</h2>
<ul>
<li>Kotlin</li>
<li>Android</li>
<li>React-Native</li>
<li>Flutter</li>
<li>C#</li>
<li>Python</li>
<li>Java</li>
</ul>
<h2 id="videogame-langs">Video Game Engines 🎮</h2>
<ul>
<li>Unity3D</li>
<li>Google Cardboard</li>
<li>Gamemaker</li>
</ul>
<h2 id="misc-langs">Misc 🤔</h2>
<ul>
<li>CMD / Powershell</li>
<li>Bash</li>
<li>Perl</li>
<li>Git</li>
<li><a style="font-size: inherit" href="https://open.spotify.com/playlist/623fJ1kVUCx6jJ5JP05y3l">Kpop Curation</a></li>
<li>Mandarin / Cantonese</li>
</ul>
<div class="spacer">
<a class="scroll-button" href="#proj-header">👇 Projects 👇</a>
</div>
</section>
<section id="projects" class="boring">
<h1 id="proj-header">Projects</h1>
<h2 id="backends">Backends 💾</h2>
<ul>
<li><b>Skyebrowse API Server:</b> Created the API server for Skyebrowse using a microservice architecture implemented on NodeJS and AWS</li>
<li><b>NRC:</b> A Kotlin server that served as the coordinator for an experimental social networking site</li>
</ul>
<h2 id="frontends">Frontends/Apps 💻</h2>
<ul>
<li><b><a href="https://saltyjeff.github.io/HealthID/edit.html">HealthID:</a></b> A health info system with a combination web and Android app; won honorable mention at the Brother Hackathon.</li>
<li><b><a href="https://saltyJeff.github.io/ds-engine">DS-Engine:</a></b> A <s>dating simulator</s> visual novel engine written in React with MobX with a declarative YAML game format.</li>
<li><b><a href="https://saltyJeff.github.io/saltysite">Web Editor:</a></b> A WYSIWYG website editor on the web that takes advantage of WebComponents to intuitively layout websites.</li>
</ul>
<h2 id="videogames">Video Games 🎮</h2>
<ul>
<li><b>Castle Attack:</b> Multiplayer WebRTC tower defense game; won best video game at Code Day LA.</li>
<li><b>Spicy Moon:</b> Collaborative platformer game involving hot sauce and lemonade; won a Tilted Shed Game Jam.</li>
<li><b><a href="avh-hosted/index.html">Aliens Vs Humans:</a></b> 2D tower defense game where you defend a target from swarms of aliens.</li>
</ul>
<h2 id="uclarp">UCLA Rocket Project 🚀</h2>
<ul>
<li><b><a href="https://github.com/saltyJeff/launchpad">Launchpad:</a></b> A all in one solution for benchmarking, modularizing code, reading telemetry data, and converting telemetry information from the avionics bay on the rocket.</li>
<li><b><a href="https://github.com/saltyJeff/ares-2019">Ares 2019:</a></b> The code deployed on the rocket for the 2018-2019 season, made with Launchpad.</li>
</ul>
<!--<h2 id="elfin">ELFIN Lab 📡</h2>-->
<div class="spacer">
<a class="scroll-button" href="#contact-header">👇 Contact 👇</a>
</div>
</section>
<section id="contact">
<h1 id="contact-header">Contact Form</h1>
<iframe id="form"
src="https://docs.google.com/forms/d/e/1FAIpQLSePTqWUpZVAcCDJ8M6JAhIKVq6I14VIR9qslnZrlwcLCS4_KA/viewform?embedded=true"
width="100%"
scrolling="yes"
frameborder="0"
marginheight="0"
marginwidth="0" >Loading Contact Form...</iframe>
<div class="spacer">
<a class="scroll-button" id="back-to-top" href="#intro" style="font-size: 40pt; text-decoration: none;">🔝</a>
</div>
</section>
<script>
console.log("If you're looking here I'm assuming you're a web dev")
console.log("This page is nothing but vanilla HTML/CSS to target a fast load time\n(I was sick of it taking forever to load other people's profile websites on convention-speed Wifi)")
console.log('Github: https://github.com/saltyJeff')
console.log('LinkedIn: https://www.linkedin.com/in/jefferson-lee-a30466155/')
</script>
</body>
</html>