feat: noscript message

index.html

@@ -63,7 +63,25 @@
     </main>
 </div>
 <footer>
-    <button-collection></button-collection>
+    <noscript>
+        <div class="quote">
+            <p>
+                Hey!
+            </p>
+            <p>
+                You have disabled JavaScript, which I totally support.
+                The website will work without it.
+                However, I made some cool stuff that requires JavaScript to work.
+                I just wanted you to know that :)
+            </p>
+            <p>
+                Kind regards
+            </p>
+            <p class="signature">Tibo De Peuter</p>
+        </div>
+    </noscript>
+    <button-collection>
+    </button-collection>
     <p>
         <a href="./key.asc" about="link to public PGP key">
             08A9 C1C8 CF91 59C9 172A BA12 9B11 F524 3089 DB5B

style.css

@@ -38,7 +38,7 @@ body {
     justify-content: center;
 }
 
-.quote {
+.landing {
     text-align: center;
 }
 
@@ -57,6 +57,20 @@ footer {
     color: #CD001A; /* Cherry red */
 }
 
+.quote {
+    border-left: 4px solid var(--primary-color);
+    padding-left: 10px;
+    margin: 20px;
+    text-align: left;
+}
+
+.signature {
+    /* Italics and aligned to the right */
+    /*font-style: italic;*/
+    /*text-align: right;*/
+    /*margin-right: 20px*/
+}
+
 /* Show icons with links next to each other */
 ul.links {
     list-style: none;