2022-10-23 06:28:32 +00:00
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<link rel="shortcut icon" href="src/assets/tonk.png" type="image/x-icon">
|
|
|
|
|
<link rel="icon" href="src/assets/tonk.png" type="image/x-icon">
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="og:site_name" content="GuP Character Sorting">
|
|
|
|
|
<meta name="og:description" content="A simple website for sorting GuP characters in a formatted list.">
|
|
|
|
|
<meta name="og:image" content="https://i.imgur.com/IZzJMk6.jpg">
|
|
|
|
|
<title>GuP Character 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>
|
2022-10-23 08:18:52 +00:00
|
|
|
<script src="src/js/data/data.js"></script>
|
2022-10-23 06:28:32 +00:00
|
|
|
|
|
|
|
|
<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/defaultL.jpg" class="left sort image">
|
|
|
|
|
|
|
|
|
|
<div class="starting start button">GuP 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>
|
|
|
|
|
|
|
|
|
|
<img src="src/assets/defaultR.jpg" 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="mailto:junko.cafe@protonmail.com">Contact</a> | Source Code (soon™) | <a href="?IwVmE4CZNAGSBs5YB8QA5zAMzoCwqzCxEmnDGVkkUXVHEON1lW0tPOn1s9suNyTGr3Y0G3QcN4SBQunNaCxC+pPLsuqreNob5MylKOtuk5RoWGlenhM63TInfyNSRS-aKuaDV+7bKjrJ8wbpClhyu1BZ6bnKG8R5m5kHOHly6gariITE2vvyRxpocZtqW8moxpZ7GGbmlmbGilZXe6j75CSGtLnbAhAxAA">Best Taste</a> | <a class="clearsave">Clear Saved Data</a>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<p>Sorter for GuP 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>This is a project adapted from the Touhou character sorter that can be found <a href=https://github.com/execfera/charasort>here</a>.
|
|
|
|
|
|
|
|
|
|
<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>Thumbnail Art from <span style="color:#789922">>mal</span>. Ideally this will be changed along with adding the sequels/mangos.</p>
|
|
|
|
|
|
|
|
|
|
<br><br>
|
|
|
|
|
|
|
|
|
|
<p>May 10th, 2022 - Added Girls & Panzer (the original series).</p>
|
2022-10-23 08:18:52 +00:00
|
|
|
<p>October 22nd, 2022 - Added Do it Yourself and Bocchi the Rock!.</p>
|
2022-10-23 06:28:32 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
