Compress images

src/content/blog/week5-6.mdx

@@ -2,16 +2,19 @@
 layout: ../../layouts/LayoutMdx.astro
 title: Weeks 5 & 6
 date: 2021-04-18
-image: week5-6/design.png
+dir: week5-6
+image: design
+fileType: png
 description: we start defluffing
 ---
 
+import { generateImageHyrdationFunction } from "../../utils";
+export const s = generateImageHyrdationFunction("week5-6");
 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) => `week5-6/${s}`;
 
 ## We're back!
 
@@ -37,9 +40,9 @@ We've implemented a time-share scheme for the dishwasher and washing machine for
 
 <Cards
   images={[
-    { title: "Going", src: s("utility1.jpg") },
-    { title: "Going", src: s("utility2.jpg") },
-    { title: "Red?", src: s("utility3.jpg") },
+    { title: "Going", src: s("utility1") },
+    { title: "Going", src: s("utility2") },
+    { title: "Red?", src: s("utility3") },
   ]}
 />
 
@@ -59,8 +62,8 @@ Woo! One of the biggest contra dance series in the country is London Barndance w
 
 <Cards
   images={[
-    { title: "Onstage", src: s("gig1.jpg") },
-    { title: "As the audience", src: s("gig2.jpg") },
+    { title: "Onstage", src: s("gig1") },
+    { title: "As the audience", src: s("gig2") },
   ]}
 />
 
@@ -74,15 +77,15 @@ Now that the cable was in place we need to terminate it. In the office this was
 
 <Cards
   images={[
-    { title: "Cutting the hole", src: s("eth1.jpg") },
-    { title: "Terminating the cable", src: s("eth2.jpg") },
-    { title: "Putting everything together", src: s("eth3.jpg") },
+    { title: "Cutting the hole", src: s("eth1") },
+    { title: "Terminating the cable", src: s("eth2") },
+    { title: "Putting everything together", src: s("eth3") },
   ]}
 />
 
 Buoyed by that success we headed back down to the lounge to terminate the other end of the cable. I picked a likely sounding hollow spot next to a socket and started cutting out a hole...
 
-<Solocard title="What's all this?" src={s("pipes.jpg")} />
+<Solocard title="What's all this?" src={s("pipes")} />
 
 Hmm, this was a bit of an issue. I knew there would be pipes there, but I thought that they would be deeper into the wall. The wood also poses a bit of a problem. It means that I wouldn't be able to use the plasterboard-clamp style of backbox. Ok, I thought, there's a bit of wood there - let's just use a standard metal backbox. Nope! There's not even enough room for the shallowest box.
 
@@ -92,9 +95,9 @@ Hmm. What to do? I considered shaving the wood back to create enough room, but I
 
 <Cards
   images={[
-    { title: "Design", src: s("design.png") },
-    { title: "Print", src: s("print.jpg") },
-    { title: "Fit", src: s("fit.jpg") },
+    { title: "Design", src: s("design", "png") },
+    { title: "Print", src: s("print") },
+    { title: "Fit", src: s("fit") },
   ]}
 />
 
@@ -110,14 +113,14 @@ The office continues to gradually evolve. We've finally got enough office chairs
 
 <Cards
   images={[
-    { title: "New office chair for Ozzy", src: s("office-ozzy.jpg") },
-    { title: "New monitor+arm for Nikki", src: s("office-nikki.jpg") },
-    { title: "Window cleaning never ceases", src: s("windows.jpg") },
+    { title: "New office chair for Ozzy", src: s("office-ozzy") },
+    { title: "New monitor+arm for Nikki", src: s("office-nikki") },
+    { title: "Window cleaning never ceases", src: s("windows") },
     {
       title: "We gave a bay tree a haircut, so now we've got some indoor bay",
-      src: s("bae.jpg"),
+      src: s("bae"),
     },
-    { title: "On a walk we found a midlife crisis tree", src: s("crisis.jpg") },
+    { title: "On a walk we found a midlife crisis tree", src: s("crisis") },
   ]}
 />