commit 80cde1be0791f1d332517b660ecdb40569d6908b Author: craisin Date: Sun Mar 29 21:27:31 2026 -0700 initial commit diff --git a/experience.html b/experience.html new file mode 100644 index 0000000..3ea1b6f --- /dev/null +++ b/experience.html @@ -0,0 +1,80 @@ + + + + + + + + craisin + + + + +
+
+

cayden yap

+

craisin · computer science and math student

+
+
+
+
+
+

education

+
    +
  • piedmont hills high school: graduating june 2027, 4.0 unweighted gpa, ap calc bc, ap physics c: mech, etc.
  • +
+

experience

+
    +
  • + competitive coding: feb 2024 - present +

    applying algorithmic thinking at a high level in prestigious contests, cf expert (top ~15%), calico gold (top ~8%), and usaco silver

    +
  • +
  • + competitive math: aug 2023 - present +

    top 15% in competitions such as the amc 10 (92) and the amc 12 (85.5)

    +
  • +
  • + piedmont math team: president (sept 2026 - present), member (sept 2023 - present) +

    facilitating weekly meetings centered on competitive mathematics and real-world applications beyond textbook material

    +
  • +
  • + sierramont math club: head captain (sept 2026 - present), member (sept 2023 - present) +

    cultivating a culture of problem-solving through weekly meetings focused on competitive math readiness and collaborative learning.

    +
  • +
  • + physics club: vice president (sept 2026 - present) +

    designing engaging labs and meetings to carve a deeper understanding and passion for physics

    +
  • +
  • + saber fencer at halberstadt: 2021 - present +

    8th Place at div ii summer nationals 2024, showcasing competitive drive at a national level

    +
  • +
+

skills

+
    +
  • python: flask, pandas, tensorflow
  • +
  • html, css, js
  • +
  • docker: compose
  • +
  • unix based systems: debian, shell scripting
  • +
  • mandrin: basic conversational proficiency
  • +
+
+
+ + + + + +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/icon.png b/icon.png new file mode 100644 index 0000000..ac00f09 Binary files /dev/null and b/icon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..d208625 --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + + + craisin + + + + +
+
+

cayden yap

+

craisin · computer science and math student

+
+
+
+
+
+

hello world

+

+ i am cayden, 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. +

+

whoami

+

+ i am a student from piedmont hills high school intending to major in a field adjacent to eecs, cs, ee, or math. + i am also an avid saber fencer who has been fencing for 8 years. + +

+

resume

+

resume for those who need a pdf or a quick one pager about me

+

contact me

+

+ in most places where i exist online, i go by craisin or craisined. + 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. +

+
+
+ + + + + +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..94fa088 --- /dev/null +++ b/projects.html @@ -0,0 +1,54 @@ + + + + + + + + craisin + + + + +
+
+

cayden yap

+

craisin · computer science and math student

+
+
+
+
+
+

coding projects

+
    +
  • homelab: my personal server running docker based infrastructure (serves this webpage and my notes)
  • +
  • word2vec and polynoimial regression implementations: personal implementations of ml algorithms i made to further my undertanding of them
  • +
  • shapeai: trained catagorization model in tensorflow, forked and improved from my friend @quentinbkk
  • +
+

notes

+

interesting ramblings, mainly involving math, but occasionally involving some cs

+

desmos projects

+ +
+
+ + + + + +
+
+ +
+
+ + + + \ No newline at end of file diff --git a/resume.pdf b/resume.pdf new file mode 100644 index 0000000..34ec3cf Binary files /dev/null and b/resume.pdf differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..69eaf24 --- /dev/null +++ b/style.css @@ -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; +} \ No newline at end of file