From 766b5d723cbfb001d075805ba35fa3da9eea9f88 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 28 Oct 2021 16:18:30 +0200
Subject: chore: add a noscript tag

Since this website use mostly Javascript, users need to know that
scripts must be enabled.
---
 htdocs/src/scss/layout/_main.scss | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

(limited to 'htdocs/src/scss/layout/_main.scss')

diff --git a/htdocs/src/scss/layout/_main.scss b/htdocs/src/scss/layout/_main.scss
index 71a67f4..8ab842b 100644
--- a/htdocs/src/scss/layout/_main.scss
+++ b/htdocs/src/scss/layout/_main.scss
@@ -19,13 +19,34 @@
   }
 }
 
+// NoScript extension seems to replace noscript tag with a span.
+.main > span,
+.instructions,
+noscript {
+  background: fun.get-var(color-bg);
+  padding: fun.get-var(spacing-md);
+  text-align: center;
+
+  @include mix.media("screen") {
+    @include mix.dimensions("lg") {
+      grid-column: 1 / -1;
+    }
+  }
+}
+
 .instructions {
   align-items: center;
-  background: fun.get-var(color-bg);
   display: flex;
-  height: 100%;
   justify-content: center;
-  padding: fun.get-var(spacing-md);
+}
+
+.legal-notice {
+  height: 100%;
+  overflow-y: auto;
+  padding: clamp(#{fun.get-var(spacing-md)}, 3vw, #{fun.get-var(spacing-lg)});
+  scrollbar-color: fun.get-var(color-primary-light-opacity)
+    fun.get-var(color-bg-tertiary);
+  width: 100%;
 
   @include mix.media("screen") {
     @include mix.dimensions("lg") {
-- 
cgit v1.2.3