fix: move about assets into src

src/pages/about/index.astro

@@ -6,16 +6,16 @@ import { Icon } from "astro-icon/components";
 import Link from "@components/Link.astro";
 import { createSlug } from "@lib/utils";
 
-import me from "./me.jpg";
-import camoicon from "./camouflage-store.png";
-import nisaicon from "./nisa.png";
-import pphicon from "./paigntonpicturehouse.png";
-import webbossicon from "./webboss.png";
+import me from "@assets/me.jpg";
+import camoicon from "@assets/camouflage-store.png";
+import nisaicon from "@assets/nisa.png";
+import pphicon from "@assets/paigntonpicturehouse.png";
+import webbossicon from "@assets/webboss.png";
 
-import uopicon from "./uop.png";
-import ucsdicon from "./ucsd.png";
-import sdcicon from "./sdc.png";
-import keviccicon from "./kevicc.png";
+import uopicon from "@assets/uop.png";
+import ucsdicon from "@assets/ucsd.png";
+import sdcicon from "@assets/sdc.png";
+import keviccicon from "@assets/kevicc.png";
 
 const projects = [
   {
@@ -24,7 +24,7 @@ const projects = [
     description:
       "A fast-paced first person shooter set following the realization that you’re all out of beans. The problem is, you’re nearing the end of cooking all the other items and you can’t just not have them. Without beans, the day just won’t be started off right.",
     tags: ["Godot", "Blender", "GIMP", "Steamworks"],
-    link: "/projects/must-find-beans",
+    link: "https://troylusty.com/projects/must-find-beans",
     done: false,
   },
   {
@@ -48,7 +48,7 @@ const projects = [
     description:
       "A collection of digital artwork created with a variety of tools.",
     tags: ["Blender", "Cinema 4D", "DaVinci Resolve"],
-    link: "/projects",
+    link: "https://troylusty.com/projects",
     done: true,
   },
   {
@@ -57,7 +57,7 @@ const projects = [
     description:
       "Packard is a simple terminal based RSS aggregator meant to allow you to take a quick glance at what’s occurring in topics you care about.",
     tags: ["Rust", "Tokio", "Clap", "NixOS Flake"],
-    link: "/projects/packard",
+    link: "https://troylusty.com/projects/packard",
     done: true,
   },
 ];
@@ -102,7 +102,7 @@ const education = [
     name: "University of Plymouth",
     image: uopicon,
     course: "BA (Hons) Game Arts and Design",
-    date: "2024 - Now",
+    date: "2024 - 2025",
   },
   {
     id: 2,
@@ -124,7 +124,7 @@ const education = [
     name: "King Edward VI Community College",
     image: keviccicon,
     course:
-      "Art & Design BTEC, Comp Sci A-level, 10 GCSEs, Creative iMedia Level 2",
+      "Art & Design BTEC, Computer Science A-level, 10 GCSEs, Creative iMedia Level 2",
     date: "2014 - 2020",
   },
 ];
@@ -152,31 +152,35 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
       </p><div class="text-secondary/70 flex gap-x-1 pt-1 text-sm print:hidden">
         <Link
           href="/"
+          aria-label="Website"
           class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
         >
-          <Icon name="mdi:link-variant" title="Website" class="h-4 w-4" />
+          <Icon name="mdi:link-variant" class="h-4 w-4" />
         </Link>
         <Link
           href={`mailto:${SITE.EMAIL}`}
+          aria-label="Email"
           class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
         >
-          <Icon name="mdi:email" title="Email" class="h-4 w-4" />
+          <Icon name="mdi:email" class="h-4 w-4" />
         </Link>
         <Link
           href="https://code.threepop.com"
+          aria-label="Git"
           class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
         >
-          <Icon name="mdi:git" title="Git" class="h-4 w-4" />
+          <Icon name="mdi:git" class="h-4 w-4" />
         </Link>
         <Link
           href="https://store.steampowered.com/developer/troy"
+          aria-label="Steam"
           class="bg-button text-secondary hover:bg-button-active flex w-fit flex-row items-center gap-1 justify-self-center rounded-full p-2 text-center text-sm text-nowrap capitalize transition-colors duration-300"
         >
-          <Icon name="mdi:steam" title="Steamworks" class="h-4 w-4" />
+          <Icon name="mdi:steam" class="h-4 w-4" />
         </Link>
       </div>
       <p
-        class="text-secondary/70 hidden max-w-md items-center text-sm text-pretty print:flex"
+        class="text-secondary/70 hidden max-w-md items-center text-pretty print:flex"
       >
         <Link
           class="inline-flex gap-x-1.5 align-baseline leading-none hover:underline"
@@ -218,7 +222,7 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
     </p>
   </section>
 
-  <section class="animate-reveal opacity-0 [animation-delay:0.2s]">
+  <section class="animate-reveal opacity-0 [animation-delay:0.2s] print:hidden">
     <div
       class="flex flex-col-reverse justify-between gap-5 rounded-sm bg-yellow-200/20 p-6 transition-transform duration-300 hover:scale-102 md:flex-row dark:bg-yellow-900/20"
     >
@@ -352,14 +356,17 @@ const sortedEducation = [...education].sort((a, b) => a.id - b.id);
                       class="inline-flex items-center gap-1 font-medium underline hover:no-underline"
                     >
                       {project.done ? (
-                        <span class="mr-1 h-1 w-1 rounded-full bg-green-500" />
+                        <span class="mr-1 h-1.5 w-1.5 rounded-full bg-green-600 dark:bg-green-400" />
                       ) : (
-                        <span class="mr-1 h-1 w-1 rounded-full bg-amber-500" />
+                        <span class="mr-1 h-1.5 w-1.5 rounded-full bg-amber-600 dark:bg-amber-400" />
                       )}
                       {project.name}
                     </Link>
                   </h3>
                   <p class="text-secondary/70 text-sm">{project.description}</p>
+                  <p class="text-secondary/40 hidden text-xs print:block">
+                    Available at {project.link}.
+                  </p>
                 </>
               </div>
             </div>