diff --git a/index.html b/index.html
index 0d5b11e..6a1f66a 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,8 @@
-
-
+
+
+
+
image glitch experiment
diff --git a/scripts/src/controls.js b/scripts/src/controls.js
index fc7c297..fa9cd7e 100644
--- a/scripts/src/controls.js
+++ b/scripts/src/controls.js
@@ -6,6 +6,7 @@ define(
var is_initialized = false;
var signals;
var controls;
+ var is_ie = document.querySelector( 'html' ).classList.contains( 'somewhatokie' );
function init( shared )
{
@@ -24,6 +25,11 @@ define(
control.addEventListener( 'input', controlUpdated, false );
+ if ( is_ie )
+ {
+ control.addEventListener( 'change', controlUpdated, false );
+ }
+
updateValue( getInputKey( control.id ), control.value );
updateInput( getCorrespondingInput( control.id ), control.value );
}
diff --git a/styles/main.css b/styles/main.css
index 2314169..9593301 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -164,6 +164,10 @@ a:hover {
max-width: 120px;
}
+.oldie .control-label {
+ max-width: 100%;
+}
+
.control-slider {
display: block;
float: left;
@@ -177,6 +181,14 @@ a:hover {
appearance: none;
}
+.oldie .control-slider {
+ display: none;
+}
+
+.somewhatokie .control-slider {
+ height: 10px;
+}
+
.control-number {
display: block;
color: #333;
@@ -187,6 +199,13 @@ a:hover {
background-color: transparent;
}
+.oldie .control-number {
+ float: none;
+ width: 20px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
#import-input {
display: none;
}