-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
84 lines (80 loc) · 2.66 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
<!DOCTYPE html>
<html>
<head>
<script type="application/javascript" src="bundle.js"></script>
<link rel="stylesheet" href="style.css" />
<title>Termination</title>
</head>
<body>
<!--div>⊕</div-->
<script type="text/template" id="game">
<center><img src="img/logo.png" style="margin-top: 200px; width: 40%; -webkit-filter: drop-shadow(5px 5px 3px black) brightness(1.4);"/></center>
<table style="-webkit-filter: drop-shadow(2px 2px 1px black)">
<tr><td id="name0"></td><td id="score0"></td></tr>
<tr><td id="name1"></td><td id="score1"></td></tr>
<tr><td id="name2"></td><td id="score2"></td></tr>
<tr><td id="name3"></td><td id="score3"></td></tr>
<tr><td id="name4"></td><td id="score4"></td></tr>
<tr><td id="name5"></td><td id="score5"></td></tr>
<tr><td id="name6"></td><td id="score6"></td></tr>
<tr><td id="name7"></td><td id="score7"></td></tr>
<tr><td id="name8"></td><td id="score8"></td></tr>
<tr><td id="name9"></td><td id="score9"></td></tr>
</table>
<h3 style="-webkit-filter: drop-shadow(2px 2px 1px black) brightness(1.4);">Scan QR Code or grab the guns<br />and shoot to play!</h3>
</script>
<script type="text/template" id="scoreboard">
<div style="width: 60%; float:left; -webkit-filter: drop-shadow(2px 2px 1px black) brightness(1.4);">
<h3>Elements Hit:</h3>
<h2 id="hit_elements0"></h2>
<h3>Missed Shots:</h3>
<h2 id="missed_shots0"></h2>
<h3>Hit Ratio:</h3>
<h2 id="hit_ratio0"></h2>
</div>
<div style="width:40%; margin-top: 200px; float:left; -webkit-filter: drop-shadow(2px 2px 1px black) brightness(1.4);">
<h2>Total Score</h2>
<h1 id="your_score"></h1>
</div>
<div style="width:60%; float: left;">
<h2>Time Bonus:</h2>
<h2 id="time_bonus"></h2>
</div>
<h3 style="-webkit-filter: drop-shadow(2px 2px 1px black) brightness(1.4);">Shoot to proceed!</h3>
</script>
<script type="text/template" id="nameboard">
<div id="skipEntryButton">Skip Entry</div>
<h1 style="-webkit-filter: drop-shadow(2px 2px 1px black) brightness(1.4);">New Highscore!</h1>
<h1 style="-webkit-filter: drop-shadow(2px 2px 1px black) brightness(1.4);" id="enteredName"><span id="namePlayer">___</span></h1>
<div style="width:100%" id="letterboard">
<div>Q</div>
<div>W</div>
<div>E</div>
<div>R</div>
<div>T</div>
<div>Y</div>
<div>U</div>
<div>I</div>
<div>O</div>
<div>P</div>
<div>A</div>
<div>S</div>
<div>D</div>
<div>F</div>
<div>G</div>
<div>H</div>
<div>J</div>
<div>K</div>
<div>L</div>
<div></div>
<div>Z</div>
<div>X</div>
<div>C</div>
<div>V</div>
<div>B</div>
<div>N</div>
<div>M</div>
</div>
</script>
</body>
</html>