-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (105 loc) · 4.41 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html>
<head>
<!-- for google -->
<meta charset="utf-8">
<meta name="description" content="Reverse Hangman is Hangman with a twist! Instead of adding body
parts your removing them! Try to save the man before he is completely dismembered.
Don't worry if that makes you feel a little squeamish, you can always play
in original Enjoy!">
<meta name="keywords" content="Hangman, Reverse Hangman, Game, Word Game,
Guessing game, HTML5,CSS3,JQuery,JCanvas,JavaScript">
<meta name="author" content="Jessa Marie Barre">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- for Facebook -->
<meta property="og:title" content="Reverse Hangman" />
<meta property="og:type" content="game" />
<meta property="og:image" content="http://i.imgur.com/FBnWmtEh.png" />
<meta property="og:url" content="https://jessamarie.github.io/hangman/" />
<meta property="og:site_name" content="Reverse Hangman" />
<meta property="og:description" content="Reverse Hangman is Hangman with a twist! Instead of adding body
parts your removing them! Try to save the man before he is completely dismembered.
Don't worry if that makes you feel a little squeamish, you can always play
in original Enjoy!" />
<title>Reverse Hangman</title>
<!-- font awesome cdn -->
<script src="https://use.fontawesome.com/42cf8c2449.js"></script>
<!-- styles -->
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab" rel="stylesheet">
<link rel="stylesheet" href="css/size-and-positioning.css">
<link rel="stylesheet" href="css/fonts-and-colors.css">
</head>
<body class="column">
<header>
<h1>Reverse Hangman</h1>
</header>
<main>
<!-- all audio retrieved from soundbible.com -->
<audio class="torture" preload="none">
<source src="audio/torture.mp3" type="audio/mp3">
</audio>
<audio class="clapping" preload="none">
<source src="audio/clapping.mp3" type="audio/mp3">
</audio>
<audio class="cheering" preload="none">
<source src="audio/cheering.mp3" type="audio/mp3">
</audio>
<audio class="decapitation" preload="none">
<source src="audio/decapitation.mp3" type="audio/mp3">
</audio>
<div class="welcome column">
<h2>Welcome</h2>
<p>Setup the game, or just play the default!</p>
<div class="inputType row">
<input class='custom' type="button" name="custom" value="Custom Word">
<input class='random' type="button" name="random" value="Random Word">
</div>
<input class="input row hide" type="text" name="guess" placeholder="Enter A Custom Word" value="" autofocus>
<div class="gameType row">
<input class='reverse' type="button" name="reverse" value="Reverse Mode">
<input class='forward' type="button" name="forward" value="Original Mode">
</div>
<input class="play" type="button" name="play game" value="Play">
<input class="instructions" type="button" name="instructions" value="Tutorial">
</div>
<div id="tutorial" class="hide">
<p>For a fun experience play in <b>Reverse Mode</b> first!
<p>
</div>
<div id="game" class="hide">
<div class="gamearea">
<div class="display hangman">
<!-- draw hangman here! -->
</div>
<div class="alphabetbox display row">
<div class="letters"></div>
</div>
<div class="wordbox row">
<div class="underscore">
</div>
</div>
</div>
<div class="column options">
<input class="newGame" type="button" name="newgame" value="New Game">
</div>
</div>
</main>
<footer>
<p>Made with ♥ by Jessa!
<a href="https://github.com/jessamarie/hangman" target="_blank"><i class="fa fa-github"
aria-hidden="true"></i></a>
</p>
</footer>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jcanvas/16.7.3/jcanvas.js"
integrity="sha256-bPB16BSDDnMGraNt5j8JSZhJbmZjIDYnJHKy2ruWcrs=" crossorigin="anonymous">
</script>
<script src="js/HangmanModel.js" charset="utf-8"></script>
<script src="js/HangmanView.js" charset="utf-8"></script>
<script src="js/WindowView.js" charset="utf-8"></script>
<script src="js/script.js" charset="utf-8"></script>
</body>
</html>