diff --git a/src/assets/css/style.less b/src/assets/css/style.less index fb9ea1e..1e45880 100644 --- a/src/assets/css/style.less +++ b/src/assets/css/style.less @@ -74,7 +74,6 @@ html, body { background-size: 25em 4em; background-repeat: repeat-y; background-position: 50% 0%; - z-index: -1; transition: background-color 2s; } } @@ -86,6 +85,7 @@ html, body { min-height: 100%; padding: 1.2em 1.6em 0.7em; font-size: 0.8em; + background-color: black; } #commandLine { white-space: pre-wrap; diff --git a/src/index.php b/src/index.php index 6bdb608..e166fe2 100644 --- a/src/index.php +++ b/src/index.php @@ -5,23 +5,27 @@ FHQWHGADS - +
- + diff --git a/src/scripts/index.js b/src/scripts/index.js index 00f6032..66dde25 100644 --- a/src/scripts/index.js +++ b/src/scripts/index.js @@ -24,17 +24,17 @@ var alterBrightness = function (delta) { brightness = Math.max(0, Math.min(1, brightness + delta)); - this.scanlines.style.backgroundColor = "hsl(120, 100%, " + (16 * brightness) + "%)"; + this.scanlines.style.backgroundColor = "hsla(120, 100%, 32%, " + brightness * 0.6 + ")"; }; var setInputEnabled = function (enabled) { console.log(enabled); if (enabled) { - commandInput.disabled = false; + commandInput.readOnly = false; commandLine.style.display = 'block'; } else { - commandInput.disabled = true; + commandInput.readOnly = true; commandInput.value = ''; typing.innerHTML = ''; commandLine.style.display = 'none'; @@ -81,6 +81,8 @@ alterBrightness(-1.0/6); }; document.forms[0].onsubmit = handleForm; + + alterBrightness(-1); }; document.addEventListener("DOMContentLoaded", init);