-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (107 loc) · 4.6 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/main.js"></script>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<div>
<canvas id="canvas" width="520" height="537.5"></canvas>
</div>
<br/>
<div>
<p>
Select all the characters you S ranked:
</p>
<button onclick="process()">Process</button>
</div>
<br/>
<div>
<table>
<thead>
<tr>
<th>Black Eagles</th>
<th>Blue Lions</th>
<th>Golden Deer</th>
<th>Others</th>
</tr>
</thead>
<tbody>
<tr>
<td><input id="Edelgard" type="checkbox"/>Edelgard</td>
<td><input id="Dimitri" type="checkbox"/>Dimitri</td>
<td><input id="Claude" type="checkbox"/>Claude</td>
<td><input id="Manuela" type="checkbox"/>Manuela</td>
</tr>
<tr>
<td><input id="Hubert" type="checkbox"/>Hubert</td>
<td><input id="Dedue" type="checkbox"/>Dedue</td>
<td><input id="Hilda" type="checkbox"/>Hilda</td>
<td><input id="Hanneman" type="checkbox"/>Hanneman</td>
</tr>
<tr>
<td><input id="Dorothea" type="checkbox"/>Dorothea</td>
<td><input id="Felix" type="checkbox"/>Felix</td>
<td><input id="Lorenz" type="checkbox"/>Lorenz</td>
<td><input id="Catherine" type="checkbox"/>Catherine</td>
</tr>
<tr>
<td><input id="Ferdinand" type="checkbox"/>Ferdinand</td>
<td><input id="Mercedes" type="checkbox"/>Mercedes</td>
<td><input id="Raphael" type="checkbox"/>Raphael</td>
<td><input id="Alois" type="checkbox"/>Alois</td>
</tr>
<tr>
<td><input id="Bernadetta" type="checkbox"/>Bernadetta</td>
<td><input id="Ashe" type="checkbox"/>Ashe</td>
<td><input id="Lysithea" type="checkbox"/>Lysithea</td>
<td><input id="Seteth" type="checkbox"/>Seteth</td>
</tr>
<tr>
<td><input id="Caspar" type="checkbox"/>Caspar</td>
<td><input id="Annette" type="checkbox"/>Annette</td>
<td><input id="Ignatz" type="checkbox"/>Ignatz</td>
<td><input id="Flayn" type="checkbox"/>Flayn</td>
</tr>
<tr>
<td><input id="Petra" type="checkbox"/>Petra</td>
<td><input id="Sylvain" type="checkbox"/>Sylvain</td>
<td><input id="Marianne" type="checkbox"/>Marianne</td>
<td><input id="Gilbert" type="checkbox"/>Gilbert</td>
</tr>
<tr>
<td><input id="Linhardt" type="checkbox"/>Linhardt</td>
<td><input id="Ingrid" type="checkbox"/>Ingrid</td>
<td><input id="Leonie" type="checkbox"/>Leonie</td>
<td><input id="Shamir" type="checkbox"/>Shamir</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><input id="Cyril" type="checkbox"/>Cyril</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><input id="Rhea" type="checkbox"/>Rhea</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td><input id="Sothis" type="checkbox"/>Sothis</td>
</tr>
</tbody>
</table>
</div>
<div>
<input id="footer" type="checkbox"/>Remove image footer
</div>
<br/><hr/>
<div>
The code is available on <a href="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/Xwilarg/FE3H-Badge">GitHub</a>.
</div>
</body>
</html>