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;