♿ Make "socials" scale on hover

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img alt="logo" src="/public/mii.webp" width="100" />
+  <img alt="logo" src="./public/mii.webp" width="100" />
 </div>
 <h1 align="center">
   <a href="https://kjelsrud.dev">kjelsrud.dev</a>

src/components/Footer.astro

@@ -1,12 +1,12 @@
-<footer class="flex justify-evenly py-5 mt-5 footerbg">
+<footer class="flex justify-between py-5 mt-5 footerbg">
   <div class="flex gap-6">
-    <a href="https://code.kjelsrud.dev/sidski" target="_blank" aria-label="Link to my ForgeJo instance">
+    <a class="hover:scale-125" href="https://code.kjelsrud.dev/sidski" target="_blank" aria-label="Link to my ForgeJo instance">
       <div id="forgejoIcon">
         <svg id="forgejoSvg" width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#89b4fa" d="M89.457 0C83.719 0 78.68 3.195 76.012 7.887h-7.176c-20.844 0-37.902 17.059-37.902 37.902v53.265c-4.691 2.672-7.883 7.709-7.883 13.443c0 8.488 6.977 15.471 15.465 15.471s15.465-6.982 15.465-15.471c0-5.738-3.199-10.775-7.887-13.443V87.027c0-12.645 10.094-22.738 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.484 0 15.465-6.98 15.465-15.465s-6.977-15.465-15.465-15.465c-5.738 0-10.777 3.195-13.445 7.883h-7.176c-8.515 0-16.396 2.849-22.742 7.639V45.789a22.62 22.62 0 0 1 22.742-22.738h7.176c2.668 4.688 7.707 7.883 13.445 7.883c8.488 0 15.465-6.98 15.465-15.465S97.945 0 89.457 0m0 9.098c3.574 0 6.367 2.797 6.367 6.371s-2.793 6.367-6.367 6.367a6.3 6.3 0 0 1-6.367-6.367a6.3 6.3 0 0 1 6.367-6.371m0 41.242c3.574 0 6.367 2.797 6.367 6.367a6.29 6.29 0 0 1-6.367 6.363a6.29 6.29 0 0 1-6.367-6.363a6.3 6.3 0 0 1 6.367-6.367m-50.941 55.793a6.3 6.3 0 0 1 6.363 6.367c0 3.574-2.797 6.371-6.363 6.371c-3.574 0-6.367-2.797-6.367-6.371s2.793-6.367 6.367-6.367"/></svg>
       </div>
     </a>
 
-    <a href="https://webring.xxiivv.com/#sid" target="_blank" aria-label="Link to my XXIIVV webring">
+    <a class="hover:scale-125" href="https://webring.xxiivv.com/#sid" target="_blank" aria-label="Link to my XXIIVV webring">
       <div id="xxiivvwebringIcon">
         <svg id="xxiivvwebringSvg" fill="none" height="30" width="30" viewBox="0 0 300 300" stroke="#89b4fa" stroke-linecap="square" stroke-width="28">
           <path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"></path>
@@ -16,10 +16,13 @@
       </div>
     </a>
 
-    <a href="https://kjelsrud.dev/rss.xml" target="_blank" aria-label="RSS feed">
+    <a class="hover:scale-125" href="https://kjelsrud.dev/rss.xml" target="_blank" aria-label="RSS feed">
       <div id="rssIcon">
         <svg id="rssSvg" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 16 16"><g fill="#89b4fa"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M5.5 12a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-3-8.5a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0a8 8 0 0 0-8-8a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1a6 6 0 0 1 6 6a1 1 0 1 1-2 0a4 4 0 0 0-4-4a1 1 0 0 1-1-1"/></g></svg>
       </div>
     </a>
   </div>
+  <a href="/88x31.webp" class="hover:scale-125">
+    <img src="/88x31.webp" />
+  </a>
 </footer>

src/pages/todo.md

@@ -4,13 +4,12 @@ description: ""
 layout: "../layouts/Layout.astro"
 ---
 
-> _Last update: February 16, 2025_
+> _Last update: June 02, 2025_
 
 List of changes and new features I plan for this website.
 
 - Add log-page for wine/gin I like and have tried
 - Add page dedicated to work I'm proud of
-- Add an 88x31 button (One Piece themed)
 - Fix helmet to show individual site-titles instead of the same one
 - Add `/concerts`-page (like [Kyrre](https://kyrremann.no/concert-vitae/) & [Wand3r](https://wand3r.net/concerts/))
 - Add changelog to website using `git cliff -o CHANGELOG.md`