-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
106 lines (81 loc) · 4.35 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
<html class="system">
<head>
<link rel="shortcut icon" href="src/assets/yinyang.ico" type="image/x-icon">
<link rel="icon" href="src/assets/yinyang.ico" type="image/x-icon">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="og:site_name" content="Genshin Characters Sorting">
<meta name="og:description" content="A simple website for sorting Genshin characters in a formatted list.">
<meta name="og:image" content="https://cdn.discordapp.com/attachments/710101026535112736/968723324765081641/ganyu_raiden_shogun_lumine_zhongli_hu_tao_and_47_more_genshin_impact_drawn_by_znononz__d4c728ad63dc6f6925f6d47028560bdd.jpg">
<title>Genshin Sorting</title>
<link rel="stylesheet" type="text/css" href="src/css/reset.css">
<link rel="stylesheet" type="text/css" href="src/css/styles.css">
<script src="src/js/data.js"></script>
<script src="src/js/data/2022-03-08.js"></script>
<script src="src/js/html2canvas.min.js"></script>
<script src="src/js/lz-string.min.js"></script>
<script src="src/js/seedrandom.min.js"></script>
<script src="src/js/main.js"></script>
</head>
<body>
<div class="container">
<div class="progress">
<span class="progressbattle"></span>
<div class="progressbar">
<div class="progressfill"><span class="progresstext"></span></div>
</div>
</div>
<div class="sorter">
<div class="left wrapper">
<img src="src/assets/defaultL.png" class="sort image">
</div>
<div class="starting start button">Genshin Character Sorter<br><br>Click to Start!</div>
<div class="starting load button">Load <span></span></div>
<div class="loading button"><div></div><span>Loading...</span></div>
<div class="sorting tie button">Tie</div>
<div class="sorting undo button">Undo</div>
<div class="sorting save button">Save Progress</div>
<div class="finished save button">Generate Result URL</div>
<div class="finished getimg button">Generate Image</div>
<div class="finished list button">Generate Text List</div>
<div class="right wrapper">
<img src="src/assets/defaultR.png" class="sort image">
</div>
<div class="left sort text"><p></p></div>
<div class="right sort text"><p></p></div>
</div>
<div class="options-wrapper">
<div class="options"></div>
</div>
<div class="image selector">Display Images on Result: </div>
<div class="time taken"></div>
<div class="results"></div>
<div class="info">
<a href="https://tohosort.frelia.my/">Touhou Sorter</a> | <a
href="medicine.melancholy on discord">Contact</a> | <a
href="https://4chanmeta.github.io/genshin-sorter/?IwdgDCBMIMwGwBYEA4ZgD7BgVjDYkmYxwpJwYFVpFJ5ZxlZNjtdrV71bbTj9lQdz79Oousz60eE3tPYcx8hi07DB-RarEbqsteK7ymNSZI1CpKk8dY2G5UTJa7pexwd6HFr4Z5c6dhyOUkLaplTomvxAA">Best Taste</a> | <a
href="https://github.com/4ChanMeta/genshin-sorter/">Source Code</a> | <a class="clearsave">Clear Save Data</a>
<br><br>
<div>
<label for="theme">theme: </label>
<select name="theme" id="theme" onchange="setTheme(this)">
<option value="system">system theme</option>
<option value="dark">dark</option>
<option value="light">light</option>
</select>
</div>
<br>
<p>Sorter for Genshin characters. Pick your sources, and hit the Start button.</p>
<p><strong>Certain options have details that you can hover to read.</strong></p>
<p>Click on the character you like better from the two, or tie them if you like them equally or don't know them.</p>
<p>Depending on how many sources you pick, you'll get up to 300+ picks, so set aside a good cup of tea for this.</p>
<br><br>
<p>Keyboard controls during sorting: H/LeftArrow (pick left) J/DownArrow (undo) K/UpArrow (tie) L/RightArrow (pick right) S (save progress).</p>
<p>Before sorting: S/Enter (start sorting) L (load progress).
<p>1/2/3 always correspond to the first/second/third buttons.</p>
<br><br>
<p>This will be a changelog now. As of 18/8/2022 I added all new leaked and officially released Sumeru characters and added filters based on Character Nationality.</p>
</div>
</div>
</body>
</html>