prime8dev

commit 871b71073a2dad118a019eeabc6abd1535546573
parent 6dafcd976f03ad184b9b33ae6d0d57a99f46a10b
Author: Damian Myrda <damian@prime8.dev>
Date:   Mon, 26 Oct 2026 23:58:48 +0000

web: README text on the body scale; modest headings, images capped at 320px tall

Diffstat:
M
internal/web/styles/project_detail.css
 | 
27
+++++++++++++++++++++++----

1 file changed, 23 insertions(+), 4 deletions(-)
diff --git a/internal/web/styles/project_detail.css b/internal/web/styles/project_detail.css
@@ -142,7 +142,7 @@
   min-height: auto;
   overflow: visible;
   font-size: var(--fs-14);
-  line-height: 1.6;
+  line-height: 1.5;
   color: var(--fg);
   margin-top: 16px;
   padding-top: 16px;
@@ -154,11 +154,27 @@
   margin-bottom: 12px;
 }
 
+/* headings stay on the body text scale: same size as the text (h1 one step
+   up, still under the ~/projects path above), set apart by color and weight */
 .readme-content h1,
 .readme-content h2,
-.readme-content h3 {
+.readme-content h3,
+.readme-content h4,
+.readme-content h5,
+.readme-content h6 {
   color: var(--accent);
-  margin: 16px 0 8px;
+  font-size: var(--fs-14);
+  font-weight: 700;
+  line-height: 1.5;
+  margin: 16px 0 6px;
+}
+
+.readme-content h1 {
+  font-size: var(--fs-16);
+}
+
+.readme-content > :first-child {
+  margin-top: 0;
 }
 
 .readme-content pre {
@@ -189,8 +205,11 @@
 
 .readme-content img {
   display: block;
-  max-width: 75%;
+  width: auto;
+  max-width: min(75%, 640px);
+  max-height: 320px;
   height: auto;
+  object-fit: contain;
   margin: 12px auto;
   border: 1px solid var(--border);
 }