From 762589bd807c4888f4d7dcac32606b157216a049 Mon Sep 17 00:00:00 2001
From: Paul Buetow <paul@buetow.org>
Date: Fri, 10 Apr 2026 09:32:07 +0300
Subject: enhance WebGL scenes, modal transparency, new cosmos theme, UX polish
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Themes:
- glass → cosmos: ringed planet with asteroid belt, nebula clouds, 2500 stars
- ocean: sea rock spires, bioluminescent jellyfish, rising bubbles, whale
- volcano: glowing lava floor with vertex animation, molten boulders,
  smoke plume particles, underground furnace glow sphere

UX / shared:
- Modal background changed to rgba(0,0,0,0.55) so WebGL stays visible
  behind expanded post view (all themes)
- Max-width 1200px applied to all themes via shared navmodal CSS
- Default theme changed from "neon" to "random"

Sample content:
- 120 example entries processed into dist/ for pagination testing
  (4 pages of 42 posts each)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 internal/generator/shared.go | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'internal/generator/shared.go')

diff --git a/internal/generator/shared.go b/internal/generator/shared.go
index 12a91f4..a34c5a5 100644
--- a/internal/generator/shared.go
+++ b/internal/generator/shared.go
@@ -21,10 +21,14 @@ const navDefs = `
 
 {{define "navmodal"}}
 <style>
-/* Thumbnail sizing in list view; modal overrides to full width so images
-   appear larger when a post is expanded with Enter. */
+/* Thumbnail sizing in list view; modal overrides to full width. */
 .post-image { max-height:220px; max-width:100%; object-fit:cover; cursor:pointer; }
 #post-modal .post-image { max-height:none; width:100%; max-width:100%; object-fit:contain; cursor:default; }
+/* Semi-transparent modal backdrop so the WebGL scene stays visible behind
+   the expanded post. Theme-specific modal-inner keeps its own background. */
+.post-modal { background:rgba(0,0,0,0.55) !important; backdrop-filter:blur(6px) !important; }
+/* Content area max-width across all themes */
+.overlay { max-width:1200px; margin-left:auto; margin-right:auto; }
 </style>
 <div class="post-modal" id="post-modal">
     <div class="modal-inner">
-- 
cgit v1.2.3