Expand website and game trackers

src/routes/+layout.svelte

@@ -223,6 +223,8 @@
 									>
 									<div class="my-1 h-px bg-border"></div>
 									{#each projects as project (project.name)}
+										<!-- Internal project links use resolve; external URLs are from the project catalog. -->
+										<!-- eslint-disable svelte/no-navigation-without-resolve -->
 										<a
 											href={project.external ? project.href : resolve(project.href)}
 											rel={project.external ? 'external' : undefined}
@@ -241,6 +243,7 @@
 											>
 											{#if project.external}<ExternalLink size={14} class="ml-auto shrink-0" />{/if}
 										</a>
+										<!-- eslint-enable svelte/no-navigation-without-resolve -->
 									{/each}
 								</div>
 							{/if}
@@ -343,7 +346,10 @@
 		</div>
 	</header>
 	<main id="main" class="min-w-0 flex-1">{@render children()}</main>
-	<footer class="mt-16 border-t border-[var(--site-border)]">
+	<footer
+		class="mt-16 border-t border-[var(--site-border)]"
+		class:tracker-footer={page.route.id === '/projects/game-tracker'}
+	>
 		<div class="mx-auto max-w-6xl space-y-5 px-4 py-8 text-[var(--site-muted)] sm:px-6">
 			<div class="flex flex-wrap items-center justify-between gap-3 text-base">
 				<span
@@ -374,3 +380,21 @@
 		</div>
 	</footer>
 </div>
+
+<style>
+	@media (min-width: 1024px) and (min-height: 650px) {
+		.tracker-footer {
+			margin-top: 0;
+		}
+		.tracker-footer > div {
+			padding-top: 10px;
+			padding-bottom: 10px;
+		}
+		.tracker-footer nav {
+			display: none;
+		}
+		.tracker-footer > div > div {
+			font-size: 12px;
+		}
+	}
+</style>