-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (52 loc) · 1.9 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
<head>
<meta charset="UTF-8">
<title>PureBracket</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="purebracket.js"></script>
</head>
<body>
<div id="options">
<h1>PureBracket</h1>
<h3>Step 1: Enter the number of players</h3>
<input id="numberOfPlayers"></input>
<h3>Step 2: Enter player's names</h3>
<textarea id="names"></textarea>
<h3>Step 3: Select options</h3>
<div id="selection">
<form id="matchType">
<input type="radio" name="bracketType" value="single"> Single Elimination<br>
<input type="radio" name="bracketType" value="double"> Double Elimination<br>
</form>
<form id="orderType">
<input type="radio" name="orderType" value="ordered"> Ordered<br>
<input type="radio" name="orderType" value="unordered"> Randomized<br>
</form>
</div>
<h3>Step 4: Generate the bracket!</h3>
<button onclick="generateBracket()">Generate</button>
<section>
<h3>Instructions</h3>
<p>Enter the number of players as 4, 8, 16 or 32. Next, enter all of the
players names, ensuring that there are as many lines in the textbox as the
number provided in step 1. Select your options, and then hit the "generate"
button.
</p>
<p>Now use the selection boxes when a player wins to denote that they are
moving forward in the tournament. And don't forget to have fun!
</p>
</section>
<section id="projectInfoSection">
<h3>Project Info</h3>
<div id="projectInfoFlex">
<p>PureBracket is released under the terms of the MIT Open Source License.
Check out the repo on
<a href="https://github.com/tmose1106/PureBracket">GitHub</a>.
</p>
<img src="github.svg" alt="github logo">
</div>
</div>
</section>
<div id="bracket">
<h2>Your bracket will appear here!</h2>
</div>
</body>