From f88d1fbb66a4976c1ebb6ddb483e2ed9641e5823 Mon Sep 17 00:00:00 2001
From: Ben Busby <33362396+benbusby@users.noreply.github.com>
Date: Tue, 3 Nov 2020 10:41:29 -0500
Subject: [PATCH] Fix main page visibility for noscript users

The body tag of the home page was previously hidden until the page was
finished loading to prevent a flash of unstyled content, but this broke
functionality for users who disallow javascript. This adds in a new
noscript tag to manually enable visibility of the body element, as well
as automatically displaying the config section (since its visibility is
also typically handled by javascript).
---
 app/templates/index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/app/templates/index.html b/app/templates/index.html
index 8d11a5b..766fab1 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -26,7 +26,14 @@
         {% if config.dark %}
             <link rel="stylesheet" href="static/css/dark-theme.css"/>
         {% endif %}
-	<title>Whoogle Search</title>
+        <noscript>
+            <style>
+                #main { display: inherit !important; }
+                .content { max-height: 520px; padding: 18px; border-radius: 10px; }
+                .collapsible { display: none; }
+            </style>
+        </noscript>
+        <title>Whoogle Search</title>
     </head>
     <body id="main" style="display: none; background-color: {{ '#000' if config.dark else '#fff' }}">
     <script>
