-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (92 loc) · 5.05 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Rock Stick</title>
</head>
<body>
<canvas>
</canvas>
<script src="./canvas.js"></script>
<div class="info">
<h1>Dashboard</h1>
<div class="name">
<h2>Rock Stick</h2>
<hr>
<p>Designed and Develpoed by Ankit & Sarthak</p>
</div>
<div class="status">
<div id="player1" class="player1">
<h3 id="p1">Player 1</h3>
<p id="points1"></p>
</div>
<div id="player2" class="player2">
<h3 id="p2">Player 2</h3>
<p id="points2"></p>
</div>
</div>
</div>
<div class="board">
<div class="points" id="p00" style="top: 2vh; left: 12vw;"></div>
<div class="points" id="p01" style="top: 2vh; left: 20vw;"></div>
<div class="points" id="p02" style="top: 2vh; left: 28vw;"></div>
<div class="points" id="p10" style="top: 12vh; left: 16vw;"></div>
<div class="points" id="p11" style="top: 12vh; left: 20vw;"></div>
<div class="points" id="p12" style="top: 12vh; left: 24vw;"></div>
<div class="points" id="p20" style="top: 22vh; left: 12vw"></div>
<div class="points" id="p21" style="top: 22vh; left: 16vw"></div>
<div class="points" id="p22" style="top: 22vh; left: 20vw"></div>
<div class="points" id="p23" style="top: 22vh; left: 24vw"></div>
<div class="points" id="p24" style="top: 22vh; left: 28vw"></div>
<div class="points" id="p30" style="top: 32vh; left: 12vw"></div>
<div class="points" id="p31" style="top: 32vh; left: 16vw"></div>
<div class="points" id="p32" style="top: 32vh; left: 20vw"></div>
<div class="points" id="p33" style="top: 32vh; left: 24vw"></div>
<div class="points" id="p34" style="top: 32vh; left: 28vw"></div>
<div class="points" id="p40" style="top: 42vh; left: 12vw"></div>
<div class="points" id="p41" style="top: 42vh; left: 16vw"></div>
<div class="points" id="p42" style="top: 42vh; left: 20vw"></div>
<div class="points" id="p43" style="top: 42vh; left: 24vw"></div>
<div class="points" id="p44" style="top: 42vh; left: 28vw"></div>
<div class="points" id="p50" style="top: 52vh; left: 12vw"></div>
<div class="points" id="p51" style="top: 52vh; left: 16vw"></div>
<div class="points" id="p52" style="top: 52vh; left: 20vw"></div>
<div class="points" id="p53" style="top: 52vh; left: 24vw"></div>
<div class="points" id="p54" style="top: 52vh; left: 28vw"></div>
<div class="points" id="p60" style="top: 62vh; left: 12vw"></div>
<div class="points" id="p61" style="top: 62vh; left: 16vw"></div>
<div class="points" id="p62" style="top: 62vh; left: 20vw"></div>
<div class="points" id="p63" style="top: 62vh; left: 24vw"></div>
<div class="points" id="p64" style="top: 62vh; left: 28vw"></div>
<div class="points" id="p70" style="top: 72vh; left: 16vw"></div>
<div class="points" id="p71" style="top: 72vh; left: 20vw"></div>
<div class="points" id="p72" style="top: 72vh; left: 24vw"></div>
<div class="points" id="p80" style="top: 82vh; left: 12vw"></div>
<div class="points" id="p81" style="top: 82vh; left: 20vw"></div>
<div class="points" id="p82" style="top: 82vh; left: 28vw"></div>
<div class="line" id="l221" style="top: 23vh; left: 8vw"></div>
<div class="line" id="l222" style="top: 23vh; left: 8vw"></div>
<div class="line" id="l421" style="top: 43vh; left: 8vw"></div>
<div class="line" id="l422" style="top: 43vh; left: 8vw"></div>
<div class="line" id="l621" style="top: 63vh; left:8vw;"></div>
<div class="line" id="l622" style="top: 63vh; left:8vw;"></div>
<div class="lines" id="ls0" style="top: 3vh; left: 27vh;"></div>
<div class="lines" id="ls1" style="top: 13vh; left: 16vw;"></div>
<div class="lines" id="ls2" style="top: 23vh; left: 27vh;"></div>
<div class="lines" id="ls3" style="top: 33vh; left: 27vh;"></div>
<div class="lines" id="ls4" style="top: 43vh; left: 27vh;"></div>
<div class="lines" id="ls5" style="top: 53vh; left: 27vh;"></div>
<div class="lines" id="ls6" style="top: 63vh; left: 27vh;"></div>
<div class="lines" id="ls7" style="top: 73vh; left: 16vw;"></div>
<div class="lines" id="ls8" style="top: 83vh; left: 27vh;"></div>
<div class="linec" id="c1" style="top: 43vh; left: 3vw;"></div>
<div class="linec" id="c2" style="top: 43vh; left: 7vw;"></div>
<div class="line" id="center" style="top: 43vh; left: 1vw;"></div>
<div class="linec" id="c4" style="top: 43vh; left: 15vw;"></div>
<div class="linec" id="c5" style="top: 43vh; left: 19vw;"></div>
</div>
<button onclick="start(player1)">START</button>
<script src="script.js"></script>
</body>
</html>