nicolium: add more meaningful noscript message

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/nicolium/index.html

@@ -25,6 +25,14 @@
         </div>
       </div>
     </div>
-    <noscript>To use this website, please enable JavaScript.</noscript>
+    <noscript
+      ><span class="noscript">
+        To use Nicolium, please enable JavaScript.
+        <br />
+        <a href="https://nicolium.app/" target="_blank" rel="noopener noreferrer"
+          >What is Nicolium?</a
+        >
+      </span></noscript
+    >
   </body>
 </html>

packages/nicolium/src/styles/new/layout.scss

@@ -54,6 +54,19 @@ body {
   }
 }
 
+.noscript {
+  position: absolute;
+  inset: 0;
+  padding: 1rem;
+  text-align: center;
+
+  a {
+    @include mixins.text($size: inherit, $theme: subtle);
+
+    text-decoration-line: underline;
+  }
+}
+
 #app {
   height: 100%;
 }