From 39852474f3d3958f0bdac0ce60cfb67843803f8a Mon Sep 17 00:00:00 2001 From: Amolith Date: Sat, 8 Nov 2025 17:56:01 -0700 Subject: [PATCH] feat(frontend): add noscript fallback message Users without JavaScript enabled now see a helpful message explaining that Sift requires JavaScript to function, with an explanation about WebSocket requirements. Implements: 6a9a677 Assisted-by: Claude Sonnet 4.5 via Crush --- static/index.html | 7 +++++++ static/style.css | 27 +++++++++++++++++++++++++++ 2 files changed, 34 insertions(+) diff --git a/static/index.html b/static/index.html index 5d333154dafd933be7246f659bc10dca471db08f..1ed750304cbd7386b485d7a47d453244998f9d40 100644 --- a/static/index.html +++ b/static/index.html @@ -14,6 +14,13 @@ SPDX-License-Identifier: AGPL-3.0-or-later +

Sift

diff --git a/static/style.css b/static/style.css index e86c19e24870d766f2276027595785729a8eab50..f60c08453dfa6d64d8aba05e17a397a26a1e3cc8 100644 --- a/static/style.css +++ b/static/style.css @@ -33,6 +33,33 @@ body { display: none !important; } +/* Noscript message */ +.noscript-message { + max-width: 600px; + margin: 4rem auto; + padding: 2rem; + text-align: center; + background: var(--surface-2); + border: 2px solid var(--brand-color); + border-radius: 8px; +} + +.noscript-message h1 { + color: var(--avocado-11); + margin-bottom: 1.5rem; +} + +.noscript-message p { + margin-bottom: 1rem; + line-height: 1.7; +} + +.noscript-message p:last-child { + margin-bottom: 0; + color: var(--text-2); + font-size: 0.9rem; +} + /* Start screen */ #start-screen { text-align: center;