-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
71 lines (67 loc) · 3.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Who's Who in Techlahoma</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container-fluid">
<div class="row center">
<div class="col-xs-12 col-sm-10 col-md-8 col-lg-6 col-xl-5">
<div class="center">
<h1 class="header">Who's Who in Techlahoma?</h1>
</div>
<div class="jumbotron">
<div id="play">
<div style="height: 350px;">
<div class="center">
<a id="link" target="_blank">
<img id="img" style="min-height: 250px; max-height: 300px;">
</a>
</div>
</div>
<div class="center">
<select id="firstName"></select>
<select id="lastName"></select>
<button type="button" id="check" class="btn btn-primary btn-lg" accesskey="c">Check</button>
<button type="button" id="skip" class="btn btn-secondary btn-lg" accesskey="s">Skip</button>
</div>
</div>
<div class="center">
<p id="result" class="alert" style="min-width: 120px; width: auto;"></p>
</div>
<div class="center" id="score">
<ul class="list-group" style="width: 200px;">
<li class="list-group-item d-flex justify-content-between align-items-center">
<div class="modetooltip modecontainer">
Mode:
<div class="moderadiobuttons">
<input type="radio" name="mode" id="mode" value="Easy" checked="true">Easy</input>
<input type="radio" name="mode" id="mode" value="Hard">Hard</input>
</div>
<span class="modetooltiptext">
<div>Easy: Items are removed from the list.</div>
<div>Hard: All items remain in the list.</div>
</span>
</div>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Done:
<span class="badge badge-pill badge-primary" id="done"></span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Left:
<span class="badge badge-pill badge-secondary" id="left"></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="people.js"></script>
<script src="index.js"></script>
</body>
</html>