diff --git a/AGoodLaugh/app.js b/AGoodLaugh/app.js index 727fa87..eef8f8b 100644 --- a/AGoodLaugh/app.js +++ b/AGoodLaugh/app.js @@ -1,17 +1,19 @@ -let comeco = new Audio('comeco.wav'), - fim = new Audio('fim.wav'); +let comeco = new Audio('comeco.wav'), + fim = new Audio('fim.wav'), + strange = document.getElementById('color'); + $("#devitoButton").click(e => { comeco.play(); $("#sure").attr("style", "display: none"); }); -$(document).ready(event => -{ +$(document).ready(event => { $("#cabeca img").draggable(); $("#inter").droppable({ - drop: function(e) { + drop: function (e) { fim.play(); + strange.classList.add("color"); } }); }); \ No newline at end of file diff --git a/AGoodLaugh/index.htm b/AGoodLaugh/index.htm index 44a6270..7f4b21b 100644 --- a/AGoodLaugh/index.htm +++ b/AGoodLaugh/index.htm @@ -1,5 +1,6 @@ + @@ -8,12 +9,14 @@ Danny DeVitto +
USE YOUR DEVICE ON LANDSCAPE MODE AAAAAAAAAAAAAAAAA
ARE YOU DANNY DEVITO??????
+

YOU BEEN HACKED!

@@ -28,4 +31,5 @@ + \ No newline at end of file diff --git a/AGoodLaugh/style.css b/AGoodLaugh/style.css index 289fd2e..20ea7f5 100644 --- a/AGoodLaugh/style.css +++ b/AGoodLaugh/style.css @@ -26,6 +26,89 @@ main z-index: 5; } +.color { + display: block; + text-align: center; + margin-top: 50px; + position: relative; + z-index: 1; + animation: move 3s ease-in; + color: orangered; +} +@keyframes move{ + 0% { transform: none; color: red;} + 5% {color: green;} + 10% { + color: yellow; + } + 15% { + color: purple; + } + 20% { + color: blue; + } + + 25% { + color: orangered; + } + 30% { + color: lightskyblue; + } + 35% { + color: hotpink; + } + 40% { + color: rebeccapurple; + } + 45% { + color: yellow; + } + + 50% { + color: purple; + } + + 55% { + color: blue; + } + + 60% { + color: orangered; + } + + 65% { + color: lightskyblue; + } + + 70% { + color: hotpink; + } + + 75% { + color: rebeccapurple; + } + + 80% { + color: yellow; + } + + 85% { + color: purple; + } + + 90% { + color: blue; + } + + 95% { + color: orangered; + } + 100% { + transform: rotate(1080deg); + color: orangered; + } +} + #corpo { position: relative;