Improve NoScript handling (#685)

* Improve NoScript handling * Add static links to about & credits (because they work) * Changes noscript to be in app.html. --------- Co-authored-by: Bob Torgerson <[email protected]>
ua-snap · Jan 7, 2025 · e66b3c5 · e66b3c5
1 parent cc30d8f
commit e66b3c5
Showing 1 changed file with 67 additions and 0 deletions.
diff --git a/app.html b/app.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html {{ HTML_ATTRS }}>
+  <head {{ HEAD_ATTRS }}>
+    {{ HEAD }}
+  </head>
+  <body {{ BODY_ATTRS }}>
+    <noscript>
+      <style>
+        .hide-if-noscript {
+          display: none;
+        }
+      </style>
+      <div class="container is-fluid">
+        <section class="section">
+          <div class="content is-size-5" style="max-width: 65rem">
+            <h3 class="title is-3">
+              ⚠️ This application requires JavaScript to be enabled.
+            </h3>
+            <p>
+              This tool is designed to provide streamlined access to climate
+              data for Alaska and parts of Canada.
+            </p>
+            <ul>
+              <li>
+                CMIP5 temperature and precipitation, from 5 high-performing
+                models in the Arctic and three emissions scenarios (RCP4.5, 6.0
+                and 8.5).
+              </li>
+              <li>
+                Climate indicators derived from temperature and precipitation,
+                such as <em>wet days per year</em> or <em>deep winter days</em>.
+              </li>
+              <li>
+                <strong>Hydrology</strong> and <strong>permafrost</strong> data,
+                driven by CMIP5 model inputs
+              </li>
+              <li>
+                <strong>Vegetation change</strong> and
+                <strong>flammability</strong>, driven by CMIP5 model inputs,
+                that can explain changes in wildfire regime across the state
+              </li>
+              <li>
+                <strong>Protection from spruce beetles</strong>, driven by CMIP5
+                climate model inputs
+              </li>
+            </ul>
+
+            <p>
+              We&rsquo;re sorry! This tool does not work without JavaScript
+              enabled.
+            </p>
+            <p>
+              Please email us at
+              <a href="mailto:[email protected]"
+                >[email protected]</a
+              >
+              if we can help you access this content.
+            </p>
+          </div>
+        </section>
+        <footer />
+      </div>
+    </noscript>
+
+    <div class="hide-if-noscript">{{ APP }}</div>
+  </body>
+</html>