Compress images

src/content/blog/work5.mdx

@@ -2,16 +2,18 @@
 layout: ../../layouts/LayoutMdx.astro
 title: Works 5
 date: 2021-11-25
-image: work5/kitchen.jpg
+dir: work5
+image: kitchen
 description: things dragon 🐉
 ---
 
+import { generateImageHyrdationFunction } from "../../utils";
+export const s = generateImageHyrdationFunction("work5");
 import Cards from "../../components/Cards.astro";
 import Solocard from "../../components/Solocard.astro";
 import NextPrev from "../../components/NextPrev.astro";
 import Progress from "../../components/Progress.astro";
 import YTVideo from "../../components/YTVideo.astro";
-export const s = (s) => `work5/${s}`;
 
 Hmmm! It's been two weeks since the last update. I was kind of hoping that this would be the last major update for the kitchen and bathroom, but it looks like things are going to 🐉 drag on 🐉 a bit more. This seems to happen for every project - it always takes a completely disproportionate amount of time to get the last 5% done.
 
@@ -25,19 +27,19 @@ At the time of writing, the plumbers (who have pushed back their arrival many ti
 
 <Solocard
   title="Toilet, sink, and mirror are now complete"
-  src={s("bathroom1.jpg")}
+  src={s("bathroom1")}
 />
 
 <Cards
   images={[
     {
       title: "The support for the monolith and the lovely warm towel rail",
-      src: s("bathroom2.jpg"),
+      src: s("bathroom2"),
     },
     {
       title:
         "Stop trying to run underfloor heating and a towel rail on a lighting circuit",
-      src: s("rewiring.jpg"),
+      src: s("rewiring"),
     },
   ]}
 />
@@ -54,21 +56,18 @@ The kitchen has come along a lot since the last update. It's been a bit hectic w
 
 <Cards
   images={[
-    { title: "First meal cooked in the new kitchen", src: s("yum.jpg") },
-    { title: "More load testing", src: s("loadtesting.jpg") },
-    { title: "Picking the floor colour", src: s("floorcolours.jpg") },
-    { title: "🔊 Speakers and lights 💡", src: s("speakersandlights.jpg") },
-    { title: "Half a worktop", src: s("worktop1.jpg") },
-    { title: "Lining up the other half", src: s("worktop2.jpg") },
+    { title: "First meal cooked in the new kitchen", src: s("yum") },
+    { title: "More load testing", src: s("loadtesting") },
+    { title: "Picking the floor colour", src: s("floorcolours") },
+    { title: "🔊 Speakers and lights 💡", src: s("speakersandlights") },
+    { title: "Half a worktop", src: s("worktop1") },
+    { title: "Lining up the other half", src: s("worktop2") },
   ]}
 />
 
 The lights have been a particularly great milestone. However, as the pendant holes had been made before the island was in place, we didn't notice that they weren't aligned correctly until after they had been installed. 😲 Luckily the electrician was able to move them, with much less trouble and mess than we feared! The spotlights and pendants are both dimmable for cooking moodily.
 
-<Solocard
-  title="Neeeeearly complete island #grammable"
-  src={s("kitchen.jpg")}
-/>
+<Solocard title="Neeeeearly complete island #grammable" src={s("kitchen")} />
 
 We had a couple of people over from Shaker & May to touch things up and sign things off, and as a result two of the cupboard doors are being sent back for imperfections that they spotted rather than we did. The dishwasher door still needs adjustment so that it can open fully.
 
@@ -76,8 +75,14 @@ The electrics have all been fitted now that the worktop is in place. We tried ou
 
 <Cards
   images={[
-    { title: "Sluuurrrrpp", src: s("hobextraction.gif") },
-    { title: "😋 Ozzy Cooks Food! 😋", src: s("ozzycooksfood.png") },
+    {
+      title: "Sluuurrrrpp",
+      src: {
+        optimise: false,
+        name: "/images/work5/hobextraction.gif",
+      },
+    },
+    { title: "😋 Ozzy Cooks Food! 😋", src: s("ozzycooksfood", "png") },
   ]}
 />
 
@@ -85,10 +90,10 @@ Simon mentioned at the beginning that you can get clear sockets that are designe
 
 <Cards
   images={[
-    { title: "Socket with card to be painted", src: s("socket1.jpg") },
-    { title: "Socket with card painted", src: s("socket2.jpg") },
-    { title: "Nearly invisible socket", src: s("socket3.jpg") },
-    { title: "Super shiny socket 😞", src: s("socket4.jpg") },
+    { title: "Socket with card to be painted", src: s("socket1") },
+    { title: "Socket with card painted", src: s("socket2") },
+    { title: "Nearly invisible socket", src: s("socket3") },
+    { title: "Super shiny socket 😞", src: s("socket4") },
   ]}
 />
 
@@ -104,7 +109,7 @@ We're still waiting on the sink and dishwasher to be plumbed in, but everything'
 
 What with everything being nearly completed and Simon no longer coming in every day, I've been looking forward to moving back into our proper bedroom...
 
-<Solocard title="Oh wait..." src={s("bedroom.jpg")} />
+<Solocard title="Oh wait..." src={s("bedroom")} />
 
 It turns out that the best time to paint a room is when you aren't using it - so it'll be at least a few more nights before we manage to escape the spare room. We're having to fit painting in around work and weekends away, so it's taking longer than it might otherwise.