diff --git a/src/lib/viewport/footer.svelte b/src/lib/viewport/footer.svelte
index cdf99be..9cdd860 100644
--- a/src/lib/viewport/footer.svelte
+++ b/src/lib/viewport/footer.svelte
@@ -28,6 +28,7 @@
                 <a class="link-level-2" href="/projects/projectn5">Homesick</a>
                 <a href="/feed">Feed</a>
                 <a href="/blog">Blog</a>
+                <a href="/drawings">Drawing Gallery</a>
             </div>
             <div class="content-box">
                 <h6>Meta</h6>
@@ -128,6 +129,7 @@
 
     .commit {
         display: inline;
+        font-size: inherit;
     }
 
     @media screen and (max-width: 800px) {
diff --git a/src/lib/viewport/header.svelte b/src/lib/viewport/header.svelte
index 4492bb3..2fae789 100644
--- a/src/lib/viewport/header.svelte
+++ b/src/lib/viewport/header.svelte
@@ -3,6 +3,7 @@
     <a href="/projects">projects</a>
     <a href="/feed">feed</a>
     <a href="/blog">blog</a>
+    <a href="/drawings">drawings</a>
     <a href="/meta/about">about</a>
 {/snippet}
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 0dd7f53..aa70d5d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,14 +6,17 @@
     import { posts as blogPosts } from "./blog/posts";
     // import IndieButton from "$lib/components/indie-button.svelte";
     // import { buttons } from "$lib/components/indie-button";
-    import { getContext, onMount, setContext } from "svelte";
+    import { onMount } from "svelte";
     import { getLatestPostDate } from "./feed/feed";
+    import { drawings } from "./drawings/drawings";
 
     let latestDevlogDate = devlogPosts[0].post.date;
 
     // this only fetches the updated date if the latest post has been updated
     let latestBlogDate = blogPosts[0].post.dateUpdated ?? blogPosts[0].post.date;
 
+    let latestDrawingDate = drawings[drawings.length - 1].date;
+
     let latestStatusContent = $state("fetching status...");
     let latestStatusTimestamp = $state("?");
 
@@ -124,12 +127,20 @@
                 link: "blog",
             },
             {
-                title: "Files",
-                description: "find things I've put for download on my copyparty instance.",
-                img: "main/hypertext.webp",
-                altText: "Screenshot of Hypertext Unity level. Crates are strewn across the floor, Waluigi is flying in front of the camera, and text such as 'COME AND TRY OUR ALL-NEW BLENDER' and 'omg! it's the brandenbur ger tor!' is displayed.",
-                link: "https://files.natconf.dev/public/",
+                title: "Drawing Gallery",
+                description: "a collection of my digital and physical drawings.",
+                latestUpdate: latestDrawingDate,
+                img: "drawings/banner.webp",
+                altText: "Several Faber-Castell Polychromos colour pencils lined up with markings next to them in the same colour on a sheet of paper.",
+                link: "drawings",
             },
+            // {
+            //     title: "Files",
+            //     description: "find things I've put for download on my copyparty instance.",
+            //     img: "main/hypertext.webp",
+            //     altText: "Screenshot of Hypertext Unity level. Crates are strewn across the floor, Waluigi is flying in front of the camera, and text such as 'COME AND TRY OUR ALL-NEW BLENDER' and 'omg! it's the brandenbur ger tor!' is displayed.",
+            //     link: "https://files.natconf.dev/public/",
+            // },
         ]} />
     
     <hr>