added website update

src/lib/components/table-of-contents.svelte

@@ -80,7 +80,7 @@
         }
         
         .toc-container {
-            width: 70%;
+            max-width: 650px;
             margin-left: auto;
             margin-right: auto;
             margin-top: 12px;
@@ -134,11 +134,5 @@
         .toc-level-1::before, .toc-level-2::before, .toc-level-3::before {
             content: "└ ";
         }
-
-        @media screen and (max-width: 550px) {
-            .toc-container {
-                width: 95%;
-            }
-        }
     }
 </style>

src/routes/+page.svelte

@@ -116,7 +116,7 @@
             <area href="https://baccyflap.com/noai/?rnd" target="_top" shape="rect" coords="137,36,211,58" alt="random" title="random">
             <area href="https://baccyflap.com/noai/?nxt&s=dzk" target="_top" shape="rect" coords="218,36,292,58" alt="next" title="next">
         </map>
-        <img class="webring-img" usemap="#w95widget" src="https://baccyflap.com/noai/w95widget.gif" alt="a gray Windows 95 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random... and Next">
+        <img class="webring-img" usemap="#w95widget" src="/webrings/noai/w95widget.webp" alt="a gray Windows 95 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random... and Next">
     </div>
 
 </Content>

src/routes/meta/updates/updates.ts

@@ -1,6 +1,11 @@
 import { type UpdateEntry } from "$lib/components/update-entry.svelte";
 
 export const entries: UpdateEntry[] = [
+    {
+        date: "2026-03-07",
+        time: "14:12",
+        content: "I fancied up some element animations, especially on the devlog and blog pages! The main page also got some love.",
+    },
     {
         date: "2026-03-05",
         time: "23:59",

src/routes/projects/+page.svelte

@@ -104,21 +104,20 @@
 
     .project-banner-container {
         position: relative;
-        width: fit-content;
+        width: 100%;
-        margin-left: auto;
-        margin-right: auto;
     }
     
     .project-banner {
         margin: 0; /* reset left/right margins */
         width: 100%;
+        object-fit: cover;
         max-height: 300px;
     }
 
     .project-icon {
         float: left;
         margin: 16px 16px 16px 0;
-        width: 20%;
+        width: 19%;
     }
 
     .project-date-embed {