-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
59 lines (58 loc) · 3.01 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
<!DOCTYPE html>
<html>
<head>
<title>Connections!</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
</head>
<body>
<div id="debug" class="button">
<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M740-149 517-371l57-57 223 223q12 12 12 28t-12 28q-12 12-28.5 12T740-149Zm-581 0q-12-12-12-28.5t12-28.5l261-261-107-107-2 2q-9 9-21 9t-21-9l-23-23v97q0 10-9.5 13.5T220-488L102-606q-7-7-3.5-16.5T112-632h98l-27-27q-9-9-9-21t9-21l110-110q17-17 37-23t44-6q21 0 36 5.5t32 18.5q5 5 5.5 11t-4.5 11l-95 95 27 27q9 9 9 21t-9 21l-3 3 104 104 122-122q-8-13-12.5-30t-4.5-36q0-53 38.5-91.5T711-841q8 0 14.5.5T737-838q6 3 7.5 9.5T741-817l-61 61q-5 5-5 11t5 11l53 53q5 5 11 5t11-5l59-59q5-5 13-4t11 8q2 6 2.5 12.5t.5 14.5q0 53-38.5 91.5T711-579q-18 0-31-2.5t-24-7.5L215-148q-12 12-28 11.5T159-149Z"/></svg>
</div>
<span id="console" class="invisible"></span>
<div id="overlay", class="invisible">You Lose</div>
<div id="oneaway", class="invisible">One Away...</div>
<div class="wordcontainer">
<div class="wordline" id="line1">
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
</div>
<div class="wordline" id="line2">
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
</div>
<div class="wordline" id="line3">
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
</div>
<div class="wordline" id="line4">
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
<span class="word"></span>
</div>
</div>
<div class="guessdisplay">Mistakes left:
<span class="circle" id="4"></span>
<span class="circle" id="3"></span>
<span class="circle" id="2"></span>
<span class="circle" id="1"></span>
</div>
<div class="buttons">
<span id="next" class="button disabledbutton">Loading . . .</span>
<span id="shuffle" class="button">Shuffle</span>
<span id="deselect" class="button disabledbutton">Deselect all</span>
<span id="submit" class="button disabledbutton">Submit</span>
</div>
<script src="words.js"></script>
<script src="main.js"></script>
</body>
</html>