changed Project N5 references in some places to Homesick

src/lib/lists/gallery.svelte

@@ -95,8 +95,6 @@
     .gallery-title {
         font-family: var(--font-mono);
         font-weight: 700;
-        font-size: 1.4rem;
-        line-height: 2.0rem;
     }
 
     .gallery-subtitle, .gallery-description {
@@ -115,43 +113,43 @@
         background-color: var(--color-background-highlight);
         backdrop-filter: blur(var(--blur-radius-background));
     }
-    .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
-        /* filter: grayscale(0%); */
-        /* margin-left: 8px; */
-        width: 260px;
-    }
-    .gallery-container:hover .gallery-text-container {
-        /* padding-right: 8px; */
-        grid-template-rows: 0fr 1fr 1fr;
-    }
     .gallery-container:hover p {
         color: var(--color-highlight);
     }
-    .gallery-container:hover .gallery-subtitle {
-        opacity: 0;
-        
-    }
-    .gallery-container:hover .gallery-description {
-        opacity: 1;
-    }
 
-    @media screen and (max-width: 700px) {
-        /* .gallery-title {
-            font-size: 1.0rem;
-            line-height: 1.1rem;
+    @media screen and (min-width: 800px) {
+        .gallery-title {
+            font-size: 1.4rem;
+            line-height: 2.0rem;
         }
-        .gallery-subtitle {
-            font-size: 0.9rem;
-            line-height: 1.1rem;
-        } */
-    }
 
-    @media screen and (max-width: 500px) {
+        .gallery-container:hover .gallery-img, .gallery-container:hover .gallery-img-placeholder {
+            width: 260px;
+        }
+
+        .gallery-container:hover .gallery-text-container {
+            grid-template-rows: 0fr 1fr 1fr;
+        }
+
+        .gallery-container:hover .gallery-subtitle {
+            opacity: 0;
+            
+        }
+
+        .gallery-container:hover .gallery-description {
+            opacity: 1;
+        }
+    }
+    @media screen and (max-width: 800px) {
         .gallery-title {
             font-size: 1.0rem;
             line-height: 1.1rem;
         }
 
+        .gallery-description {
+            display: none;
+        }
+
         .gallery-subtitle {
             font-size: 0.8rem;
             line-height: 1rem;
@@ -159,7 +157,7 @@
         }
         
         .gallery-container {
-            height: 64px;
+            height: 72px;
         }
 
         .gallery-text-container {
@@ -167,8 +165,8 @@
         }
         
         .gallery-img, .gallery-img-placeholder {
-            width: 100px;
-            min-width: 100px;
+            width: 110px;
+            min-width: 110px;
         }
     }
 </style>

src/lib/viewport/footer.svelte

@@ -25,8 +25,10 @@
             <div class="content-box">
                 <h6>Content</h6>
                 <a href="/projects">Projects</a>
+                <a class="link-level-2" href="/projects/projectn5">Homesick</a>
                 <a href="/blog">Blog</a>
                 <a href="/art">Art</a>
+                <a class="link-level-2" href="/art/drawings">Drawings</a>
             </div>
             <div class="content-box">
                 <h6>Meta</h6>
@@ -67,6 +69,14 @@
         margin: 0;
     }
 
+    .link-level-2 {
+        padding-left: 16px;
+    }
+
+    .link-level-2::before {
+        content: '└ ';
+    }
+
     footer a:hover {
         font-weight: 700;
         text-decoration: var(--border-style) var(--underline-dash-size) var(--color-highlight) underline;

src/lib/viewport/header.svelte

@@ -1,10 +1,8 @@
 {#snippet headerLinks()}
     <a href="/">Home</a>
     <a href="/projects">Projects</a>
-    <a href="/projects/projectn5">Project N5</a>
     <a href="/blog">Blog</a>
     <a href="/art">Art</a>
-    <!-- <a href="/garden">Garden</a> -->
     <a href="/meta/about">About</a>
 {/snippet}
 

src/routes/meta/feeds/+page.svelte

@@ -9,7 +9,7 @@
 			link: "/blog/feed.xml",
 		},
 		{
-			text: "Project N5 devlog",
+			text: "Homesick devlog",
 			link: "/projects/projectn5/devlog/feed.xml",
 		},
 	]

src/routes/projects/projectn5/+page.svelte

@@ -34,11 +34,11 @@
 
 <Content>
     <Banner2
-        title="Project N5"
+        title="Homesick"
         banner="/projects/projectn5/banner2.webp"
         bannerAlt="The protagonist Laura standing on a floating platform in the purple test level. Ziplines are all around her and the text 'When this text is spinning, the game is not paused' is frozen in the sky." />
 
-    <p>I am currently working on a game under the working title <b>Project N5</b>! I'm aiming for it to be an action-adventure jump-and-run game inspired by games such as Ratchet & Clank. Development started on <b>2023-09-16</b> and rebooted on <b>2025-05-16</b>.</p>
+    <p>I am currently working on a game under the working title <b>Homesick</b>! I'm aiming for it to be an action-adventure jump-and-run game inspired by games such as Ratchet & Clank. Development started on <b>2023-09-16</b> and rebooted on <b>2025-05-16</b>.</p>
 
     <h2 id="devlog">Development Log</h2>
 

src/routes/projects/projectn5/devlog/[year]/[date]/+page.svelte

@@ -16,7 +16,7 @@
 
     <Banner2
         title="{data.title}"
-        subtitle="Project N5 Devlog"
+        subtitle="Homesick Devlog"
         date="{data.date}"
         banner="preview.webp"
         bannerAlt="{data.bannerAlt}"    

src/routes/projects/projects.ts

@@ -65,10 +65,10 @@ export const games: Project[] = [
         banner: "/projects/projectn5/banner2.webp",
         icon: "",
         date: "September 2023 – now",
-        title: "Project N5",
+        title: "Homesick",
         subtitle: "",
         paragraphs: [
-            "I'm currently working on a game developed using Godot, entitled Project N5! It's aiming to be an action-adventure 3D jump & run heavily inspired by games such as <a href='https://en.wikipedia.org/wiki/Ratchet_%26_Clank'>Ratchet & Clank</a>.",
+            "I'm currently working on a game developed using Godot, entitled Homesick! It's aiming to be an action-adventure 3D jump & run heavily inspired by games such as <a href='https://en.wikipedia.org/wiki/Ratchet_%26_Clank'>Ratchet & Clank</a>.",
             "I maintain a development log, feel free to check it out if you're curious! Or play some of the old builds available for download below.",
         ],
         links: [
@@ -77,7 +77,7 @@ export const games: Project[] = [
                 link: "/projects/projectn5",
             },
             {
-                text: "Play an <b>old build</b> (developed until 2025-05-16)",
+                text: "Play an <b>old web build</b> (developed until 2025-05-16)",
                 link: "https://apps.denizk0461.dev/projectn5",
             },
             {