forked from execfera/charasort
-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
148 lines (122 loc) · 7.37 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="src/assets/index_logo.ico" type="image/x-icon">
<link rel="icon" href="src/assets/index_logo.ico" type="image/x-icon">
<meta charset="utf-8">
<meta name="og:site_name" content="Kirara Ranker">
<meta name="og:description" content="An extremely simplistic way to have crippling depression as you choose between characters in what seems to be Marvel, but CGDCT.">
<meta name="og:image" content="https://cdn.discordapp.com/attachments/389799029703311360/459520053134622720/discord_logo.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kiraranker</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/2018-06-19.js"></script>
<script src="src/js/data/2018-07-27.js"></script>
<script src="src/js/data/2018-11-05.js"></script>
<script src="src/js/data/2018-12-26.js"></script>
<script src="src/js/data/2019-01-18.js"></script>
<script src="src/js/data/2019-02-19.js"></script>
<script src="src/js/data/2019-03-19.js"></script>
<script src="src/js/data/2019-04-26.js"></script>
<script src="src/js/data/2019-06-24.js"></script>
<script src="src/js/data/2019-07-26.js"></script>
<script src="src/js/data/2019-09-20.js"></script>
<script src="src/js/data/2020-01-06.js"></script>
<script src="src/js/data/2020-02-30.js"></script>
<script src="src/js/data/2020-03-01.js"></script>
<script src="src/js/data/2020-05-14.js"></script>
<script src="src/js/data/2022-05-21.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/dexie.min.js"></script>
<script src="src/js/main.js"></script>
</head>
<body>
<div class="container">
<div class="tip-modal">
<div class="tip-content">
<p>Sample Text Here</p>
<div class="button">Close Tip</div>
</div>
</div>
<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 sort padded-image">
<img src="src/assets/defaultL.jpg" class="left sort image">
</div>
<div class="starting start button">
<p>
Kirara Fantasia Character Ranker<br><br>Click to Start!
</p>
</div>
<div class="starting load button">
<p>
Load <span></span>
</p>
</div>
<div class="loading button">
<div></div><span>Loading...</span>
</div>
<div class="sorting tie button"><p>Tie</p></div>
<div class="sorting undo button"><p>Undo</p></div>
<div class="sorting save button"><p>Save Progress</p></div>
<div class="finished save button"><p>Generate Result URL</p></div>
<div class="finished getimg button"><p>Generate Image</p></div>
<div class="finished list button"><p>Generate Text List</p></div>
<div class="right sort padded-image">
<img src="src/assets/defaultR.jpg" class="right sort image">
</div>
<div class="left sort text"><p></p></div>
<div class="right sort text"><p></p></div>
</div>
<div class="options"></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://discord.gg/gCrAsDR">Discord</a> |
<a href="https://github.com/ronelm2000/kiraranker/">Source Code</a> |
<a href="https://github.com/execfera/charasort/">Original</a> |
<a href="http://kirarasort.tk/?D4RgrGAMBsYBwGZzQEwtGALAucDs0cwkJkIpF5ZJIt5V9V1DNLtrFZj1PP9NlAQIZNO3PlzpjSdFjPm827dhOZN1a-lNmT+XQco379KyqZVS+IxjdO9JJiVsOsN2m0LZDBa3RZ323OrKxmah2oFilrLRdopWHAlOeq7MnMbu6THmojGe9q4BQfkeZnp5MnImWmm2ooUG1ZaV8c1Z2R31UR0+EdlZjnG6Zd1d-TV25goVdRXpwqlTQ0E9Qw6Fa-OzM2HAAIbEoMygnaedJ+xAA">My Ranking</a> |
<a class="clearsave">Clear Save Data</a>
<br />
<a href="https://www.paypal.me/ronelm2000">I Like this Site; I want to say "Thanks!"</a>
<br />
<a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=69342412">Sauce #1</a> | <a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=67697620">Sauce #2</a>
<br><br>
<p>A shameless fork sorter specifically designed for most (if not all) Manga Time Kirara characters.</p>
<p><strong>Certain options have details that you can hover to read if you're on a laptop.</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>Unless you picked Agony Mode (WIP), in which case, you can't tie them; instead, you can do a coin flip (You will not be informed who won the coin flip).</p>
<p>Depending on how many sources you pick (especially under default settings), you'll get up to 700+ picks, so set aside a good few cups of tea and possibly your revolver 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>Inspired by <a href="http://mainyan.sakura.ne.jp/thsort.html">this site</a> and <a href="http://kouhi.me/idol">this one.</a>.
Thumbnail Art: Official Sources from <a href="https://wiki.kirafan.moe/">Ayaya</a>. For everything else, I forgot: Blame Google. And Wikia.</p>
<br><br>
<p>May 21, 2022 - Added alot of characters (I had to catch up to 2 years worth of content, woops.)</p>
<p>May 15, 2020 - Added Koisuru Asteroid + All the event cards from March to May.</p>
<p>Mar 02, 2020 - Added some characters and updated images; You will now occasionally encounter alternate images.</p>
<p>Jan 06, 2020 - Added some characters and updated images, including datamined items.</p>
<p>Jun 24, 2019 - Added some characters and updated images, including datamined items.</p>
<p>Mar 29, 2019 - Added more characters. Man, these are alot of characters...</p>
<p>Jan 18, 2019 - (Technically Jan 17 but whatever) Added more Anima Yell characters and Lamp, who is one of the Kirara Fantasia mascots waifus. <img src="https://cdn.discordapp.com/emojis/530726778914996224.png" class="emote" style="height: 1em; width: 1em;" title=":LampYay:" alt=":LampYay:" /></p>
<p>Dec 24, 2018 - Added the needed updates in art; added GU and Sansha Sanyou (placeholder art only), as well as other released charas in Kirara Fantasia.</p>
<p>Jul 07, 2018 - The first more stable-ish version; everything except Original are there.</p>
<p>Jun 25, 2018 - Almost all of the series in-game are done with 5 remaining. I'm working on the non-confirmed series.</p>
<p>Jun 22, 2018 - Edited index.html; WIP lots of things as there's way too many charas in Kirara</p>
</div>
</div>
</body>
</html>