From d52bc7b45a0eac15eabb8eb3d92a1e4c394eba93 Mon Sep 17 00:00:00 2001
From: Youwen Wu <youwenw@gmail.com>
Date: Tue, 2 Apr 2024 23:01:04 -0700
Subject: [PATCH] feat: massive improvements to homepage

---
 bun.lockb                                     | Bin 132860 -> 134580 bytes
 package.json                                  |   1 +
 src/lib/app.css                               | 147 +++++-----
 src/lib/assets/Coredump.svelte                | 252 ++++++++++++++++++
 src/lib/assets/Name.svelte                    |   7 +-
 src/lib/components/Footer.svelte              |  12 +-
 src/lib/components/Navbar/Navbar.svelte       |  15 +-
 src/lib/components/TextCycle.svelte           |  34 +++
 src/lib/components/UnderConstruction.svelte   |  27 ++
 .../components/ui/card/card-content.svelte    |  13 +
 .../ui/card/card-description.svelte           |  13 +
 src/lib/components/ui/card/card-footer.svelte |  13 +
 src/lib/components/ui/card/card-header.svelte |  13 +
 src/lib/components/ui/card/card-title.svelte  |  21 ++
 src/lib/components/ui/card/card.svelte        |  22 ++
 src/lib/components/ui/card/index.ts           |  24 ++
 src/routes/+error.svelte                      |  15 ++
 src/routes/+layout.svelte                     |   8 +-
 src/routes/+page.svelte                       | 113 +++++++-
 src/routes/about/+page.svelte                 |   9 +
 src/routes/blog/+page.svelte                  |  11 +
 src/routes/projects/+page.svelte              |   5 +
 22 files changed, 690 insertions(+), 85 deletions(-)
 create mode 100644 src/lib/assets/Coredump.svelte
 create mode 100644 src/lib/components/TextCycle.svelte
 create mode 100644 src/lib/components/UnderConstruction.svelte
 create mode 100644 src/lib/components/ui/card/card-content.svelte
 create mode 100644 src/lib/components/ui/card/card-description.svelte
 create mode 100644 src/lib/components/ui/card/card-footer.svelte
 create mode 100644 src/lib/components/ui/card/card-header.svelte
 create mode 100644 src/lib/components/ui/card/card-title.svelte
 create mode 100644 src/lib/components/ui/card/card.svelte
 create mode 100644 src/lib/components/ui/card/index.ts
 create mode 100644 src/routes/+error.svelte
 create mode 100644 src/routes/projects/+page.svelte

diff --git a/bun.lockb b/bun.lockb
index b5bcd4df09007dcfef9e60963f2e2c2407d6f3a8..24f12a9017fefc293b060b7e4917e2cc3e15436a 100755
GIT binary patch
delta 22088
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
A+yDRo

