-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (44 loc) · 1.83 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Guess Who?</title>
<link rel="stylesheet" type="text/css" href="style/basic.css">
</head>
<body>
<h1>Guess Who?</h1>
<button id="howtoplay" onclick="showrules()">How to play</button>
<div id="cards"></div>
<div id="random"></div>
<div id="questions">
<form id="question-form">
<input id="question" type="text" name="question" placeholder="Ask away" autofocus>
</form>
</div>
<div id="done"></div>
<div id="asked"></div>
<div id="rules">
<div class="container">
<button onclick="closerules()">Close</button>
<h2>Rules:</h2>
<p>You should try to guess who with as few guesses as possible</p>
<p>Keywords:</p>
<ul>
<li>Hair colors: <i>'red hair'</i>, <i>'brown hair'</i>, <i>'blond hair'</i>, <i>'grey hair'</i> or <i>'black hair'</i></li>
<li>Hair lengths: <i>'long hair'</i>, <i>'short hair'</i>, <i>'balding hair'</i></li>
<li>Hair types: <i>'curly hair'</i>, <i>'straight hair'</i></li>
<li>Eye colors: <i>'blue eyes'</i>, <i>'brown eyes'</i></li>
<li>Facial hair: <i>'beard'</i> or <i>'moustache'</i> or <i>'doesn't have beard'</i>, <i>'doesn't have moustache'</i></li>
<li>Accessoires: <i>'glasses'</i>, <i>'hat'</i>, <i>'earrings'</i> or <i>'ribbons'</i></li>
<li>Gender: <i>'male'</i> or <i>'female'</i></li>
</ul>
<p>Or you can guess by entering the name</p>
<p><strong>N.B. For now use english. Other traits that aren't mentioned above have not yet been implemented.</p>
</div>
</div>
<p id="github"><a href="https://github.com/Yolijn/guess-who" target="_blank"s><img src="style/img/github-154769_640.png"></a></p>
</body>
<script src="script/nih-fetch.js"></script>
<script src="script/browserified.js"></script>
<script src="script/parse-csv.js"></script>
<script src="script/game.js"></script>
<script src="script/basic.js"></script>