-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgewonnen.html
68 lines (53 loc) · 2.28 KB
/
gewonnen.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="user-scalable=no" />
<title>Legend of Zelda</title>
<link rel="stylesheet" href="gewonnen.css"/>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="sounds.js"></script>
<link rel="shortcut icon" type="image/png" href="sprites/favicon.png"/>
</head>
<body>
<script>
Ending();
$(document).ready(function(){
$("#screentext").css("width", $(window).width());
$('html, body').css("color","white");
$("#blackscreentext").css("width", $(window).width());
$("#blackscreentext").fadeIn(2500);
$("#blackscreentext2").css("width", $(window).width());
setTimeout(function(){
$("#blackscreentext2").fadeIn(2500);
}, 4000);
setTimeout(function(){
$("#blackscreen").fadeOut(2500);
setTimeout(function(){
$('html, body').css("color","black");
}, 1200);
}, 12000);
setTimeout(function(){
$("#screentext").animate({"top": "-=20%"},4100);
}, 15000);
setTimeout(function(){
$("#credits").animate({"top": "-=400%"},80000);
$("#credits").css("margin-left", ( (($(window).width())/2) - (($("#credits").width())/2) -50));
}, 10000);
});
</script>
<div id="screentext">Congratulations, you won!</div>
<div id="credits">
<p style="color: #4df1ff">Executive<br>producer... W. Roozeleer</p><br>
<p style="color: #9be466">Producer... w.roozeleer</p><br>
<p style="color: #ff0000">Director... w.roozeleer</p><br>
<p style="color: #4df1ff">Programmer. w.roozeleer</p><br><br>
"sure, let's try making <br><br> a replica of<br><br>Legend of zelda in only<br><br>JQuery and JavaScript.<br><br>
How hard could it be?"<br><br>~ Wouter R.<br><br><br><br>I'm tired...
</div>
<div id="blackscreen">
<div id="blackscreentext">Thanks link,you're<br>the hero of hyrule.</div>
<div id="blackscreentext2">finally,<br>peace returns to hyrule.<br><br> This ends the story.</div>
</div>
</body>
</html>