no idea what i did, it's probably better now

2 files changed, 13 insertions, 8 deletions

diff --git a/www/index.html b/www/index.html
index a512b02..8c0ef82 100644
--- a/www/index.html
+++ b/www/index.html
@@ -31,6 +31,7 @@
         <h2>We use a lot of new features in this; your browser seems to have some issues...</h2>
         <ul id="warns">
           <noscript><li id="js">It doesn't seem to have JavaScript enabled. This site doesn't work at all without it. Really. <a href="http://enable-javascript.com">Don't know how to enable JS?</a></li></noscript>
+          <li id="ie">You're using Internet Explorer. Please upgrade to any other browser. <a href="//getfirefox.com">Firefox</a> and <a href="//google.com/chrome">Chrome</a> are both fine options. If you insist on IE, don't expect anything to work properly.</li>
           <li id="video">It doesn't seem to support <a href="https://en.wikipedia.org/wiki/HTML5_video">HTML5 video</a>, which means that you won't be able to see any of the videos (obviously). Unless stated below, though, transitions should still work. <a href="http://caniuse.com/#feat=video">You should strongly consider upgrading.</a></li>
           <li id="audio">It doesn't seem to support <a href="https://en.wikipedia.org/wiki/HTML5_audio">HTML5 audio</a>, which means you won't be able to hear any of the amazing music. <a href="http://caniuse.com/#feat=audio">You should strongly consider upgrading.</a></li>
           <li id="fontface">It doesn't seem to support <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face">the @font-face at-rule</a>, which lets us display the Playtime and Gentium fonts used in Katawa Shoujo. <a href="http://caniuse.com/#feat=fontface">Any browser released in the last 2 years or so should support it.</a></li>
diff --git a/www/js/html5ks.js b/www/js/html5ks.js
index 3291dab..30a0247 100644
--- a/www/js/html5ks.js
+++ b/www/js/html5ks.js
@@ -95,9 +95,6 @@
     },
     warnUnsupported: function () {
       if (!html5ks.persistent.settings.gotit) {
-        if (!(/Firefox/.test(navigator.userAgent))) {
-          document.getElementById("html-svg-filter").style.display = "block";
-        }
         var warn = document.getElementById("warn-container");
         document.getElementById("gotit").addEventListener("mouseup", function () {
           warn.style.mozAnimation = "0.5s dissolveout";
@@ -105,11 +102,19 @@
           warn.style.animation = "0.5s dissolveout";
           warn.style.opacity = 0;
           html5ks.persistent.settings.gotit = true;
+          html5ks.start();
         }, false);
         var warns = document.getElementById("warns").children;
+        if (/MSIE/.test(navigator.userAgent)) {
+          document.getElementById("ie").style.display = "block";
+        }
+        if (!(/Firefox/.test(navigator.userAgent))) {
+          document.getElementById("html-svg-filter").style.display = "block";
+        }
         for (var i = 0; i < warns.length; i++) {
           if (window.getComputedStyle(warns[i]).getPropertyValue("display") !== "none") {
             warn.style.visibility = "visible";
+            return true;
           }
         }
       }
@@ -119,9 +124,11 @@
       this.load();
       this.scale();
       this.initEvents();
-      this.warnUnsupported();
+      if (!this.warnUnsupported()) {
+        this.start();
+      };
     },
-    winload: function () {
+    start: function () {
       this.fetch("script", "a1-monday").then(function () {
         html5ks.api.movie_cutscene("4ls").then(function () {
           html5ks.menu.mainMenu();
@@ -160,7 +167,4 @@
   document.addEventListener("DOMContentLoaded", function () {
     html5ks.onload();
   }, false);
-  window.addEventListener("load", function () {
-    html5ks.winload();
-  }, false);
 }());