From c3ad541ce4db689bc900d9233e33a7d86e5d900e Mon Sep 17 00:00:00 2001
From: Zachary Corvidae <zach@sneakycrow.dev>
Date: Tue, 17 Sep 2024 14:09:31 -0700
Subject: [PATCH] Fix About page colors and spacing, add quick links to
 homepage (#319)

---
 src/lib/components/BlurTextList.svelte |  2 +-
 src/lib/components/ProjectList.svelte  |  4 ++--
 src/lib/index.ts                       |  5 +++--
 src/routes/+page.svelte                | 20 ++++++++++++++++++++
 4 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/BlurTextList.svelte b/src/lib/components/BlurTextList.svelte
index 2a49e811..8a0fa2c1 100644
--- a/src/lib/components/BlurTextList.svelte
+++ b/src/lib/components/BlurTextList.svelte
@@ -25,7 +25,7 @@
   {#key title}
     <p
       transition:blur
-      class="absolute text-2xl lg:text-4xl text-gray-400 font-semibold my-2 text-center lg:text-left"
+      class="absolute text-2xl lg:text-4xl text-primary-500 font-semibold text-center lg:text-left"
     >
       {title}
     </p>
diff --git a/src/lib/components/ProjectList.svelte b/src/lib/components/ProjectList.svelte
index 080d91f6..fc6b5421 100644
--- a/src/lib/components/ProjectList.svelte
+++ b/src/lib/components/ProjectList.svelte
@@ -8,8 +8,8 @@
       href={project.website}
       class={`flex flex-col justify-between border-l-8 pl-4 space-y-2 lg:opacity-50 lg:hover:opacity-100 transition-opacity ${project.borderColor}`}
     >
-      <span class="text-xl font-extrabold text-gray-700">{project.name}</span>
-      <span class="text-gray-500 text-sm">{project.description}</span>
+      <span class="text-xl font-extrabold text-black dark:text-white">{project.name}</span>
+      <span class="text-black/75 dark:text-white/75 text-sm">{project.description}</span>
     </a>
   {/each}
 </section>
diff --git a/src/lib/index.ts b/src/lib/index.ts
index a500ef5e..cf3572c8 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -3,7 +3,6 @@ export const titles = [
   "Applications Engineer",
   "Technical Architect",
   "Founding Engineer",
-  "Open-source Contributor",
   "Dad",
   "Musician",
   "Guitarist",
@@ -13,7 +12,9 @@ export const titles = [
   "5E Paladin",
   "Photographer",
   "Artist",
-  "Avid Reader"
+  "Avid Reader",
+  "3D Modeler",
+  "Embedded Engineer"
 ];
 
 export const keywords = [
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index caf825f0..23937373 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -15,6 +15,26 @@
     style="animation: bounce 3s infinite;"
     width={300}
   />
+  <div class="flex space-x-4">
+    <a
+      href="https://github.com/sneakycrow"
+      class="text-sm uppercase text-black dark:text-white hover:text-blue-500 underline decoration-2 decoration-blue-500 transition-colors duration-300"
+    >
+      GitHub
+    </a>
+    <a
+      href="mailto:zach@sneakycrow.dev"
+      class="text-sm uppercase text-black dark:text-white hover:text-purple-500 underline decoration-2 decoration-purple-500 transition-colors duration-300"
+    >
+      Email
+    </a>
+    <a
+      href="/resume.pdf"
+      class="text-sm uppercase text-black dark:text-white hover:text-yellow-500 underline decoration-2 decoration-yellow-500 transition-colors duration-300"
+    >
+      Resume
+    </a>
+  </div>
   <p class="text-xl">
     Hey there, I'm Zach. I'm a human being of many titles, and I'm definitely <span
       class="font-bold underline italic uppercase">not</span