diff --git a/index.html b/index.html index d54bf29..4e22002 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ Parallax Test +

Happy Father's Day!

diff --git a/main.css b/main.css index 9f8ca1e..d448c3e 100644 --- a/main.css +++ b/main.css @@ -1,11 +1,29 @@ html, body { font-size: 100%; } body { - font-family: sans-serif; + font-family: sans-serif; } #canvas-main { - position: absolute; - top: 0; right: 0; bottom: 0; left: 0; + position: absolute; + top: 0; right: 0; bottom: 0; left: 0; + z-index: -100; +} + +#event-text +{ + position: absolute; top: 0; left: 0; right: 0; + z-index: 100; + + margin: 0; + padding: 0.2em; + + text-align: center; + font-size: 3em; + font-weight: bold; + + background: linear-gradient(to left, transparent, white, transparent); + color: transparent; + -webkit-background-clip: text; } diff --git a/renderer.js b/renderer.js index 05e80bd..4f6ea18 100644 --- a/renderer.js +++ b/renderer.js @@ -101,6 +101,9 @@ class Renderer } window.addEventListener("load", function (event) { + if((new Date()).toISOString().substr(5, 5) !== "06-19") + document.getElementById("event-text").style.display = "none"; + var canvas = document.getElementById("canvas-main"), renderer = new Renderer(canvas); renderer.start();