QuantumCoinFlip/index.html at master · s-crypt/QuantumCoinFlip · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<title>Coin Flip!</title>
		<meta charset="utf-8" />
		<link href="styles.css" type="text/css" rel="stylesheet" />
		<link rel="shortcut icon" type="image/jpg" href="./images/heads.png" />
		<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" />
	</head>
	<body>
		<div id="damn"></div>
		<div id="score_box">
			<p id="tally">Tally</p>
			<ul>
				<li>Heads:</li>
				<li id="head_win"></li>
			</ul>
			<ul>
				<li>Tails:</li>
				<li id="tail_win"></li>
			</ul>
		</div>
		<h1>Flip a Quantum Coin!</h1>
		<center><h3>Click and hold for a second to flip the coin</h3></center>
		<input id="coin" type="image" src="images/heads.png" onclick="coinFlip(); play();" />
		<h1 id="winner"></h1>
		<h1 id="final_winner"></h1>

		<div style="position: absolute; bottom: 5px">
			<p>Random Number API provided by <a href="https://random.org">Random.org</a></p>
			<p>99.9% of website code by <a href="https://github.com/macro6461/coin-flip">Matthew Croak</a></p>
			<p>The few lines that are modified are by me, <a href="https://github.com/s-crypt">s-crypt</a></p>
			<p>From 0-255 given by the Quantum Random Number Generator: 0-127 is Heads, 128-255 is Tails</p>
			<p>Don't believe the results? Open the browser console.</p>
		</div>
		<audio id="audio" src="coin_toss.mp3"></audio>
		<script src="coin_flip.js"></script>
	</body>
</html>