-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
93 lines (78 loc) · 4.29 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="./src/files/poke-btn.png">
<title>
Pokemon Hangman
</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- CSS -->
<link rel="icon" type="image/x-icon" href="./pokeball.png">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="text-center" id="body">
<main>
<!-- Loader -->
<div class="loader-wrapper">
<span class="loader-container">
<span class="loader"></span>
</span>
</div>
<div class=" mt-3">
<img id="logo" src="https://upload.wikimedia.org/wikipedia/commons/9/98/International_Pok%C3%A9mon_logo.svg"
alt="pokemon_logo">
<div class="text-center">
<button class="btn" id="play" onClick="play()">
<span class="top">LET'S </span>
<span class="bottom">PLAY</span>
</button>
</div>
<p class="h1 text-center" id="welcome_text"> Pokemon Hangman! </p>
<div class="text-center"><p class="h1" id="welcome"></p></div>
<p class="catch-phrase"> Gotta Name 'Em All</p>
<p class="link-style">Find this repository on <a href="https://github.com/Aatmaj-Zephyr/Hangman">Github</a></p>
<div class="text-center"><label style="display: none;" id="Word"></label></div>
<div class="keys">
<button id="button1" style="display:none" class="btn" onClick="ButtonClicked(1) "> ? </button>
<button id="button2" style="display:none" class="btn" onClick="ButtonClicked(2) "> ? </button>
<button id="button3" style="display:none" class="btn" onClick="ButtonClicked(3) "> ? </button>
<button id="button4" style="display:none" class="btn" onClick="ButtonClicked(4) "> ? </button>
<button id="button5" style="display:none" class="btn" onClick="ButtonClicked(5) "> ? </button>
<button id="button6" style="display:none" class="btn" onClick="ButtonClicked(6) "> ? </button>
<button id="button7" style="display:none" class="btn" onClick="ButtonClicked(7) "> ? </button>
<button id="button8" style="display:none" class="btn" onClick="ButtonClicked(8) "> ? </button>
<button id="button9" style="display:none" class="btn" onClick="ButtonClicked(9) "> ? </button>
<button id="button10" style="display:none" class="btn" onClick="ButtonClicked(10)"> ? </button>
<button id="button11" style="display:none" class="btn" onClick="ButtonClicked(11)"> ? </button>
<button id="button12" style="display:none" class="btn" onClick="ButtonClicked(12)"> ? </button>
<button id="button13" style="display:none" class="btn" onClick="ButtonClicked(13)"> ? </button>
<button id="button14" style="display:none" class="btn" onClick="ButtonClicked(14)"> ? </button>
<button id="button15" style="display:none" class="btn" onClick="ButtonClicked(15)"> ? </button>
<button id="button16" style="display:none" class="btn" onClick="ButtonClicked(16)"> ? </button>
</div>
</div>
<div class="fg-pic text-center">
<div class="tooltip-div">
<button class="btn tooltip-btn" style="display:none" id="TurnsLeft"> </button>
<span class="tooltiptext">Turns left</span>
</div>
<a target="_blank" id="hyperlink">
<img id="image" style="transition-duration: 3.0s;display:none;width:5%">
</a>
<p class="disclaimer">All assets, names, characters are trademarks of the Pokemon Company. I do not own any of
them.</p>
<img id="pica-pic" src="./src/files/pikachu.png" alt="">
</div>
</main>
<script type="text/javascript" src=names.js></script>
<script type="text/javascript" src=Hangman.js></script>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"
integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script>
$(window).on("load", function () {
$(".loader-wrapper").fadeOut("slow");
});
</script>
</body>
</html>