/
indexh4.html
103 lines (92 loc) · 3.88 KB
/
indexh4.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
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hanging Man</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Custom -->
</head>
<body class="navbar-inverse">
<h1 class='text-center'>Hanging Man</h1>
<blockquote>
<p class="text-center slogan">Prove that you are an opposer of capital punishment</p>
</blockquote>
<div class="container-fluid">
<div class="row">
<div class="col-sm-8">
<div class='hangContain'>
<div class='postUp vanish'></div>
<div class='postRight vanish'></div>
<div class='rope vanish'></div>
<div class='head vanish'></div>
<div class='body vanish'></div>
<div class='leftArm vanish'></div>
<div class='rightArm vanish'></div>
<div class='leftLeg vanish'></div>
<div class='rightLeg vanish'></div>
<div class='floor vanish'></div>
</div>
</div>
<div class="col-sm-4">
<h4 class="text-center"><i><u>Instructions:</u></i></h4>
<p class="description">
Your objective is to free the hanging man! In this game of nodes you must guess each letter of the chosen "safe word" before running out of chances. If you can not find the word, the man will appear hung. There are 100 different possible words for this
game, meaning each game has a high chance of a new word. The words will not contain numbers, special characters, or symbols. All words used can be found in the American English dictionary. You have 10 guesses to find the safe word. Please make
sure caps lock is off.</br><span>Type the letters below to play the game. (Clicking is forbidden)</span>
</p>
<div class="gameLetters">
<span>"Safe Word": </span>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-2">
<div class="counter">
<p id='chances'>Chances Remaining: 10</p>
<p id='correct'>Correct: 0</p>
<p id='incorrect'>Incorrect: 0 </p>
</div>
</div>
<div class="col-sm-10 text-center">
<h2 class='letters'>A</h2>
<h2 class='letters'>B</h2>
<h2 class='letters'>C</h2>
<h2 class='letters'>D</h2>
<h2 class='letters'>E</h2>
<h2 class='letters'>F</h2>
<h2 class='letters'>G</h2>
<h2 class='letters'>H</h2>
<h2 class='letters'>I</h2>
<h2 class='letters'>J</h2>
<h2 class='letters'>K</h2>
<h2 class='letters'>L</h2>
<h2 class='letters'>M</h2>
<div class="row">
<div class="col-sm-12 text-center">
<h3 class='letters'>N</h3>
<h3 class='letters'>O</h3>
<h3 class='letters'>P</h3>
<h3 class='letters'>Q</h3>
<h3 class='letters'>R</h3>
<h3 class='letters'>S</h3>
<h3 class='letters'>T</h3>
<h3 class='letters'>U</h3>
<h3 class='letters'>V</h3>
<h3 class='letters'>W</h3>
<h3 class='letters'>X</h3>
<h3 class='letters'>Y</h3>
<h3 class='letters'>Z</h3>
</div>
</div>
</div>
</div>
</div>
<script src='https://code.jquery.com/jquery-2.2.1.min.js'></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</body>
</html>