diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/index.html | 1 | ||||
| -rw-r--r-- | www/js/html5ks.js | 20 |
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); }()); |