initial commit
This commit is contained in:
80
experience.html
Normal file
80
experience.html
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="icon" href="icon.png" type="image/png">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>craisin</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="foreground-container">
|
||||||
|
<header>
|
||||||
|
<h1>cayden yap</h1>
|
||||||
|
<p class="subtitle">craisin · computer science and math student</p>
|
||||||
|
<hr>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<div class="content-container">
|
||||||
|
<article>
|
||||||
|
<h3>education</h3>
|
||||||
|
<ul>
|
||||||
|
<li><b>piedmont hills high school</b>: graduating june 2027, 4.0 unweighted gpa, ap calc bc, ap physics c: mech, etc.</li>
|
||||||
|
</ul>
|
||||||
|
<h3>experience</h3>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<b>competitive coding</b>: feb 2024 - present
|
||||||
|
<p>applying algorithmic thinking at a high level in prestigious contests, cf expert (top ~15%), calico gold (top ~8%), and usaco silver</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>competitive math</b>: aug 2023 - present
|
||||||
|
<p>top 15% in competitions such as the amc 10 (92) and the amc 12 (85.5)</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>piedmont math team</b>: president (sept 2026 - present), member (sept 2023 - present)
|
||||||
|
<p>facilitating weekly meetings centered on competitive mathematics and real-world applications beyond textbook material</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>sierramont math club</b>: head captain (sept 2026 - present), member (sept 2023 - present)
|
||||||
|
<p>cultivating a culture of problem-solving through weekly meetings focused on competitive math readiness and collaborative learning.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>physics club</b>: vice president (sept 2026 - present)
|
||||||
|
<p>designing engaging labs and meetings to carve a deeper understanding and passion for physics</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<b>saber fencer at halberstadt</b>: 2021 - present
|
||||||
|
<p>8th Place at div ii summer nationals 2024, showcasing competitive drive at a national level</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3>skills</h3>
|
||||||
|
<ul>
|
||||||
|
<li><b>python</b>: flask, pandas, tensorflow</li>
|
||||||
|
<li><b>html, css, js</b></li>
|
||||||
|
<li><b>docker</b>: compose</li>
|
||||||
|
<li><b>unix based systems</b>: debian, shell scripting</li>
|
||||||
|
<li><b>mandrin</b>: basic conversational proficiency</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
<footer>
|
||||||
|
<a class="bi bi-linkedin" title="Linkedin" href="https://www.linkedin.com/in/kah-kai-yap/"></a>
|
||||||
|
<a class="bi bi-git" title="Gitea (personal projects)" href="https://gitea.craisin.tech/craisin"></a>
|
||||||
|
<a class="bi bi-github" title="Github (public projects)" href="https://github.com/craisined"></a>
|
||||||
|
<a class="bi bi-trophy-fill" title="Codeforces" href="https://codeforces.com/profile/craisin"></a>
|
||||||
|
<a class="bi bi-envelope-fill" title="Email" href="mailto:kahkaicyap@gmail.com"></a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<h2><a href="index.html">about me</a></h2>
|
||||||
|
<h2><a href="">experience</a></h2>
|
||||||
|
<h2><a href="projects.html">projects</a></h2>
|
||||||
|
</nav>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
59
index.html
Normal file
59
index.html
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="icon" href="icon.png" type="image/png">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>craisin</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="foreground-container">
|
||||||
|
<header>
|
||||||
|
<h1>cayden yap</h1>
|
||||||
|
<p class="subtitle">craisin · computer science and math student</p>
|
||||||
|
<hr>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<div class="content-container">
|
||||||
|
<article>
|
||||||
|
<h3>hello world</h3>
|
||||||
|
<p>
|
||||||
|
i am <b>cayden</b>, a problem-solver committed to exploring the intersection of theoretical mathematics and computer science through the lens of practical, real-world implementations.
|
||||||
|
i supplement this analytical foundation with a rigorous background in competitive mathematics and programming, along with a curiosity for elegant, powerful systems and algorithms.
|
||||||
|
</p>
|
||||||
|
<h3>whoami</h3>
|
||||||
|
<p>
|
||||||
|
i am a student from piedmont hills high school intending to major in a field adjacent to <b>eecs, cs, ee, or math</b>.
|
||||||
|
i am also an avid saber fencer who has been fencing for 8 years.
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<h3>resume</h3>
|
||||||
|
<p><b><a href="resume.pdf">resume</a></b> for those who need a pdf or a quick one pager about me</p>
|
||||||
|
<h3>contact me</h3>
|
||||||
|
<p>
|
||||||
|
in most places where i exist online, i go by <b>craisin</b> or <b>craisined</b>.
|
||||||
|
for any inquiries/opportunities, email is the best way to contact me. all profiles and contacts can be found at the bottom of this page.
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
<footer>
|
||||||
|
<a class="bi bi-linkedin" title="Linkedin" href="https://www.linkedin.com/in/kah-kai-yap/"></a>
|
||||||
|
<a class="bi bi-git" title="Gitea (personal projects)" href="https://gitea.craisin.tech/craisin"></a>
|
||||||
|
<a class="bi bi-github" title="Github (public projects)" href="https://github.com/craisined"></a>
|
||||||
|
<a class="bi bi-trophy-fill" title="Codeforces" href="https://codeforces.com/profile/craisin"></a>
|
||||||
|
<a class="bi bi-envelope-fill" title="Email" href="mailto:kahkaicyap@gmail.com"></a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<h2><a href="">about me</a></h2>
|
||||||
|
<h2><a href="experience.html">experience</a></h2>
|
||||||
|
<h2><a href="projects.html">projects</a></h2>
|
||||||
|
</nav>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
54
projects.html
Normal file
54
projects.html
Normal file
@@ -0,0 +1,54 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<link rel="icon" href="icon.png" type="image/png">
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>craisin</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div class="foreground-container">
|
||||||
|
<header>
|
||||||
|
<h1>cayden yap</h1>
|
||||||
|
<p class="subtitle">craisin · computer science and math student</p>
|
||||||
|
<hr>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<div class="content-container">
|
||||||
|
<article>
|
||||||
|
<h3>coding projects</h3>
|
||||||
|
<ul>
|
||||||
|
<li><b><a href="https://gitea.craisin.tech/craisin/homelab-compose">homelab</a></b>: my personal server running docker based infrastructure (serves this webpage and my notes)</li>
|
||||||
|
<li><b><a href="https://gitea.craisin.tech/craisin/word2vec-from-scratch">word2vec</a> and <a href="https://gitea.craisin.tech/craisin/polynoimial-regression">polynoimial regression</a> implementations</b>: personal implementations of ml algorithms i made to further my undertanding of them</li>
|
||||||
|
<li><b><a href="https://shapeai.craisin.tech">shapeai</a></b>: trained catagorization model in tensorflow, forked and improved from my friend <b><a href="https://github.com/quentinbkk">@quentinbkk</a></b></li>
|
||||||
|
</ul>
|
||||||
|
<h3>notes</h3>
|
||||||
|
<p>interesting <b><a href="https://notes.craisin.tech">ramblings</a></b>, mainly involving math, but occasionally involving some cs</p>
|
||||||
|
<h3>desmos projects</h3>
|
||||||
|
<ul>
|
||||||
|
<li><b>brainfuck in desmos</b>: implementation of <b><a href="https://www.desmos.com/calculator/36acb2d22f">brainfuck in desmos</a></b></li>
|
||||||
|
<li><b>desmos arcade</b>: <b><a href="https://www.desmos.com/calculator/31f9eb453e">snake</a></b>, <b><a href="https://www.desmos.com/calculator/06072f8b71">pong</a></b>, and <b><a href="https://www.desmos.com/calculator/d9pxtqh4xp">flappy bird</a></b> in desmos</li>
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
<footer>
|
||||||
|
<a class="bi bi-linkedin" title="Linkedin" href="https://www.linkedin.com/in/kah-kai-yap/"></a>
|
||||||
|
<a class="bi bi-git" title="Gitea (personal projects)" href="https://gitea.craisin.tech/craisin"></a>
|
||||||
|
<a class="bi bi-github" title="Github (public projects)" href="https://github.com/craisined"></a>
|
||||||
|
<a class="bi bi-trophy-fill" title="Codeforces" href="https://codeforces.com/profile/craisin"></a>
|
||||||
|
<a class="bi bi-envelope-fill" title="Email" href="mailto:kahkaicyap@gmail.com"></a>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<h2><a href="index.html">about me</a></h2>
|
||||||
|
<h2><a href="experience.html">experience</a></h2>
|
||||||
|
<h2><a href="">projects</a></h2>
|
||||||
|
</nav>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
resume.pdf
Normal file
BIN
resume.pdf
Normal file
Binary file not shown.
149
style.css
Normal file
149
style.css
Normal file
@@ -0,0 +1,149 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
|
||||||
|
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--page-color: #7e6169;
|
||||||
|
--background: #2b1e22;
|
||||||
|
--primary: #f1e9eb;
|
||||||
|
--highlight: #cd8275;
|
||||||
|
--highlight-bright: #dc9b90;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 150%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
color: var(--primary);
|
||||||
|
background-color: var(--page-color);
|
||||||
|
|
||||||
|
width: 100vw;
|
||||||
|
height: 100dvh;
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1;
|
||||||
|
|
||||||
|
font-size: 1rem;
|
||||||
|
font-family: "IBM Plex Sans", sans-serif;
|
||||||
|
font-optical-sizing: auto;
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.foreground-container {
|
||||||
|
width: calc(90vw - 2rem);
|
||||||
|
height: calc(90dvh - 2rem);
|
||||||
|
|
||||||
|
margin: 5dvh 5vw;
|
||||||
|
padding: 1rem;
|
||||||
|
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
background-color: var(--background);
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
flex-grow: 1;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content-container {
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
flex-grow: 1;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
overflow: auto;
|
||||||
|
overscroll-behavior-y: contain;
|
||||||
|
scrollbar-width: none;
|
||||||
|
|
||||||
|
flex-grow: 1;
|
||||||
|
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
article::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
padding-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
margin-top: auto;
|
||||||
|
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
color: var(--highlight);
|
||||||
|
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1.15;
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
font-size: 4rem;
|
||||||
|
font-family: "Crimson Text", serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-family: "Crimson Text", serif;
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-family: "Crimson Text", serif;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subtitle{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
color: var(--primary);
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--highlight);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer > a{
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover{
|
||||||
|
color: var(--highlight-bright);
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0 0 1rem 0;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user