-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresume.html
103 lines (103 loc) · 5.83 KB
/
resume.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- todo: meta, og, title, favicon, better description, og image -->
<meta property="og:title" content="Caden Lee: Student & Software Developer">
<meta property="og:description" content="I'm a CS student at UC Irvine with a passion for programming.">
<link rel="stylesheet" href="static/styles.css">
<title>Caden Lee: Student & Software Developer</title>
<!-- TODO: better title -->
</head>
<body>
<div class="pagecentercontainer">
<div class="pagecenter">
<!-- Top section -->
<div class="whitesection" style="height: auto;">
<h1>Caden Lee</h1>
<br>
<div>
<button onclick="location.href='./index.html'">Home</button> <!-- TODO: change to Projects? Where to put photograpy? -->
<button disabled>Skills & Resume</button>
<button onclick="location.href='./contact.html'">Contact</button>
<button onclick="location.href='./tutoring.html'">Need tutoring?</button>
<!-- TODO: create pages, link buttons -->
<!-- TODO: on skills & resume page, have a timeline: "2018-2023: programmer hobbyist, 2024-: CS student @ UCI (class of 2028) (honors)" -->
</div>
</div>
<noscript>
<div class="section">⚠️ Warning: <a href="https://www.enable-javascript.com/">JavaScript must be enabled</a> for this page to work properly</div>
</noscript>
<!-- Main sections -->
<div class="section">
This resume is available to download as a standardized PDF.
<!-- TODO: ensure downloadable -->
<br><button class="mid blue" onclick="location.href='./static/documents/CadenLee_Resume_v4.pdf'">⭳ Download as PDF</button> <!-- TODO: link -->
</div>
<!-- TODO: IMPLEMENT ALL, DOUBLE-CHECK -->
<div class="section">
<!-- TODO: test resume on mobile, incl. mobile Chrome -->
<object data="./static/documents/CadenLee_Resume_v4.pdf" type="application/pdf" width="100%" height="700px" style="border-radius: 8px;">
<embed src="./static/documents/CadenLee_Resume_v4.pdf" width="100%" height="700px" type="application/pdf" style="border-radius: 8px;">
</object>
<!-- <h1><span class="minihead">#</span> Education</h1>
<hr>
<h3>UC Irvine, 2024-2028</h3>
Undergraduate at the UCI Donald Bren School of ICS
<br>Major: <b>Computer Science</b>
<br>Campuswide Honors Collegium
<br><br>
<h3>High school: Redondo Union High School, 2020-2024</h3>
Weighted GPA: 4.6
<br><br>
<h1><span class="minihead">#</span> Skills/Credentials</h1>
<hr>
Programming in <b>C++, Rust, JavaScript, TypeScript, and Java</b>
<br>Some knowledge of Python and x86 Assembly
<br>Experience with <b>React</b>, <b>Next.js</b>, <b>Socket.IO</b>, <b>OpenGL</b>, and <b>WebAssembly</b>
<br>Experience with Git and GitHub
<br>Personal skills include teamwork, attention to detail, writing, and time management
<br><br>
<h1><span class="minihead">#</span> Contributions</h1>
<hr>
<b>Web developer</b>, StudyingWorks (an organization offering tutorial services for high schoolers)
<br><br>
<h1><span class="minihead">#</span> Personal Projects</h1>
<hr>
Tools: <b>Sheatfish</b>, a terminal-based spreadsheet editor;
<b>Homepage Omni</b>, a highly configurable productivity-focused new tab page
<br>Games: <b>Tetrome</b>, a stacker game as a browser extension;
<b>Landform Eclipse</b>, a web exploration and survival game focused on rendering and terrain generation
<br>Web: <b>Snownote</b>, an in-progress full-stack notes app;
<b>this website</b> -->
<!-- TODO: open-source an actual web app and include it -->
</div>
<!-- Contact section -->
<div class="section">
<h1><span class="minihead">#</span> Contact</h1>
<hr>
Email: <a href="mailto:[email protected]">[email protected]</a>
<br>LinkedIn: <a href="https://www.linkedin.com/in/caden-lee-b76441275/">Caden Lee</a>
<br>Personal GitHub: <a href="https://github.com/Cadecraft">Cadecraft</a> (for my projects)
<br>Professional/academic GitHub: <a href="https://github.com/CadenLee2">CadenLee2</a>
<!-- TODO: other email, phone (be careful about this)? -->
<!-- TODO: update from the contact page -->
<br><button class="mid blue" onclick="location.href='./contact.html'">➜ More Details</button> <!-- TODO: link -->
</div>
<!-- Footer -->
<div class="section">
© 2024 Caden Lee
<!-- TODO: contact stuff (social media links), link to personal cadecraft site -->
<br><span class="minihead">
This website was made in pure JS/HTML/CSS.
<br>Last updated: <span id="editdate">2024/10/16</span>
</span>
</div>
</div>
</div>
<!-- TODO: projects, bookshelf, life roadmap, resume (+PDF, .md download), etc. -->
<!-- TODO: social links, pictures -->
<!-- TODO: section for a tutoring business? (phone number or insta) -->
</body>
</html>