diff --git a/public/static/img/tests/mage-demon-queen-fastflix-0bb2.avif b/public/static/img/tests/mage-demon-queen-fastflix-0bb2.avif
new file mode 100644
index 0000000..cf90e2f
Binary files /dev/null and b/public/static/img/tests/mage-demon-queen-fastflix-0bb2.avif differ
diff --git a/src/pages/avif-test.astro b/src/pages/avif-test.astro
new file mode 100644
index 0000000..9beb2ae
--- /dev/null
+++ b/src/pages/avif-test.astro
@@ -0,0 +1,19 @@
+---
+import Partition from "../components/Partition.astro";
+
+import BaseLayoutJxl from "../layouts/BaseLayoutJxl.astro";
+import BaseLayout from "../layouts/BaseLayout.astro";
+const pageTitle = "Testing animated AVIF support!";
+---
+
+<BaseLayout pageTitle={pageTitle}>
+    <Partition>
+        <h1 class="text-4xl font-bold">{pageTitle}</h1>
+    </Partition>
+    <Partition>
+        <main>
+            <h3 class="text-2xl text-center font-bold">TEST:</h3>
+            <img src="/static/img/tests/mage-demon-queen-fastflix-0bb2.avif" />
+        </main>
+    </Partition>
+</BaseLayout>
diff --git a/src/pages/directory.astro b/src/pages/directory.astro
index 435139b..9d718e8 100644
--- a/src/pages/directory.astro
+++ b/src/pages/directory.astro
@@ -10,13 +10,17 @@ const pageTitle = "A bunch of other pages!";
     <Partition>
         <h1 class="text-4xl font-bold">{pageTitle}</h1>
         <p>Here are some other pages I have for various reasons!</p>
+        <p>A lot of them will most likely be tests and experiments or cool things I want to share but dont need to be directly in the nav bar lol</p>
 
+        <main>
         <ul class=" list-disc px-8">
             <li><a href="/albums">Albums and Gallerys</a></li>
             <li><a href="/jxl-testing">JpegXL Decoder Test</a></li>
             <li><a href="/other buttons">Extra 88x31 buttons</a></li>
             <li><a href="/extreme-format-test">Goofy video format test</a></li>
+            <li><a href="/avif-test">Quick test of animated AVIF</a></li>
         </ul>
+        </main>
     </Partition>
 </BaseLayout>