Add <noscript> fallback for hats preview webpage
authorWuzzy <Wuzzy2@mail.ru>
Thu, 31 May 2018 01:45:20 +0200
changeset 13414 697aaee36684
parent 13413 419c5eab88eb
child 13415 7487e683c6b6
Add <noscript> fallback for hats preview webpage
misc/hats_js_anim.xhtml
--- a/misc/hats_js_anim.xhtml	Tue May 29 19:12:53 2018 -0400
+++ b/misc/hats_js_anim.xhtml	Thu May 31 01:45:20 2018 +0200
@@ -105,7 +105,7 @@
         sel.appendChild(opt.cloneNode(true));
         sel.lastChild.value = theme;
         sel.lastChild.lastChild.data = theme;
-        if(theme == "Nature") sel.lastChild.selected = true;
+        if(theme === "Nature") sel.lastChild.selected = true;
     }
     var chk = document.createElement("input");
     chk.type = "checkbox";
@@ -116,7 +116,7 @@
     document.body.appendChild(chk);
     var s = document.styleSheets[0].cssRules;
     for(var i=0;i<s.length;i++)
-        if (s[i].selectorText.toLowerCase()==".girder") girder = s[i];
+        if (s[i].selectorText.toLowerCase() === ".girder") girder = s[i];
         
     var a = document.createElement("a");
     var g = document.createElement("div");
@@ -131,7 +131,7 @@
         h.lastChild.lastChild.data = masks[i];
         h.title = masks[i];
         h.idle = Math.floor(Math.random()*19);
-        if (i%17==16 || i==masks.length-1) document.body.appendChild(g.cloneNode(false));
+        if (i%17 === 16 || i === masks.length-1) document.body.appendChild(g.cloneNode(false));
     }
     
 /* quick and dirty animation */
@@ -184,5 +184,9 @@
 </head>
 <body>
 <h1>List of Hedgewars hats</h1>
+<noscript>
+<p><strong>ERROR</strong>: We're so sorry, but this webpage only works with JavaScript enabled. It seems JavaScript is disabled or not supported in your browser.</p>
+<p>Normally, this webpage would display an animated preview of the hats in Hedgewars.</p>
+</noscript>
 </body>
 </html>