forked from rdaly1490/Random-Team-Generator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
46 lines (38 loc) · 1.43 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
<!DOCTYPE html>
<html>
<head>
<title>Random Team Generator</title>
<!-- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Archivo+Narrow" rel="stylesheet"> -->
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="icon" href="./img/batsman.favicon.jpg">
</head>
<body>
<div id="app-container">
<h2><em>Infinity</em> <span>Sorter</span></h2>
<form id="team-settings">
<p>Team Size (How many people in Single team?)</p>
<input placeholder="Number of players per team" />
<p id="size-error" class="error-text"></p>
<p>Players List (Enter one value per line)</p>
<textarea placeholder="Enter single name per line" /></textarea>
<p id="people-error" class="error-text"></p>
<button>Generate Teams!</button>
<div id="tabularOutputDiv">
Tablular output:
<label class="switch">
<input id="tabular-output-switch" type="checkbox" checked>
<span class="slider round"></span>
</label>
</div>
</form>
<div id="team-container"></div>
<hr/>
<div id="team-table"></div>
<a id="download-button" href='#' onclick='downloadCSV({ filename: "infinityTeamsData.csv" });'>Download CSV</a>
</div>
<script type="text/javascript" src="js/index.js"></script>
</body>
<footer>
<a style="font-style: italic; color: #120aee; font-size: 11px; line-height: 20px;" href="https://github.com/rameshgkwd05/Random-Team-Generator">Github-source-code</a>
</footer>
</html>