-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (43 loc) · 6.64 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
<!DOCTYPE html>
<!-- saved from url=(0029)https://minescape.vercel.app/ -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="icon" href="https://minescape.vercel.app/logo.png">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#000000">
<meta name="description" content="MineScape is a thrilling and engaging game where your objective is to score points by uncovering safe squares while avoiding hidden bombs. Test your luck and strategy skills as you navigate through the grid, aiming for the highest score possible.">
<title>Stake</title>
<script defer="defer" src="./main.js"></script>
<link href="./main.51eb2fa8.css" rel="stylesheet">
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"><div class="App ">
<div class=" flex md:flex-row flex-col-reverse gap-4 justify-around mt-10 mb-5 p-3">
<div class="flex flex-col justify-center items-center text-white gap-5 mb-4">
<div class="flex gap-3 justify-center items-center text-3xl">
<p class="font-bold">Total Score :</p>
<p class="font-semibold">0 PTS</p>
</div>
<div class="flex gap-3">
<select class="inline-block rounded px-4 py-2 text-sm font-semibold text-black bg-[rgba(0,231,1,1)]">
<option value="3" class="hover:bg-black">3 Mines</option>
<option value="4" class="hover:bg-black">4 Mines</option>
<option value="6" class="hover:bg-black">6 Mines</option>
</select>
<button class="inline-block rounded font-semibold px-8 py-3 text-sm text-black bg-[rgba(0,231,1,1)] disabled:bg-[#00e70087]">Reset</button>
</div>
</div>
<div class="flex w-[95w] md:w-[600px] md:h-[600px] justify-center items-center flex-wrap md:gap-3 gap-2 p-4 rounded-2xl bg-[#0f212e]">
<div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]">
</div>
<div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]">
</div>
<div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]">
</div>
<div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]">
</div>
<div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]">
</div>
<div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div><div class="min-w-14 min-h-14 w-1/6 h-1/6 cursor-pointer my-1 md:p-3 p-1 bg-[#2f4553] rounded-lg font-semibold shadow-3xl hover:-translate-y-1 hover:bg-[#557086]"></div></div></div><footer class="flex justify-center items-center w-[100%] md:mx-auto bottom-1 max-w-[1200px] "></footer></div></div></body></html>