-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
78 lines (69 loc) · 3 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
<!DOCTYPE html>
<html>
<head>
<title>Beaconator</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css' />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="beaconator.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-Frame-Options" content="allowall">
</head>
<body>
<div class="container">
<div class="col-xs-12 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
<div class="card">
<h2>
Beaconator
<a href="http://github.com/celic/beaconator" target="_blank"><i class="fa fa-github gh-icon"></i></a>
</h2>
<div id="options_list" class="input-container">
<div>
<label>Option 1</label>
<input type="text" id="Option1" class="form-control" />
</div>
<div>
<label>Option 2</label>
<input type="text" id="Option2" class="form-control" />
</div>
<div id="new_options">
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-3">
<input type="button" value="Add Option" class="btn main blue" id="add_option" />
</div>
<div class="col-xs-12 col-md-3">
<input type="button" value="Beaconize" class="btn main green" id="beaconize" />
</div>
<div class="col-xs-12 col-md-3">
<input type="button" value="Reset" class="btn main red" id="reset" />
</div>
</div>
</div>
<div class="card dark" id="about">
<div id="about-link">
<a>How to use the Beaconator</a>
</div>
<div id="about-content">
<p class="about-text">Have you ever been faced with a decision between several options and would like the novelty of picking the most random of the options? This is where the Beaconator is essential. Have a group of interns who want to go to lunch but no one wants to make a decisive choice on where to go? Enter all the options in the Beaconator and let the randomness of NIST decide for you!</p>
</div>
</div>
<div id="results" class="card results">
<h2>Results</h2>
<p>The Beaconator has decided.</p>
<span class="decision"></span>
</div>
<div class="card info">
<h2>The Beacon</h2>
<p>The National Institute of Standards and Technology Randomness Beacon combines several random number generators with such high values of entropy (how random these generated numbers are) to come up with one 512 bit super random number per minute.</p>
</div>
<div class="card dark">
<a href="https://beacon.nist.gov" target="_blank">Learn more about the NIST Randomness Beacon project. <br />Be patient, it loads slowly!</a>
</div>
</div>
</div>
</body>
</html>