From 25f589ee7309dc9b2a859ae49b89390f06196485 Mon Sep 17 00:00:00 2001
From: Nikhil Tanwar <2002nikhiltanwar@gmail.com>
Date: Tue, 28 Mar 2023 23:24:52 +0530
Subject: [PATCH] noscript text on welcome page

Added a <noscript> elements which hides everything on the welcome page if javascript is not enabled.
It displays a text to tell the user to navigate to /nojs endpoint
---
 static/templates/index.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
diff --git a/static/templates/index.html b/static/templates/index.html
index 23ac5e629..b94971dbd 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -44,6 +44,29 @@
     <script type="text/javascript" src="{{root}}/skin/index.js?KIWIXCACHEID" defer></script>
   </head>
   <body>
+    <noscript>
+      <style>
+        .kiwixNav, .kiwixHomeBody, #feedLink, .kiwixfooter {
+          display: none;
+        }
+        html, body {
+          height: 100%;
+        }
+        .noScriptLinkContainer {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          -moz-transform: translateX(-50%) translateY(-50%);
+          -webkit-transform: translateX(-50%) translateY(-50%);
+          transform: translateX(-50%) translateY(-50%);
+          font-size: 16px;
+          font-family: roboto;
+        }
+      </style>
+      <div class="noScriptLinkContainer">
+        <span id="noScriptLinkText">This page cannot be accessed if JavaScript is not enabled. Please head over to <a href="{{root}}/nojs">nojs endpoint.</a></span>
+      </div>
+    </noscript>
     <div class='kiwixNav'>
       <a href="{{root}}/catalog/v2/entries" id="feedLink">
         <img src="{{root}}/skin/feed.svg?KIWIXCACHEID"
