Merge pull request #38 from dragonfruitnetwork/add-noscript-warning

add noscript warning
dragonfruitnetwork · Oct 18, 2022 · 422edd0 · 422edd0
2 parents 70cab50 + 5aa7678
commit 422edd0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/DragonFruit.Sakura/wwwroot/index.html b/DragonFruit.Sakura/wwwroot/index.html
@@ -36,6 +36,9 @@
     <div class="sakura-loading">
         <img src="/assets/dragonfruit.png" alt="DragonFruit Logo" height="100" width="100"/>
         <span>Loading...</span>
+        <noscript class="sakura-js-warning">
+            This site requires JavaScript to run. Please enable JavaScript or use a supported browser to continue.
+        </noscript>
     </div>
 </div>
 

diff --git a/DragonFruit.Sakura/wwwroot/styles/global.css b/DragonFruit.Sakura/wwwroot/styles/global.css
@@ -30,6 +30,12 @@ iframe {
     justify-content: center;
 }
 
+.sakura-js-warning {
+    text-align: center;
+    position: absolute;
+    bottom: 30px;
+}
+
 .sakura-sticky {
     position: -webkit-sticky;
     position: sticky;