-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathreceiver.html
85 lines (82 loc) · 4.21 KB
/
receiver.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width">
<title>Peer-to-Peer Cue System --- Reciever</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p id='result'>It's White's turn!</p>
<div class='chessboard' id='1'> </div>
<div class='chessboard' id='2'> </div>
<div class='chessboard' id='3'> </div>
<div class='chessboard' id='4'> </div>
<div class='chessboard' id='5'> </div>
<div class='chessboard' id='6'> </div>
<div class='chessboard' id='7'> </div>
<div class='chessboard' id='8'> </div>
<div class='chessboard' id='9'> </div>
<div class='chessboard' id='10'> </div>
<div class='chessboard' id='11'> </div>
<div class='chessboard' id='12'> </div>
<div class='chessboard' id='13'> </div>
<div class='chessboard' id='14'> </div>
<div class='chessboard' id='15'> </div>
<div class='chessboard' id='16'> </div>
<div class='chessboard' id='17'> </div>
<div class='chessboard' id='18'> </div>
<div class='chessboard' id='19'> </div>
<div class='chessboard' id='20'> </div>
<div class='chessboard' id='21'> </div>
<div class='chessboard' id='22'> </div>
<div class='chessboard' id='23'> </div>
<div class='chessboard' id='24'> </div>
<div class='chessboard' id='25'> </div>
<div class='chessboard' id='26'> </div>
<div class='chessboard' id='27'> </div>
<div class='chessboard' id='28'> </div>
<div class='chessboard' id='29'> </div>
<div class='chessboard' id='30'> </div>
<div class='chessboard' id='31'> </div>
<div class='chessboard' id='32'> </div>
<div class='chessboard' id='33'> </div>
<div class='chessboard' id='34'> </div>
<div class='chessboard' id='35'> </div>
<div class='chessboard' id='36'> </div>
<div class='chessboard' id='37'> </div>
<div class='chessboard' id='38'> </div>
<div class='chessboard' id='39'> </div>
<div class='chessboard' id='40'> </div>
<div class='chessboard' id='41'> </div>
<div class='chessboard' id='42'> </div>
<div class='chessboard' id='43'> </div>
<div class='chessboard' id='44'> </div>
<div class='chessboard' id='45'> </div>
<div class='chessboard' id='46'> </div>
<div class='chessboard' id='47'> </div>
<div class='chessboard' id='48'> </div>
<div class='chessboard' id='49'> </div>
<div class='chessboard' id='50'> </div>
<div class='chessboard' id='51'> </div>
<div class='chessboard' id='52'> </div>
<div class='chessboard' id='53'> </div>
<div class='chessboard' id='54'> </div>
<div class='chessboard' id='55'> </div>
<div class='chessboard' id='56'> </div>
<div class='chessboard' id='57'> </div>
<div class='chessboard' id='58'> </div>
<div class='chessboard' id='59'> </div>
<div class='chessboard' id='60'> </div>
<div class='chessboard' id='61'> </div>
<div class='chessboard' id='62'> </div>
<div class='chessboard' id='63'> </div>
<div class='chessboard' id='64'> </div>
<button id='reset'>Reset</button>
<button style="position: absolute; left: 0; bottom: 0; margin-left: 20px; margin-bottom: 20px; background-color: #333; border: 2px solid #fff; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; cursor: pointer;" onclick="window.location.href = 'https://waffledevsalt.github.io'">Main Page</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha512-bnIvzh6FU75ZKxp0GXLH9bewza/OIw6dLVh9ICg0gogclmYGguQJWl8U30WpbsGTqbIiAwxTsbe76DErLq5EDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<div id="receiver-id" style="font-weight: bold;" title="Copy this ID to the input on send.html.">ID:</div>
<script src="https://unpkg.com/[email protected]/dist/peerjs.min.js"></script>
<script src="receiver.js"></script>
</body>
</html>