-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
107 lines (81 loc) · 3.96 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
<html>
<head>
<link rel="shortcut icon" href="src/assets/orange.ico" type="image/x-icon">
<link rel="icon" href="src/assets/orange.ico" type="image/x-icon">
<meta charset="utf-8">
<meta name="og:site_name" content="Orange_Juice Character Sorting">
<meta name="og:description" content="A simple website for sorting Orange_Juice characters in a formatted list">
<meta name="og:image" content="https://i.imgur.com/uTMxyPf.png">
<title>Orange_Juice Sorter</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/2019-03-27.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">
<img src="src/assets/default.png" class="left sort image">
<div class="starting start button"><br>Orange_Juice<br>Sorter<br><br><br><br>Start!</div>
<div class="starting load button">Load <span></span></div>
<div class="loading button"><div></div>Loading...</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>
<img src="src/assets/default.png" class="right sort image">
<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://twitter.com/pissjilly">@pissjilly</a> |
<a href="https://twitter.com/amarylli_rdt">@amarylli_rdt</a>
<br>
<a href="https://github.com/cynaba/ojsort">source code</a> |
<a class="clearsave">clear save data</a>
<br><br>
<a href="https://www.dropbox.com/sh/t1vr30dix7yxhv4/AABS4_K4-UtivejH8_CNI_jza?dl=0">100OJ Sprites (basic color only)</a> |
<a href="https://www.dropbox.com/sh/icelp4vod0ydz9m/AABWy59evXEbx33CaehHFsXha?dl=0">100OJ Voices (ingame lines only)</a>
<br><br><br>
<h1>sorter for Orange_Juice characters!</h1>
<p>pick your sources, and hit the start button</p>
<p>certain options have details that you can hover to read</p>
<p>depending on how many sources you pick, you'll get up to 200+ picks</p>
<br><br>
<p>note: the site is extremely buggy on mobile</p>
<p>and best used on desktop Chrome</p>
<p>Please send us DM or mentioned tweet on Twitter for a contact</p>
<br><br>
<p>keyboard controls during sorting
<p>H/LeftArrow (pick left) J/DownArrow (undo) K/UpArrow (tie) L/RightArrow (pick right) S (save progress)</p>
<br>
<p>before sorting
<p>S/Enter (start sorting) L (load progress)
<br><br>
<p>1/2/3 always correspond to the first/second/third buttons</p>
<br><br><img src=https://i.imgur.com/zVb9zYa.png width=400<br>
<br><br><br><br>
<p>adapted from <a href="https://tohosort.frelia.my/">tohosort</a></p>
<p>100% Orange Juice! and related games are created by Orange_Juice, published by Fruitbat Factory</p><br>
<p>last updated 2019-06-26 (UTC+08)</p>
<p>added cuties</p>
</div>
</div>
</body>
</html>