Add handling for browsers without JavaScript

fixes #243
2017-01-28 20:55:24 -08:00
parent 478364418b
commit 0131c8ff3b
2 changed files with 14 additions and 2 deletions
@@ -22,8 +22,11 @@ html
            .view__header

            .content.hidden
-            .content-loading
-                img(src="/images/wait.gif")
+            script document.write('<div class="content-loading"><img src="/images/wait.gif"/></div>');
+
+            noscript
+                h1 Crafting Guide requires JavaScript to operate.
+                h1 Please re-enable JavaScript and reload the page.

            .view__footer

@@ -67,6 +67,15 @@ html {
                align-items     : center;
                justify-content : center;
            }
+
+            > noscript {
+                margin: $size-margin-xlarge 0;
+                text-align: center;
+
+                h1 {
+                    font-size: $font-size-xlarge;
+                }
+            }
        }
    }
 }