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).
4 years ago · f88d1fbb66
parent 1148a7fb8d
commit f88d1fbb66
1 changed files with 8 additions and 1 deletions
--- 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>