fix: compress images for web

package-lock.json

@@ -13,7 +13,7 @@
         "@astrojs/rss": "^4.0.11",
         "@astrojs/sitemap": "3.3.1",
         "@tailwindcss/vite": "^4.1.5",
-        "astro": "^5.7.10",
+        "astro": "^5.7.11",
         "astro-icon": "^1.1.5",
         "rehype-external-links": "^3.0.0",
         "tailwindcss": "^4.1.5",
@@ -22,7 +22,7 @@
       "devDependencies": {
         "@iconify-json/mdi": "^1.2.3",
         "@tailwindcss/typography": "^0.5.16",
-        "@types/node": "^22.15.3",
+        "@types/node": "^22.15.13",
         "npm-check-updates": "^18.0.1",
         "prettier": "^3.5.3",
         "prettier-plugin-astro": "^0.14.1",
@@ -1975,9 +1975,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "22.15.3",
+      "version": "22.15.13",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.3.tgz",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.13.tgz",
-      "integrity": "sha512-lX7HFZeHf4QG/J7tBZqrCAXwz9J5RD56Y6MpP0eJkka8p+K0RY/yBTW7CYFJ4VGCclxqOLKmiGP5juQc6MKgcw==",
+      "integrity": "sha512-mkmz+UBGCF/ssSObTp1McwQEvIjO2hUnVvZzck61l0su7btUill8OSvzA4N62+AtkJgMhiniyD+wEL5kocZaEA==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.21.0"
@@ -2291,9 +2291,9 @@
       }
     },
     "node_modules/astro": {
-      "version": "5.7.10",
+      "version": "5.7.11",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-5.7.10.tgz",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-5.7.11.tgz",
-      "integrity": "sha512-9TQcFZqP2w6//JXXUHfw8/5PX7KUx9EkG5O3m+hISuyeUztvjY1q5+p7+C5HiXyg24Zs3KkpieoL5BGRXGCAGA==",
+      "integrity": "sha512-9qRVwp8pue3isddLBnTexJsmKFpmms9Fo7Ss+3yrC0aINvbHKpD7q6qf52BtfQEk2xJgyx3SQy3dUsuD90sEqQ==",
       "license": "MIT",
       "dependencies": {
         "@astrojs/compiler": "^2.11.0",
@@ -2343,7 +2343,7 @@
         "tinyglobby": "^0.2.12",
         "tsconfck": "^3.1.5",
         "ultrahtml": "^1.6.0",
-        "unifont": "~0.4.1",
+        "unifont": "~0.5.0",
         "unist-util-visit": "^5.0.0",
         "unstorage": "^1.15.0",
         "vfile": "^6.0.3",
@@ -7568,9 +7568,9 @@
       }
     },
     "node_modules/unifont": {
-      "version": "0.4.1",
+      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/unifont/-/unifont-0.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/unifont/-/unifont-0.5.0.tgz",
-      "integrity": "sha512-zKSY9qO8svWYns+FGKjyVdLvpGPwqmsCjeJLN1xndMiqxHWBAhoWDMYMG960MxeV48clBmG+fDP59dHY1VoZvg==",
+      "integrity": "sha512-4DueXMP5Hy4n607sh+vJ+rajoLu778aU3GzqeTCqsD/EaUcvqZT9wPC8kgK6Vjh22ZskrxyRCR71FwNOaYn6jA==",
       "license": "MIT",
       "dependencies": {
         "css-tree": "^3.0.0",

package.json

@@ -17,7 +17,7 @@
     "@astrojs/rss": "^4.0.11",
     "@astrojs/sitemap": "3.3.1",
     "@tailwindcss/vite": "^4.1.5",
-    "astro": "^5.7.10",
+    "astro": "^5.7.11",
     "astro-icon": "^1.1.5",
     "rehype-external-links": "^3.0.0",
     "tailwindcss": "^4.1.5",
@@ -26,7 +26,7 @@
   "devDependencies": {
     "@iconify-json/mdi": "^1.2.3",
     "@tailwindcss/typography": "^0.5.16",
-    "@types/node": "^22.15.3",
+    "@types/node": "^22.15.13",
     "npm-check-updates": "^18.0.1",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",

src/components/Head.astro

@@ -1,7 +1,6 @@
 ---
 import { SITE } from "@consts";
 import gradient from "../../public/assets/gradient.avif";
-import { ClientRouter } from "astro:transitions";
 import { Font } from "astro:assets";
 
 interface Props {
@@ -90,9 +89,6 @@ if (typeof tags !== "undefined") {
   <meta property="twitter:description" content={description} />
   <meta property="twitter:image" content={new URL(image, Astro.url)} />
 
-  <!-- View Transitions -->
-  <ClientRouter />
-
   <!-- Font Preload -->
   <Font cssVariable="--font-outfit" preload />
   <Font cssVariable="--font-red-hat-mono" preload />

src/content/projects/a-long-way-down/index.mdx

@@ -18,8 +18,8 @@ import image4 from "alwd-img4.jpg";
 import image5 from "alwd-img5.jpg";
 import image6 from "alwd-img6.jpg";
 import image7 from "29ff3-alwd-introarea-24042023.jpg";
-import image8 from "Screenshot_20230402_222043.png";
+import image8 from "Screenshot_20230402_222043.jpg";
-import image9 from "Screenshot from 2023-03-07 15-30-43.png";
+import image9 from "Screenshot from 2023-03-07 15-30-43.jpg";
 import image10 from "Screenshot from 2023-03-01 20-02-00.jpg";
 
 import alongwaydown_demo_walkthrough from "alongwaydown-demo-walkthrough.webm";
@@ -49,8 +49,8 @@ A Long Way Down is a short, atmospheric linear adventure created alongside my fr
 
 import image11 from "troy-lusty-nightmare.avif";
 import image12 from "troy-lusty-nightmare-frame-1182.avif";
-import image13 from "troy-lusty-highresscreenshot00000.png";
+import image13 from "troy-lusty-highresscreenshot00000.jpg";
-import image14 from "troy-lusty-untitled.png";
+import image14 from "troy-lusty-untitled.jpg";
 
 import nightmare from "nightmare.webm";
 

src/content/projects/archive/index.mdx

@@ -66,13 +66,12 @@ import video2023_07_19 from "./2023-07-19.webm";
 
 import image2024_04_01 from "./2024-04-01.jpg";
 import image2022_01_27 from "./2022-01-27.jpg";
-import image2022_01_06 from "./2022-01-06.jpg";
 import image2023_11_23 from "./2023-11-23.jpg";
 import image2024_02_15 from "./2024-02-15.jpg";
 import image2023_10_12 from "./2023-10-12.jpg";
 import image2022_09_26 from "./2022-09-26.jpg";
 import image2023_11_02 from "./2023-11-02.jpg";
-import image2022_03_27 from "./2022-03-27.png";
+import image2022_03_27 from "./2022-03-27.jpg";
 import image2022_05_17 from "./2022-05-17.jpg";
 import image2023_01_05 from "./2023-01-05.jpg";
 import image2024_07_19 from "./2024-07-19.jpg";
@@ -90,7 +89,6 @@ import imagelovesongs from "./lovesongs-2-2153-P.jpg";
   items={[
     { src: image2024_04_01, alt: "224 Torquay Road" },
     { src: image2022_01_27, alt: "Studying Spider" },
-    { src: image2022_01_06, alt: "Firespline" },
     { src: image2023_11_23, alt: "Ugolino and His Sons lighting" },
     { src: image2024_02_15, alt: "Austin" },
     { src: image2023_10_12, alt: "Austin" },

src/content/projects/sinkie-soldiers/index.mdx

@@ -3,7 +3,7 @@ title: "Sinkie Soldiers"
 description: "Keep control of the castle, but more importantly: your armour."
 date: 2024-03-15
 updated: 2024-12-12
-image: { url: "EsTSQ3.png", alt: "Sinkie Soldiers Logo" }
+image: { url: "EsTSQ3.jpg", alt: "Sinkie Soldiers Logo" }
 categories: ["personal"]
 tags: ["unreal engine", "blender", "gimp", "fl studio"]
 extraAuthors: [{ name: "Sam Griffiths", url: "https://samgriffiths.dev" }]
@@ -13,7 +13,7 @@ extraAuthors: [{ name: "Sam Griffiths", url: "https://samgriffiths.dev" }]
 
 If you're interested in looking at our original [submission](https://troylusty.itch.io/sinkie-soldiers), it was done as a part of the [Ukie Student Game Jam 2024](https://itch.io/jam/ukie-student-game-jam-2024), in which the team consisted of myself and Sam Griffiths. The jam ran for one day from 14 Mar 2024 9:00 AM to 15 Mar 2024 5:00 PM.
 
-![Sinkie Soldiers Logo](EsTSQ3.png)
+![Sinkie Soldiers Logo](EsTSQ3.jpg)
 
 ## Keep control of the castle, but more importantly: your armour.
 

src/pages/projects/index.astro

@@ -18,17 +18,4 @@ const projects = (await getCollection("projects"))
   >
     {projects.map((article: any) => <ShowcaseProject collection={article} />)}
   </ol>
-  <div role="alert" class="animate-reveal opacity-0 [animation-delay:0.2s]">
-    <div class="rounded-t bg-amber-500 px-4 py-2 font-bold text-white">
-      Notice
-    </div>
-    <div
-      class="rounded-b border border-t-0 border-amber-400 bg-amber-100 px-4 py-3 text-amber-700 dark:border-amber-600 dark:bg-amber-900 dark:text-amber-300"
-    >
-      <p>
-        Some content may be unoptimised as I am in the process of
-        reworking what is on display.
-      </p>
-    </div>
-  </div>
 </Layout>