diff --git a/LDFComicSans.ttf b/LDFComicSans.ttf new file mode 100644 index 0000000..38b3abf Binary files /dev/null and b/LDFComicSans.ttf differ diff --git a/bavota.png b/bavota.png new file mode 100644 index 0000000..eb12ad4 Binary files /dev/null and b/bavota.png differ diff --git a/langhhhhhhhhheeeeinrichhhhhh.png b/langhhhhhhhhheeeeinrichhhhhh.png new file mode 100644 index 0000000..b581022 Binary files /dev/null and b/langhhhhhhhhheeeeinrichhhhhh.png differ diff --git a/nystrom.png b/nystrom.png new file mode 100644 index 0000000..13ef2d9 Binary files /dev/null and b/nystrom.png differ diff --git a/rb.mp3 b/rb.mp3 new file mode 100755 index 0000000..5358cf1 Binary files /dev/null and b/rb.mp3 differ diff --git a/rb.ogg b/rb.ogg new file mode 100755 index 0000000..6308e59 Binary files /dev/null and b/rb.ogg differ diff --git a/simulator.css b/simulator.css new file mode 100644 index 0000000..0038c7e --- /dev/null +++ b/simulator.css @@ -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; } +} + diff --git a/simulator.html b/simulator.html new file mode 100755 index 0000000..3eb16ed --- /dev/null +++ b/simulator.html @@ -0,0 +1,28 @@ + + + + + + + USI Simulator + + + + + +

MALUSA

+
+ + + +
+ + + + diff --git a/simulator.js b/simulator.js new file mode 100644 index 0000000..8ba481f --- /dev/null +++ b/simulator.js @@ -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)); +} +