initial commit
This commit is contained in:
parent
9d0791eff5
commit
e3d5943d3f
Binary file not shown.
Binary file not shown.
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
|
@ -0,0 +1,62 @@
|
|||
@font-face {
|
||||
font-family: "LDF Comic Sans";
|
||||
src: url(./LDFComicSans.ttf);
|
||||
}
|
||||
|
||||
#quote {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 15vh;
|
||||
font-family: 'LDF Comic Sans', 'Comic Sans MS', sans-serif;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
#quote, #images {
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
color: white;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#images {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 60vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#images img {
|
||||
width: 50vh;
|
||||
max-width: 30vw;
|
||||
animation: rotation 1.08s infinite linear;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
from { transform: rotate(0deg); }
|
||||
to { transform: rotate(359.99deg); }
|
||||
}
|
||||
|
||||
body {
|
||||
bacground-color: red;
|
||||
animation: bg 2.16s infinite linear;
|
||||
}
|
||||
|
||||
@keyframes bg {
|
||||
0% { background: red; }
|
||||
10% { background: orange; }
|
||||
20% { background: yellow; }
|
||||
30% { background: forestgreen; }
|
||||
40% { background: darkgreen; }
|
||||
50% { background: lightgreen; }
|
||||
60% { background: lightblue; }
|
||||
70% { background: turquoise; }
|
||||
80% { background: blue; }
|
||||
90% { background: purple; }
|
||||
100% { background: red; }
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" dir="ltr">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="refresh" content="30; https://www.youtube.com/watch?v=dQw4w9WgXcQ">
|
||||
<title id="title">USI Simulator</title>
|
||||
<link rel="stylesheet" href="./simulator.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<audio id="audio" autoplay loop>
|
||||
<script>
|
||||
if(navigator.userAgent.match("OPR"))
|
||||
document.write("<source src=\"./rb.ogg\" type=\"audio/ogg\">");
|
||||
else document.write("<source src=\"./rb.mp3\" type=\"audio/mpeg\">");
|
||||
</script>
|
||||
</audio>
|
||||
<h1 id="quote">MALUSA</h1>
|
||||
<div id="images">
|
||||
<img id="img1" style="display: none"/>
|
||||
<img id="img2" style="display: none"/>
|
||||
<img id="img3" style="display: none"/>
|
||||
</div>
|
||||
<script src="./simulator.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,37 @@
|
|||
var looper;
|
||||
var images = ["bavota.png", "nystrom.png", "langhhhhhhhhheeeeinrichhhhhh.png"];
|
||||
var quotes = ["PIPISTRELLO","VATTELAPESCA","SAMPDORIA","DEPRECATO","QRM","JOOMLA","8086","ETHERNET","COLLISIONE","XEROX","DIGITAL","IBM",
|
||||
"CHARAT","FIELDSET","TABINDEX","TD","HTML","FUNCTION","STYLE : TD","UNDERLINE","<HEAD>","<BODY>","PREAMBOLO","FISCHIO",
|
||||
"CAVO COASSIALE","FIRST COME FIRST SERVED","BUSTA","STAZIONE","QUI QUO QUA","FIFO","255.255.255.0","ALICE","...NEL PAESE DELLE MERAVIGLIE",
|
||||
"LEA DX 9","GETELEMENTBYID","FAI UN SALTO","ISO OSI","DISPATCHER","SCHEDULER","BOLLINO BLU","PACCHETTO","XHTML","<b> e <i>",
|
||||
"CHIODI","QUESITO","OLIVETTI","REQUEST","TOKEN RING","INT 21H","IFRAME","GIOCHINO","BATTAGLIA NAVALE","MELA","SNAKE CON IL SERPENTE CHE NON SI ALLUNGA",
|
||||
"SCHEDULER","STATO DI PRONTO","PHP","FORM ACTION="];
|
||||
|
||||
document.addEventListener("DOMContentLoaded", setup);
|
||||
|
||||
function setup() {
|
||||
changeImages();
|
||||
window.setInterval(changeImages, 15 * (360 / 5));
|
||||
changeQuotes(150, 10);
|
||||
document.getElementById("img1").removeAttribute("style");
|
||||
document.getElementById("img2").removeAttribute("style");
|
||||
document.getElementById("img3").removeAttribute("style");
|
||||
}
|
||||
|
||||
var imageOffset = 0;
|
||||
function changeImages() {
|
||||
for (var i = 1; i < 4; i++)
|
||||
document.getElementById("img" + i).src = images[(i+imageOffset) % 3];
|
||||
imageOffset++;
|
||||
}
|
||||
|
||||
function changeQuotes(time, offset) {
|
||||
var quote = Math.floor(Math.random() * quotes.length);
|
||||
document.getElementById("quote").innerHTML =
|
||||
document.getElementById("title").innerHTML =
|
||||
quotes[quote];
|
||||
window.setTimeout(function() {
|
||||
changeQuotes(time, offset);
|
||||
}, offset + time * Math.sqrt(quotes[quote].length));
|
||||
}
|
||||
|
Loading…
Reference in New Issue