-
Notifications
You must be signed in to change notification settings - Fork 1
/
game.html
104 lines (94 loc) · 4.78 KB
/
game.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="nushdle.">
<meta name="description" content="NUS High's very own version of Wordle">
<meta name="theme-color" content="#19A7A7">
<meta property="og:type" content="website">
<meta property="og:title" content="nushdle.">
<meta property="og:description" content="NUS High's very own version of Wordle">
<title>nushdle.</title>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all">
<link href="./css/output.css" rel="stylesheet">
<style>
a {
text-shadow: none;
}
a:hover {
text-shadow: 0px 0px 15px #FFFFFF, 0px 0px 15px #FFFFFF;
}
a:hover.nohover {
text-shadow: none;
}
</style>
</head>
<body class="">
<a href="index.html">
<h1 style="font-size: 40pt;"><span style="color:#19A7A7;">nush</span>dle.</h1>
</a>
<div class="place-content-center" style="text-shadow: none;">
<!-- add wordle layout here -->
<ul class="grid gap-2.5 place-content-center justify-items-center list-none justify-items-center w-full ">
<li class="w-full md:w-96 grid place-content-center">
<div class="m-0 p-0 flex relative">
<input type="text" id="guess1"
class="w-80 border text-sm rounded-lg block p-2.5 bg-gray-700 border-gray-600 text-white placeholder-gray-100"
placeholder="Guess 1" required autocomplete="off">
<p class="absolute top-2.5 right-10" id="dist1"></p>
<p class="absolute top-2.5 right-3" id="floor1"></p>
</div>
</li>
<li class="w-full md:w-96 grid place-content-center">
<div class="m-0 p-0 flex relative">
<input type="text" id="guess2"
class="w-80 border text-sm rounded-lg block p-2.5 bg-gray-700 border-gray-600 text-white placeholder-gray-400"
placeholder="Guess 2" required autocomplete="off">
<p class="absolute top-2.5 right-10" id="dist2"></p>
<p class="absolute top-2.5 right-3" id="floor2"></p>
</div>
</li>
<li class="w-full md:w-96 grid place-content-center">
<div class="m-0 p-0 flex relative">
<input type="text" id="guess3"
class="w-80 border text-sm rounded-lg block p-2.5 bg-gray-700 border-gray-600 text-white placeholder-gray-400"
placeholder="Guess 3" required autocomplete="off">
<p class="absolute top-2.5 right-10" id="dist3"></p>
<p class="absolute top-2.5 right-3" id="floor3"></p>
</div>
</li>
<li class="w-full md:w-96 grid place-content-center">
<div class="m-0 p-0 flex relative">
<input type="text" id="guess4"
class="w-80 border text-sm rounded-lg block p-2.5 bg-gray-700 border-gray-600 text-white placeholder-gray-400"
placeholder="Guess 4" required autocomplete="off">
<p class="absolute top-2.5 right-10" id="dist4"></p>
<p class="absolute top-2.5 right-3" id="floor4"></p>
</div>
</li>
<li class="w-full md:w-96 grid place-content-center">
<div class="m-0 p-0 flex relative">
<input type="text" id="guess5"
class="w-80 border text-sm rounded-lg block p-2.5 bg-gray-700 border-gray-600 text-white placeholder-gray-400"
placeholder="Guess 5" required autocomplete="off">
<p class="absolute top-2.5 right-10" id="dist5"></p>
<p class="absolute top-2.5 right-3" id="floor5"></p>
</div>
</li>
<li class="w-full md:w-96 grid place-content-center">
<div class="m-0 p-0 flex relative">
<input type="text" id="guess6"
class="w-80 border text-sm rounded-lg block p-2.5 bg-gray-700 border-gray-600 text-white placeholder-gray-400"
placeholder="Guess 6" required autocomplete="off">
<p class="absolute top-2.5 right-10" id="dist6"></p>
<p class="absolute top-2.5 right-3" id="floor6"></p>
</div>
</li>
</ul>
</div>
<p class="text-white max-h-80 overflow-auto m-5 hidden text-lg" id="ans"></p>
</body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script defer src="index.js"></script>
</html>