style: gradient background + (you)rSpace wordmark on landing page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-03 14:58:15 -08:00
parent a8395aa0d6
commit c55e28a400
1 changed files with 13 additions and 1 deletions

View File

@ -59,7 +59,7 @@ export function renderMainLanding(modules: ModuleInfo[]): string {
<!-- Hero -->
<div class="rl-hero">
<span class="rl-tagline">Community Platform</span>
<h1 class="rl-heading main-wordmark">(ou)r<span class="main-wordmark__accent">Space</span></h1>
<h1 class="rl-heading main-wordmark">(you)r<span class="main-wordmark__accent">Space</span></h1>
<p class="rl-subtitle">Remember back when the internet was cool?</p>
<p class="rl-subtext">
A collaborative, local-first platform with ${modules.length}+ interoperable tools.
@ -396,6 +396,18 @@ const SPACE_DASHBOARD_CSS = `
const MAIN_LANDING_CSS = `
/* Main landing page extras (on top of rl-* utilities) */
body {
background: linear-gradient(
170deg,
#0a0f1e 0%,
#0f172a 25%,
#131b2e 45%,
#0e1628 65%,
#0d1424 85%,
#080d19 100%
);
background-attachment: fixed;
}
.main-wordmark {
font-size: 3.5rem;
}