summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--www/index.html1
-rw-r--r--www/js/html5ks.js20
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);
}());