-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplay.html
50 lines (41 loc) · 1.96 KB
/
play.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
<!DOCTYPE html>
<html>
<head>
<title>Date Game</title>
<!-- Bootstrap -->
<link
href = 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css'
rel = 'stylesheet'
integrity='sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM'
crossorigin = 'anonymous'
>
<script
src = 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js'
integrity = 'sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz'
crossorigin = 'anonymous'
></script>
<!-- JS -->
<script src = 'main.js' type = 'text/javascript'></script>
<link href = 'style.css' rel = 'stylesheet'>
</head>
<body onload = 'startGame();'>
<div class = 'row text-center bg-info p-5 mb-5'>
<a href = './index.html' style = 'text-decoration: none; color: #fff;'><h1>The Date Game</h1></a>
</div>
<div class = 'container'>
<div class = 'jumbotron text-center'>
<h1 id = 'date'>Date...</h1>
<div class = 'row justify-content-center'>
<a class = 'col-3 m-3 btn btn-lg text-white' href = 'javascript:match(6)' style = 'background-color: #59359a;'>Saturday</a>
<a class = 'col-3 m-3 btn btn-lg btn-danger' href = 'javascript:match(0)'>Sunday</a>
<a class = 'col-3 m-3 btn btn-lg' href = 'javascript:match(1)' style = 'background-color: #fd7e14;'>Monday</a>
<a class = 'col-3 m-3 btn btn-lg btn-warning' href = 'javascript:match(2)'>Tuesday</a>
<a class = 'col-3 m-3 btn btn-lg btn-success' href = 'javascript:match(3)'>Wednesday</a>
<a class = 'col-3 m-3 btn btn-lg btn-info' href = 'javascript:match(4)'>Thursday</a>
<a class = 'col-3 m-3 btn btn-lg text-white' href = 'javascript:match(5)' style = 'background-color: #d63384;'>Friday</a>
</div>
<a class = 'btn btn-lg btn-primary' href = 'javascript:location.reload();'>Retry</a>
</div>
</div>
</body>
</html>