-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
68 lines (58 loc) · 2.35 KB
/
index.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="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- it will be made your website good-->
<title>The Punish3r Generator</title>
<script src="thePunisher.js"></script>
<link rel="stylesheet" type="text/css" href="thePunisher.css">
</head>
<body>
<input type="text" placeholder="Your name" id="name">
<button onclick=" punish(); ">
PUNISH!
</button>
<button onclick=" raveWDI(); ">
RAVE!!
</button>
<!-- Peanut Butter Jelly Time button calls the function with same name when clicked -->
<!-- This will start the dancing animation -->
<button onclick=" peanutButterJellyTime(); ">
PEANUT BUTTER JELLY TIME!!
</button>
<!-- this will start fork the repo animation -->
<button onclick=" forkTheRepo(); ">
FORK THE REPO
</button>
<!-- Large peanut that dances in the middle -->
<img id="peanut" class="hidden" src="image/peanut.gif">
<!-- //top peanut slide left to right -->
<img id="t1" class="hidden" src="image/peanut.gif">
<img id="t2" class="hidden" src="image/peanut.gif">
<img id="t3" class="hidden" src="image/peanut.gif">
<img id="t4" class="hidden" src="image/peanut.gif">
<img id="t5" class="hidden" src="image/peanut.gif">
<img id="t6" class="hidden" src="image/peanut.gif">
<img id="t7" class="hidden" src="image/peanut.gif">
<img id="t8" class="hidden" src="image/peanut.gif">
<img id="t9" class="hidden" src="image/peanut.gif">
<img id="t10" class="hidden" src="image/peanut.gif">
<!-- //bottom peanut slide right to left -->
<img id="b1" class="hidden" src="image/peanut.gif">
<img id="b2" class="hidden" src="image/peanut.gif">
<img id="b3" class="hidden" src="image/peanut.gif">
<img id="b4" class="hidden" src="image/peanut.gif">
<img id="b5" class="hidden" src="image/peanut.gif">
<img id="b6" class="hidden" src="image/peanut.gif">
<img id="b7" class="hidden" src="image/peanut.gif">
<img id="b8" class="hidden" src="image/peanut.gif">
<img id="b9" class="hidden" src="image/peanut.gif">
<img id="b10" class="hidden" src="image/peanut.gif">
<!-- fork the repo images -->
<img id="fork" class="hidden" src="image/fork.png">
<img id="repo" class="hidden" src="image/repository.png">
<h2 id="punishment-salutation">The Punisher ™</h2>
<h3 id="punishment"></h3>
</body>
</html>