Fix About page colors and spacing, add quick links to homepage (#319)

sneakycrow · Sep 17, 2024 · c3ad541 · c3ad541
1 parent e89f0a3
commit c3ad541
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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:[email protected]"
+      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