delta 20934
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
Q`xr%O8fzpPdYcyg4~C~Zo&W#<

diff --git a/package.json b/package.json
index 71e8120..fd2cb94 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "prettier-plugin-svelte": "^3.1.2",
     "svelte": "^4.2.7",
     "svelte-check": "^3.6.0",
+    "svelte-typewriter": "^3.2.3",
     "tailwindcss": "^3.4.3",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
diff --git a/src/lib/app.css b/src/lib/app.css
index 6662813..f59e2ad 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -1,78 +1,81 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
- 
+
 @layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
- 
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
- 
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
- 
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
- 
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
- 
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
- 
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
- 
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
- 
-    --destructive: 0 72.2% 50.6%;
-    --destructive-foreground: 0 0% 98%;
- 
-    --ring: 240 10% 3.9%;
- 
-    --radius: 0.5rem;
-  }
- 
-  .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
- 
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
- 
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
- 
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
- 
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
- 
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
- 
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
- 
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
- 
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
- 
-    --ring: 240 4.9% 83.9%;
-  }
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 240 10% 3.9%;
+
+		--muted: 240 4.8% 95.9%;
+		--muted-foreground: 240 3.8% 46.1%;
+
+		--popover: 0 0% 100%;
+		--popover-foreground: 240 10% 3.9%;
+
+		--card: 0 0% 100%;
+		--card-foreground: 240 10% 3.9%;
+
+		--border: 240 5.9% 90%;
+		--input: 240 5.9% 90%;
+
+		--primary: 240 5.9% 10%;
+		--primary-foreground: 0 0% 98%;
+
+		--secondary: 240 4.8% 95.9%;
+		--secondary-foreground: 240 5.9% 10%;
+
+		--accent: 240 4.8% 95.9%;
+		--accent-foreground: 240 5.9% 10%;
+
+		--destructive: 0 72.2% 50.6%;
+		--destructive-foreground: 0 0% 98%;
+
+		--ring: 240 10% 3.9%;
+
+		--radius: 0.5rem;
+	}
+
+	.dark {
+		--background: 240 10% 3.9%;
+		--foreground: 0 0% 98%;
+
+		--muted: 240 3.7% 15.9%;
+		--muted-foreground: 240 5% 64.9%;
+
+		--popover: 240 10% 3.9%;
+		--popover-foreground: 0 0% 98%;
+
+		--card: 240 10% 3.9%;
+		--card-foreground: 0 0% 98%;
+
+		--border: 240 3.7% 15.9%;
+		--input: 240 3.7% 15.9%;
+
+		--primary: 0 0% 98%;
+		--primary-foreground: 240 5.9% 10%;
+
+		--secondary: 240 3.7% 15.9%;
+		--secondary-foreground: 0 0% 98%;
+
+		--accent: 240 3.7% 15.9%;
+		--accent-foreground: 0 0% 98%;
+
+		--destructive: 0 62.8% 30.6%;
+		--destructive-foreground: 0 0% 98%;
+
+		--ring: 240 4.9% 83.9%;
+	}
 }
- 
+
 @layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
\ No newline at end of file
+	* {
+		@apply border-border;
+	}
+	body {
+		@apply bg-background text-foreground;
+	}
+	.text-link {
+		@apply text-blue-500 dark:text-blue-600 hover:text-blue-600 dark:hover:text-blue-500 hover:underline visited:text-purple-500 dark:visited:text-purple-600;
+	}
+}
diff --git a/src/lib/assets/Coredump.svelte b/src/lib/assets/Coredump.svelte
new file mode 100644
index 0000000..a343ea1
--- /dev/null
+++ b/src/lib/assets/Coredump.svelte
@@ -0,0 +1,252 @@
+<script lang="ts">
+	import { fly } from 'svelte/transition';
+
+	export let height = '192';
+	export let width = 'auto';
+	export let href: string;
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	viewBox="0 0 2048 416"
+	class="diagram select-none font-mono"
+	text-anchor="middle"
+	font-size="13px"
+	stroke-linecap="round"
+	fill="currentColor"
+	{height}
+	{width}
+	in:fly={{ x: -100, duration: 300, delay: 320 }}
+	out:fly={{ x: 100, duration: 300 }}
+>
+	<a {href}>
+		<circle cx="936" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="936" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="944" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="944" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="952" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="952" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="960" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="960" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="968" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="968" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="976" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="976" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="976" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="976" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="976" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="976" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="984" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="984" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="992" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="992" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1000" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1000" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1008" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1008" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1008" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1008" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1016" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1016" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1016" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1016" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1024" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1024" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1024" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1024" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1032" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1032" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1040" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1040" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1048" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1048" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1056" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1056" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1064" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1064" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1064" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1064" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1064" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<circle cx="1064" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
+		<g class="text">
+			<text x="80" y="20">$$$$$</text>
+			<text x="80" y="36">$:::$</text>
+			<text x="1516" y="36">dddddddd</text>
+			<text x="84" y="52">$$$$$:::$$$$$$</text>
+			<text x="316" y="52">tttt</text>
+			<text x="440" y="52">hhhhhhh</text>
+			<text x="1516" y="52">d::::::d</text>
+			<text x="80" y="68">$$::::::::::::::$</text>
+			<text x="304" y="68">ttt:::t</text>
+			<text x="440" y="68">h:::::h</text>
+			<text x="1516" y="68">d::::::d</text>
+			<text x="76" y="84">$:::::$$$$$$$::::$</text>
+			<text x="304" y="84">t:::::t</text>
+			<text x="440" y="84">h:::::h</text>
+			<text x="1516" y="84">d::::::d</text>
+			<text x="28" y="100">$::::$</text>
+			<text x="128" y="100">$$$$$</text>
+			<text x="304" y="100">t:::::t</text>
+			<text x="440" y="100">h:::::h</text>
+			<text x="1512" y="100">d:::::d</text>
+			<text x="28" y="116">$::::$</text>
+			<text x="304" y="116">ttttttt:::::ttttttt</text>
+			<text x="468" y="116">h::::h hhhhh</text>
+			<text x="652" y="116">eeeeeeeeeeee</text>
+			<text x="868" y="116">cccccccccccccccc</text>
+			<text x="1024" y="116">o</text>
+			<text x="1088" y="116">rrrrr</text>
+			<text x="1168" y="116">rrrrrrrrr</text>
+			<text x="1308" y="116">eeeeeeeeeeee</text>
+			<text x="1508" y="116">ddddddddd:::::d uuuuuu</text>
+			<text x="1652" y="116">uuuuuu</text>
+			<text x="1744" y="116">mmmmmmm</text>
+			<text x="1832" y="116">mmmmmmm</text>
+			<text x="1904" y="116">ppppp</text>
+			<text x="1984" y="116">ppppppppp</text>
+			<text x="28" y="132">$::::$</text>
+			<text x="304" y="132">t:::::::::::::::::t</text>
+			<text x="480" y="132">h::::hh:::::hhh</text>
+			<text x="652" y="132">ee::::::::::::ee</text>
+			<text x="860" y="132">cc:::::::::::::::c</text>
+			<text x="1000" y="132">:::::::::::</text>
+			<text x="1140" y="132">r::::rrr:::::::::r</text>
+			<text x="1308" y="132">ee::::::::::::ee</text>
+			<text x="1500" y="132">dd::::::::::::::d u::::u</text>
+			<text x="1652" y="132">u::::u</text>
+			<text x="1740" y="132">mm:::::::m</text>
+			<text x="1912" y="132">m:::::::mm p::::ppp:::::::::p</text>
+			<text x="64" y="148">$:::::$$$$$$$$$</text>
+			<text x="304" y="148">t:::::::::::::::::t</text>
+			<text x="488" y="148">h::::::::::::::hh</text>
+			<text x="656" y="148">e::::::eeeee:::::ee</text>
+			<text x="1000" y="148">c:::::::::::::::::co:::::::::::::::or:::::::::::::::::r</text>
+			<text x="1416" y="148">e::::::eeeee:::::ee d::::::::::::::::d u::::u</text>
+			<text x="1652" y="148">u::::u</text>
+			<text x="1864" y="148">m::::::::::mm::::::::::mp:::::::::::::::::p</text>
+			<text x="76" y="164">$$::::::::::::$$</text>
+			<text x="304" y="164">tttttt:::::::tttttt</text>
+			<text x="528" y="164">h:::::::hhh::::::h e::::::e</text>
+			<text x="704" y="164">e:::::e</text>
+			<text x="888" y="164">c:::::::cccccc:::::co:::::ooo</text>
+			<text x="1156" y="164">:::::orr::::::rrrrr::::::re::::::e</text>
+			<text x="1464" y="164">e:::::ed:::::::ddddd:::::d u::::u</text>
+			<text x="1652" y="164">u::::u</text>
+			<text x="1868" y="164">m::::::::::::::::::::::mpp::::::ppppp::::::p</text>
+			<text x="88" y="180">$$$$$$$$$:::::$</text>
+			<text x="304" y="180">t:::::t</text>
+			<text x="452" y="180">h::::::h</text>
+			<text x="620" y="180">h::::::he:::::::eeeee::::::e</text>
+			<text x="804" y="180">c::::::c</text>
+			<text x="924" y="180">ccccccco::::</text>
+			<text x="1044" y="180">::::</text>
+			<text x="1104" y="180">r:::::r</text>
+			<text x="1312" y="180">r:::::re:::::::eeeee::::::ed::::::d</text>
+			<text x="1540" y="180">d:::::d u::::u</text>
+			<text x="1652" y="180">u::::u</text>
+			<text x="1820" y="180">m:::::mmm::::::mmm:::::m p:::::p</text>
+			<text x="2016" y="180">p:::::p</text>
+			<text x="124" y="196">$::::$</text>
+			<text x="304" y="196">t:::::t</text>
+			<text x="448" y="196">h:::::h</text>
+			<text x="620" y="196">h:::::he:::::::::::::::::e</text>
+			<text x="800" y="196">c:::::c</text>
+			<text x="956" y="196">::::</text>
+			<text x="1044" y="196">::::</text>
+			<text x="1104" y="196">r:::::r</text>
+			<text x="1308" y="196">rrrrrrre:::::::::::::::::e d:::::d</text>
+			<text x="1540" y="196">d:::::d u::::u</text>
+			<text x="1652" y="196">u::::u</text>
+			<text x="1716" y="196">m::::m</text>
+			<text x="1788" y="196">m::::m</text>
+			<text x="1892" y="196">m::::m p:::::p</text>
+			<text x="2016" y="196">p:::::p</text>
+			<text x="124" y="212">$::::$</text>
+			<text x="304" y="212">t:::::t</text>
+			<text x="448" y="212">h:::::h</text>
+			<text x="616" y="212">h:::::he::::::eeeeeeeeeee</text>
+			<text x="800" y="212">c:::::c</text>
+			<text x="956" y="212">::::</text>
+			<text x="1044" y="212">::::</text>
+			<text x="1104" y="212">r:::::r</text>
+			<text x="1300" y="212">e::::::eeeeeeeeeee</text>
+			<text x="1416" y="212">d:::::d</text>
+			<text x="1540" y="212">d:::::d u::::u</text>
+			<text x="1652" y="212">u::::u</text>
+			<text x="1716" y="212">m::::m</text>
+			<text x="1788" y="212">m::::m</text>
+			<text x="1892" y="212">m::::m p:::::p</text>
+			<text x="2016" y="212">p:::::p</text>
+			<text x="24" y="228">$$$$$</text>
+			<text x="124" y="228">$::::$</text>
+			<text x="304" y="228">t:::::t</text>
+			<text x="420" y="228">tttttt h:::::h</text>
+			<text x="580" y="228">h:::::he:::::::e</text>
+			<text x="804" y="228">c::::::c</text>
+			<text x="924" y="228">ccccccco::::</text>
+			<text x="1044" y="228">::::</text>
+			<text x="1104" y="228">r:::::r</text>
+			<text x="1264" y="228">e:::::::e</text>
+			<text x="1416" y="228">d:::::d</text>
+			<text x="1580" y="228">d:::::d u:::::uuuu:::::u</text>
+			<text x="1716" y="228">m::::m</text>
+			<text x="1788" y="228">m::::m</text>
+			<text x="1892" y="228">m::::m p:::::p</text>
+			<text x="2012" y="228">p::::::p</text>
+			<text x="76" y="244">$::::$$$$$$$:::::$</text>
+			<text x="376" y="244">t::::::tttt:::::t h:::::h</text>
+			<text x="584" y="244">h:::::he::::::::e</text>
+			<text x="888" y="244">c:::::::cccccc:::::co:::::ooo</text>
+			<text x="1040" y="244">:::::</text>
+			<text x="1104" y="244">r:::::r</text>
+			<text x="1268" y="244">e::::::::e</text>
+			<text x="1564" y="244">d::::::ddddd::::::ddu:::::::::::::::uum::::m</text>
+			<text x="1788" y="244">m::::m</text>
+			<text x="1940" y="244">m::::m p:::::ppppp:::::::p</text>
+			<text x="72" y="260">$::::::::::::::$$</text>
+			<text x="376" y="260">tt::::::::::::::t h:::::h</text>
+			<text x="616" y="260">h:::::h e::::::::eeeeeeee</text>
+			<text x="920" y="260">c:::::::::::::::::co:::::::::::::::</text>
+			<text x="1104" y="260">r:::::r</text>
+			<text x="1304" y="260">e::::::::eeeeeeee</text>
+			<text x="1568" y="260">d:::::::::::::::::d u:::::::::::::::um::::m</text>
+			<text x="1788" y="260">m::::m</text>
+			<text x="1936" y="260">m::::m p::::::::::::::::p</text>
+			<text x="68" y="276">$$$$$$:::$$$$$</text>
+			<text x="384" y="276">tt:::::::::::tt h:::::h</text>
+			<text x="544" y="276">h:::::h</text>
+			<text x="652" y="276">ee:::::::::::::e</text>
+			<text x="860" y="276">cc:::::::::::::::c</text>
+			<text x="1000" y="276">:::::::::::</text>
+			<text x="1104" y="276">r:::::r</text>
+			<text x="1308" y="276">ee:::::::::::::e</text>
+			<text x="1476" y="276">d:::::::::ddd::::d</text>
+			<text x="1652" y="276">uu::::::::uu:::um::::m</text>
+			<text x="1788" y="276">m::::m</text>
+			<text x="1932" y="276">m::::m p::::::::::::::pp</text>
+			<text x="72" y="292">$:::$</text>
+			<text x="352" y="292">ttttttttttt</text>
+			<text x="448" y="292">hhhhhhh</text>
+			<text x="544" y="292">hhhhhhh</text>
+			<text x="660" y="292">eeeeeeeeeeeeee</text>
+			<text x="868" y="292">cccccccccccccccc</text>
+			<text x="1024" y="292">o</text>
+			<text x="1104" y="292">rrrrrrr</text>
+			<text x="1316" y="292">eeeeeeeeeeeeee</text>
+			<text x="1448" y="292">ddddddddd</text>
+			<text x="1528" y="292">ddddd</text>
+			<text x="1612" y="292">uuuuuuuu</text>
+			<text x="1700" y="292">uuuummmmmm</text>
+			<text x="1788" y="292">mmmmmm</text>
+			<text x="1924" y="292">mmmmmm p::::::pppppppp</text>
+			<text x="72" y="308">$$$$$</text>
+			<text x="1920" y="308">p:::::p</text>
+			<text x="1920" y="324">p:::::p</text>
+			<text x="1920" y="340">p:::::::p</text>
+			<text x="1920" y="356">p:::::::p</text>
+			<text x="1920" y="372">p:::::::p</text>
+			<text x="1920" y="388">ppppppppp</text>
+		</g>
+	</a>
+</svg>
diff --git a/src/lib/assets/Name.svelte b/src/lib/assets/Name.svelte
index fedc876..976a6f0 100644
--- a/src/lib/assets/Name.svelte
+++ b/src/lib/assets/Name.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import { fly } from 'svelte/transition';
+
 	export let height = '192';
 	export let width = 'auto';
 	export let href: string;
@@ -8,14 +10,15 @@
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
 	viewBox="0 0 2104 416"
-	class="diagram select-none hidden sm:block"
+	class="diagram select-none hidden sm:block font-mono"
 	text-anchor="middle"
-	font-family="monospace"
 	font-size="13px"
 	stroke-linecap="round"
 	fill="currentColor"
 	{height}
 	{width}
+	in:fly={{ x: -100, duration: 300, delay: 320 }}
+	out:fly={{ x: 100, duration: 300 }}
 >
 	<a {href}>
 		<path d="M 112,352 L 232,112" fill="none" stroke="black" />
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 99499ef..2b0cbd6 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -3,13 +3,17 @@
 </script>
 
 <footer class="h-24 px-2 mb-4 text-sm md:text-md xl:text-lg">
-	<hr class="my-4" />
+	<hr class="mb-4" />
 	<div class="flex justify-center flex-col gap-4">
-		<div class="flex justify-around gap-4 brightness-75 hover:brightness-100">
-			<a href="https://github.com/couscousdude" target="_blank"><GithubLogo /></a>
+		<div class="flex justify-around gap-4">
+			<a
+				href="https://github.com/couscousdude"
+				target="_blank"
+				class="dark:brightness-75 dark:hover:brightness-100"><GithubLogo /></a
+			>
 		</div>
 		<p class="text-zinc-400 dark:text-zinc-700 text-center">
-			&copy Youwen Wu 2024 | Built with <strong>SvelteKit</strong> and
+			&copy 2024 Youwen Wu | Built with <strong>SvelteKit</strong> and
 			<strong>shad-cn</strong> |
 			<a href="https://github.com/couscousdude/coredump" target="_blank" class="hover:underline"
 				>View the source</a
diff --git a/src/lib/components/Navbar/Navbar.svelte b/src/lib/components/Navbar/Navbar.svelte
index 711e8e6..ab0aee6 100644
--- a/src/lib/components/Navbar/Navbar.svelte
+++ b/src/lib/components/Navbar/Navbar.svelte
@@ -5,8 +5,9 @@
 	import Name from '$lib/assets/Name.svelte';
 	import { onMount } from 'svelte';
 	import { navigating } from '$app/stores';
+	import Coredump from '$lib/assets/Coredump.svelte';
 
-	let current: 'blog' | 'about' | 'home' | string;
+	let current: 'blog' | 'about' | 'home' | 'projects' | string;
 
 	const updateCurrent = () => {
 		const path = window.location.pathname;
@@ -25,7 +26,11 @@
 
 <nav class="h-20 bg-background bg-opacity-50 backdrop-blur-md fixed w-full">
 	<div class="container mx-auto flex justify-between items-center h-full gap-4">
-		<Name height="100%" href="/" />
+		{#if current === 'blog'}
+			<Coredump height="95%" href="/blog" />
+		{:else}
+			<Name height="100%" href="/" />
+		{/if}
 		<div class="flex gap-14 justify-around align-middle">
 			<a
 				href="/"
@@ -37,11 +42,17 @@
 				class="text-md sm:text-lg md:text-xl font-medium dark:text-zinc-50 text-zinc-700 px-4 py-1 rounded-3xl hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors duration-200"
 				class:selected={current === 'about'}>About</a
 			>
+			<a
+				href="/projects"
+				class="text-md sm:text-lg md:text-xl font-medium dark:text-zinc-50 text-zinc-700 px-4 py-1 rounded-3xl hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors duration-200"
+				class:selected={current === 'projects'}>Projects</a
+			>
 			<a
 				href="/blog"
 				class="text-md sm:text-lg md:text-xl font-medium dark:text-zinc-50 text-zinc-700 px-4 py-1 rounded-3xl hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors duration-200"
 				class:selected={current === 'blog'}>Blog</a
 			>
+
 			<Button on:click={toggleMode} variant="outline" size="icon">
 				<Sun
 					class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
diff --git a/src/lib/components/TextCycle.svelte b/src/lib/components/TextCycle.svelte
new file mode 100644
index 0000000..f26a6e3
--- /dev/null
+++ b/src/lib/components/TextCycle.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { fly } from 'svelte/transition';
+
+	export let items: string[];
+	export let interval: number = 2000;
+	export let beforeText: string = '';
+
+	let currentIndex: number = 0;
+	let timer: number;
+	let temp = true;
+
+	onMount(() => {
+		timer = setInterval(() => {
+			currentIndex = (currentIndex + 1) % items.length;
+			temp = !temp;
+		}, interval);
+
+		return () => clearInterval(timer);
+	});
+</script>
+
+<div class="flex gap-2 text-nowrap flex-wrap">
+	{beforeText}
+	{#if temp}
+		<p in:fly={{ y: -50, duration: 300, delay: 320 }} out:fly={{ y: 50, duration: 300 }}>
+			{items[currentIndex]}
+		</p>
+	{:else}
+		<p in:fly={{ y: -50, duration: 300, delay: 320 }} out:fly={{ y: 50, duration: 300 }}>
+			{items[currentIndex]}
+		</p>
+	{/if}
+</div>
diff --git a/src/lib/components/UnderConstruction.svelte b/src/lib/components/UnderConstruction.svelte
new file mode 100644
index 0000000..4511f7c
--- /dev/null
+++ b/src/lib/components/UnderConstruction.svelte
@@ -0,0 +1,27 @@
+<main class="background w-full h-screen">
+	<div class="container max-w-3xl mx-auto p-10">
+		<h1 class="text-4xl md:text-5xl font-bold text-center tracking-tight mt-20">
+			🚧 Under Construction 🚧
+		</h1>
+		<div class="text-2xl md:text-3xl font-medium mt-10 text-center">
+			<p>Please excuse the mess! This page is currently under construction.</p>
+		</div>
+	</div>
+</main>
+
+<style lang="postcss">
+	.background {
+		--dot-bg: theme('colors.background');
+		--dot-color: theme('colors.foreground');
+		--dot-size: 1px;
+		--dot-space: 22px;
+		background:
+			linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%)
+				center / var(--dot-space) var(--dot-space),
+			linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center /
+				var(--dot-space) var(--dot-space),
+			var(--dot-color);
+
+		--cursor-color: theme('colors.foreground');
+	}
+</style>
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
new file mode 100644
index 0000000..89d82b2
--- /dev/null
+++ b/src/lib/components/ui/card/card-content.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<div class={cn("p-6 pt-0", className)} {...$$restProps}>
+	<slot />
+</div>
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
new file mode 100644
index 0000000..9a35919
--- /dev/null
+++ b/src/lib/components/ui/card/card-description.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLParagraphElement>;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<p class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
+	<slot />
+</p>
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
new file mode 100644
index 0000000..32f90bb
--- /dev/null
+++ b/src/lib/components/ui/card/card-footer.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<div class={cn("flex items-center p-6 pt-0", className)} {...$$restProps}>
+	<slot />
+</div>
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
new file mode 100644
index 0000000..e474528
--- /dev/null
+++ b/src/lib/components/ui/card/card-header.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<div class={cn("flex flex-col space-y-1.5 p-6", className)} {...$$restProps}>
+	<slot />
+</div>
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
new file mode 100644
index 0000000..099ae93
--- /dev/null
+++ b/src/lib/components/ui/card/card-title.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import type { HeadingLevel } from "./index.js";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLHeadingElement> & {
+		tag?: HeadingLevel;
+	};
+
+	let className: $$Props["class"] = undefined;
+	export let tag: $$Props["tag"] = "h3";
+	export { className as class };
+</script>
+
+<svelte:element
+	this={tag}
+	class={cn("font-semibold leading-none tracking-tight", className)}
+	{...$$restProps}
+>
+	<slot />
+</svelte:element>
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
new file mode 100644
index 0000000..43812d1
--- /dev/null
+++ b/src/lib/components/ui/card/card.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "$lib/utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+</script>
+
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+	class={cn("rounded-xl border bg-card text-card-foreground shadow", className)}
+	{...$$restProps}
+	on:click
+	on:focusin
+	on:focusout
+	on:mouseenter
+	on:mouseleave
+>
+	<slot />
+</div>
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
new file mode 100644
index 0000000..bcc031d
--- /dev/null
+++ b/src/lib/components/ui/card/index.ts
@@ -0,0 +1,24 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+
+export {
+	Root,
+	Content,
+	Description,
+	Footer,
+	Header,
+	Title,
+	//
+	Root as Card,
+	Content as CardContent,
+	Description as CardDescription,
+	Footer as CardFooter,
+	Header as CardHeader,
+	Title as CardTitle,
+};
+
+export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..cc078c4
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,15 @@
+<script>
+	import { page } from '$app/stores';
+	import Button from '$lib/components/ui/button/button.svelte';
+	import { Home } from 'svelte-radix';
+
+	const error = $page.error ?? { message: 'unknown' };
+</script>
+
+<main class="flex justify-center h-screen">
+	<div class="max-w-md p-8 rounded outline-primary outline-1 outline mt-20 h-min">
+		<h1 class="text-4xl font-bold mb-4">Oops!</h1>
+		<p class="text-gray-600 mb-8">An error occurred: {error.message}</p>
+		<Button href="/" size="lg"><Home class="mr-2" />Back to homepage</Button>
+	</div>
+</main>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7538471..569da9a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -7,9 +7,15 @@
 	import Footer from '$lib/components/Footer.svelte';
 </script>
 
+<svelte:head>
+	<title>Youwen Wu</title>
+	<meta name="description" content="My personal website and blog." />
+	<meta name="author" content="Youwen Wu" />
+</svelte:head>
+
 <ModeWatcher />
 <Navbar />
-<div class="pb-24 px-4 pt-24">
+<div class="px-4 pt-24">
 	<slot />
 </div>
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index d9ea01b..b5ad08c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,112 @@
 <script>
-	import { faker } from '@faker-js/faker';
+	import Footer from '$lib/components/Footer.svelte';
+	import Button from '$lib/components/ui/button/button.svelte';
+	import * as Card from '$lib/components/ui/card';
+	import { ArrowRight, GithubLogo } from 'svelte-radix';
+	import Typewriter from 'svelte-typewriter';
 </script>
 
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
-{faker.word.words(2000)}
+<svelte:head>
+	<title>Youwen Wu | Home</title>
+	<meta name="description" content="My personal website and blog." />
+	<meta name="author" content="Youwen Wu" />
+</svelte:head>
+
+<main class="background py-2">
+	<div class="container max-w-3xl mx-auto p-10">
+		<Typewriter mode="scramble" scrambleDuration={500}>
+			<h1 class="text-4xl md:text-6xl font-bold text-center tracking-tight mt-20">
+				👋 Hi, I'm Youwen.
+			</h1>
+		</Typewriter>
+		<div class="text-2xl md:text-3xl font-medium mt-10 text-center">
+			<Typewriter cursor mode="loop">
+				<p>Student.</p>
+				<p>Programmer.</p>
+				<p>Math enthusiast.</p>
+				<p>Musician.</p>
+				<p>Hacker.</p>
+			</Typewriter>
+			<br />
+			<Typewriter mode="scramble" scrambleDuration={1000}>
+				I'm interested in systems programming, web design, data science, and statistics.
+			</Typewriter>
+		</div>
+		<span class="flex gap-2 justify-center my-8">
+			<Button href="/about" size="lg" class="text-xl">About Me</Button>
+			<Button
+				href="https://github.com/couscousdude"
+				target="_blank"
+				variant="outline"
+				size="lg"
+				class="text-xl"><GithubLogo class="mr-2" />My GitHub</Button
+			>
+		</span>
+		<div class="grid sm:grid-cols-2 gap-4 grid-cols-1">
+			<Card.Root>
+				<Card.Header>
+					<Card.Title>Blog</Card.Title>
+				</Card.Header>
+				<Card.Content>
+					<p>
+						Check out my blog, <strong>The Coredump</strong>, where I occasionally write about
+						computer science, math, and everything else on my mind.
+					</p>
+				</Card.Content>
+				<Card.Footer>
+					<Button variant="outline" href="/blog">Go<ArrowRight class="ml-2" /></Button>
+				</Card.Footer>
+			</Card.Root>
+			<Card.Root>
+				<Card.Header>
+					<Card.Title>Projects</Card.Title>
+				</Card.Header>
+				<Card.Content>
+					I'm currently working on:
+					<ul class="list-disc ml-4">
+						<li>
+							<a class="text-link" href="https://github.com/couscousdude/discard" target="_blank"
+								>discard</a
+							>, a lightweight self-generating flashcards app.
+						</li>
+						<li>
+							<a class="text-link" href="https://github.com/couscousdude/aural" target="_blank"
+								>aural</a
+							>, a no-frills Ollama client for interfacing with local LLMs using voice-to-text,
+							without any internet.
+						</li>
+					</ul>
+				</Card.Content>
+				<Card.Footer>
+					<span class="flex gap-2">
+						<Button variant="outline" href="/projects"
+							>My Projects<ArrowRight class="ml-2" /></Button
+						>
+						<Button
+							variant="secondary"
+							size="icon"
+							href="https://github.com/couscousdude?tab=repositories"><GithubLogo /></Button
+						>
+					</span>
+				</Card.Footer>
+			</Card.Root>
+		</div>
+	</div>
+</main>
+
+<style lang="postcss">
+	.background {
+		--dot-bg: theme('colors.background');
+		--dot-color: theme('colors.foreground');
+		--dot-size: 1px;
+		--dot-space: 22px;
+		background:
+			linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%)
+				center / var(--dot-space) var(--dot-space),
+			linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center /
+				var(--dot-space) var(--dot-space),
+			var(--dot-color);
+
+		--cursor-color: theme('colors.foreground');
+	}
+</style>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index e69de29..14f1033 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,9 @@
+<script>
+	import UnderConstruction from '$lib/components/UnderConstruction.svelte';
+</script>
+
+<svelte:head>
+	<title>Youwen Wu | About</title>
+</svelte:head>
+
+<UnderConstruction />
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index e69de29..b970c34 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -0,0 +1,11 @@
+<script>
+	import UnderConstruction from '$lib/components/UnderConstruction.svelte';
+</script>
+
+<svelte:head>
+	<title>Youwen Wu | The Coredump</title>
+	<meta name="description" content="My blog on computer science, math, and more." />
+	<meta name="author" content="Youwen Wu" />
+</svelte:head>
+
+<UnderConstruction />
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
new file mode 100644
index 0000000..b571e0b
--- /dev/null
+++ b/src/routes/projects/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+	import UnderConstruction from '$lib/components/UnderConstruction.svelte';
+</script>
+
+<UnderConstruction />