From ba2c69880112f368fe95347c8e77dcb437bbacc3 Mon Sep 17 00:00:00 2001 From: Bryan Van Deusen Date: Mon, 13 Apr 2026 14:52:27 -0400 Subject: [PATCH] style: candlelit glow background replaces star field Co-Authored-By: Claude Opus 4.6 --- fabledscryer/templates/base.html | 121 +++---------------------------- 1 file changed, 10 insertions(+), 111 deletions(-) diff --git a/fabledscryer/templates/base.html b/fabledscryer/templates/base.html index ae9c0d4..ad0f2ac 100644 --- a/fabledscryer/templates/base.html +++ b/fabledscryer/templates/base.html @@ -41,10 +41,15 @@ a { color: var(--accent); text-decoration: none; } a:hover { color: var(--accent-hover); } code { font-family: ui-monospace, monospace; font-size: 0.875em; background: var(--bg-elevated); padding: 0.1em 0.35em; border-radius: 3px; } -/* Star field */ -#star-field { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; } -@keyframes star-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } -@keyframes star-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } +#candle-glow { + position: fixed; + inset: 0; + pointer-events: none; + z-index: 0; + background: + radial-gradient(ellipse 80% 60% at 50% 40%, rgba(200, 168, 64, 0.045) 0%, transparent 70%), + radial-gradient(ellipse 50% 40% at 20% 80%, rgba(200, 168, 64, 0.025) 0%, transparent 65%); +} /* Nav */ nav { @@ -177,8 +182,7 @@ textarea { resize: vertical; } -{# Star field — orbits around top-left corner, populated by JS below #} -
+
{% if session.user_id is defined %}