prime8dev

commit 1dadbcbb105df5f7ae3024688feaf4025b2966be
parent f832ff155744db354f32d7f49c4e9b385eaf5f00
Author: Damian Myrda <damian@prime8.dev>
Date:   Tue, 17 Feb 2026 21:59:13 -0600

fix: limit README image sizes and update URL on project click

- Set max-width for project README images: 720px in tab view, 1024px on dedicated pages
- Update URL when clicking projects in sidebar using setRoute()
- Remove duplicate H1 from project page READMEs

Diffstat:
M
src/layouts/tabs/Projects.astro
 | 
2
+-
M
src/pages/projects/[id].astro
 | 
8
+++++---
M
src/tabs/projects.ts
 | 
5
++++-

3 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/src/layouts/tabs/Projects.astro b/src/layouts/tabs/Projects.astro
@@ -321,7 +321,7 @@ const metadata = Object.fromEntries(
   }
 
   .readme-content :global(img) {
-    max-width: 100%;
+    max-width: min(720px, 100%);
     height: auto;
     margin: 12px 0;
   }
diff --git a/src/pages/projects/[id].astro b/src/pages/projects/[id].astro
@@ -7,7 +7,7 @@ import { SITE_URL } from "../../constants/website";
 import schemas from "../../schemas/index";
 import { getTagClass } from "../../utils/tags";
 
-import { parseMarkdown } from "../../utils/markdown";
+import { parseMarkdown, removeFirstH1 } from "../../utils/markdown";
 const project = projects.find((p) => p.id === Astro.params.id);
 if (!project) {
   return new Response(null, {
@@ -59,7 +59,9 @@ const { getSchemaForProject, getBreadcrumbSchema } = schemas.project;
       <div class="readme-content">
         {
           metadata?.readme ? (
-            <Fragment set:html={parseMarkdown(metadata.readme)} />
+            <Fragment
+              set:html={parseMarkdown(removeFirstH1(metadata.readme))}
+            />
           ) : (
             <p class="color-dim">README not available</p>
           )
@@ -250,7 +252,7 @@ const { getSchemaForProject, getBreadcrumbSchema } = schemas.project;
   }
 
   .readme-content :global(img) {
-    max-width: 100%;
+    max-width: min(1024px, 100%);
     height: auto;
     margin: 16px 0;
   }
diff --git a/src/tabs/projects.ts b/src/tabs/projects.ts
@@ -58,7 +58,10 @@ function select(index: number): void {
 
 function setupClicks(): void {
   $$("#projects .list-item").forEach((item, i) => {
-    item.addEventListener("click", () => select(i));
+    item.addEventListener("click", () => {
+      select(i);
+      setRoute("projects", getId(i));
+    });
   });
 }