From 0e144b90fe8a9a6688763b565de11c4898ec283d Mon Sep 17 00:00:00 2001
From: bharvey88 <8107750+bharvey88@users.noreply.github.com>
Date: Fri, 10 Jul 2026 12:59:13 -0500
Subject: [PATCH 1/2] Header/hero polish and fix the hidden theme toggle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- Fix the theme toggle: it was permanently hidden because theme.js set
visibility='' (which clears the inline value and falls back to the CSS
`visibility: hidden`) instead of 'visible'. Shipped broken in the dark-mode PR
and never caught; add a test that the toggle is visible.
- Nav: add a Forum link; point Discord at discord.apolloautomation.com.
- Remove the footer blurb.
- Hero: reword to the first-flash framing (devices update over Wi-Fi/OTA after
setup, so the installer is for the first flash, not routine updates).
- Hub card images: object-fit cover so cast-1 and msr-1 fill the card square like
the square product shots (no effect on the already-square images).
🤖 Generated with [Claude Code](https://claude.com/claude-code)
---
css/style.css | 2 +-
index.html | 7 ++-----
js/theme.js | 6 ++++--
js/views/hub.js | 3 +--
tests/installer.spec.js | 7 +++++++
5 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/css/style.css b/css/style.css
index 1879945..0a74571 100644
--- a/css/style.css
+++ b/css/style.css
@@ -73,7 +73,7 @@ main { max-width: 1080px; margin: 0 auto; padding: 32px 24px 64px; }
padding: 14px; text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s;
}
.device-card:hover { border-color: var(--blue); box-shadow: 0 4px 14px -8px rgba(65,122,171,.5); }
-.device-card img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 6px; background: var(--img-bg); }
+.device-card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; background: var(--img-bg); }
.device-card h3 { margin: 10px 0 2px; font-size: 1rem; }
.device-card p { margin: 0; color: var(--dim); font-size: .82rem; }
.device-card .go { color: var(--blue); font-weight: 600; font-size: .85rem; margin-top: 8px; display: inline-block; }
diff --git a/index.html b/index.html
index 40b9d65..36ec8ae 100644
--- a/index.html
+++ b/index.html
@@ -27,15 +27,12 @@
Loading devices…
-