sbrl/Parallax-Bicycle
sbrl/Parallax-Bicycle
1
0
Fork 0
Code Issues Pull requests Activity

Add father's day message

Browse source
This commit is contained in:
Starbeamrainbowlabs 2016-06-19 09:54:41 +01:00
parent 81478f5e06
commit da4db9cf9a
3 changed files with 25 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
index.html
View file

@ -5,6 +5,7 @@
<title>Parallax Test</title> <title>Parallax Test</title>
</head> </head>
<body> <body>
<p id="event-text">Happy Father's Day!</p>
<canvas id="canvas-main"></canvas> <canvas id="canvas-main"></canvas>
<!----------------> <!---------------->

24
main.css
View file

@ -1,11 +1,29 @@
html, body { font-size: 100%; } html, body { font-size: 100%; }
body body
{ {
font-family: sans-serif; font-family: sans-serif;
} }
#canvas-main #canvas-main
{ {
position: absolute; position: absolute;
top: 0; right: 0; bottom: 0; left: 0; 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;
} }

3
renderer.js
View file

@ -101,6 +101,9 @@ class Renderer
} }
window.addEventListener("load", function (event) { 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"), var canvas = document.getElementById("canvas-main"),
renderer = new Renderer(canvas); renderer = new Renderer(canvas);
renderer.start(); renderer.start();