Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adds several features and fixes #24

Open
wants to merge 14 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 6 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
# charasort
A web based character sorter. Allows users to run through a manual merge sort of their favorite
characters from a set.
A web based character sorter. Allows users to run through a manual merge sort of their favorite characters from a set.

**Features**
* Entirely client side, no backend server required.
Expand All @@ -19,21 +18,23 @@ This is a list of things you need to change for your sorter, for each file.

* `index.html`
* Sorter name: Change under `starting start button` and the `<title>` tags.
* Starting banner images: 120px x 180px, under `left sort image` and `right sort image`.
* Starting banner images: Same aspect ratio as character images, under `left sort image` and `right sort image`.
* OpenGraph tags: `og:site_name`, `og:description` and `og:image` will show up on embeds when linked to social media such as Facebook, Twitter and Discord.
* Sorter info: Insert whatever you like under the `info` tag.
* Website icon: Remember to get your own `favicon.ico`!

* `src/js/data.js`

Change `imageRoot` if you are not uploading your images to imgur.
Change `imageRoot` to whatever the root URL of your images is.

* `src/js/data/YYYY-MM-DD.js`

Creating your own set of data is relatively simple. First, change the `dataSetVersion` date to the date when you are creating the dataset. Example: `dataSetVersion = 2018-02-20`. The actual filename does not matter, it is just for your own easy reference.

Further down, each file comprises of two sets of data: `characterData` and `options`.
Further down, each file comprises of three sets of data: `changelog`, `characterData` and `options`.

`changelog` is an array of strings explaining what has changed since the last dataset.

`characterData` is an array of objects filled with character data. Its layout is as follows.

```
Expand Down
59 changes: 39 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>

<head>
Expand All @@ -22,6 +23,9 @@
<script src="src/js/data/2019-11-26.js"></script>
<script src="src/js/data/2021-03-29.js"></script>
<script src="src/js/data/2021-05-09.js"></script>
<script src="src/js/data/2021-11-06.js"></script>
<script src="src/js/data/2023-09-22.js"></script>
<script src="src/js/data/2023-09-24.js"></script>

<script src="src/js/html2canvas.min.js"></script>
<script src="src/js/lz-string.min.js"></script>
Expand All @@ -31,39 +35,49 @@

<body>
<div class="container">
<div class="colorchange">
<button class="toggle">
<svg class="dark">
<use href="src/assets/dark-mode.svg#img"></use>
</svg>
<svg class="light">
<use href="src/assets/light-mode.svg#img"></use>
</svg>
</button>
</div>

<div class="progress">
<div class="progress hidden">
<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">
<img src="src/assets/defaultL.png" class="left sort image">

<div class="starting start button">Touhou Project Character Sorter<br><br>Click to Start!</div>
<div class="starting load button">Load <span></span></div>
<div class="starting start button"><div>Touhou Project Character Sorter<br><br>Click to Start!</div></div>
<div class="starting load button hidden">Load </div>

<div class="loading button"><div></div><span>Loading...</span></div>
<div class="loading button hidden"><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="sorting tie button hidden">Tie</div>
<div class="sorting undo button hidden">Undo</div>
<div class="sorting save button hidden">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="finished save button hidden">Generate Result URL</div>
<div class="finished getimg button hidden">Generate Image</div>
<div class="finished list button hidden">Generate Text List</div>

<img src="src/assets/defaultR.jpg" class="right sort image">
<img src="src/assets/defaultR.png" class="right sort image">

<div class="left sort text"><p></p></div>
<div class="right sort text"><p></p></div>
<div class="left sort text hidden"><p></p></div>
<div class="right sort text hidden"><p></p></div>
</div>

<div class="options"></div>
<div class="image selector">Display Images on Result: </div>
<div class="time taken"></div>
<div class="image selector hidden">Display Images on Result: </div>
<div class="time taken hidden"></div>
<div class="results"></div>

<div class="info">
Expand All @@ -88,10 +102,15 @@

<br><br>

<p>May 9th, 2021 - Added Unconnected Marketeers (full).</p>
<p>March 29th, 2021 - Added Unconnected Marketeers (trial).</p>
<p>October 5th, 2019 - Added filter for nameless characters.</p>
<p>October 4th, 2019 - Added Wily Beast and Weakest Creature (full).</p>
<table class="changelog">
<thead>
<tr>
<th colspan="2">Changelog</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</body>
Expand Down
Binary file removed src/assets/chars/02Xb4pU.png
Binary file not shown.
Binary file removed src/assets/chars/090hLPL.png
Binary file not shown.
Binary file removed src/assets/chars/0YT7QlS.png
Binary file not shown.
Binary file removed src/assets/chars/0ra00WG.png
Binary file not shown.
Binary file removed src/assets/chars/0rvq1ph.png
Binary file not shown.
Binary file removed src/assets/chars/16RUacj.png
Binary file not shown.
Binary file added src/assets/chars/26441341_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed src/assets/chars/2Pr8b2N.png
Binary file not shown.
Binary file removed src/assets/chars/2QUbCrU.png
Binary file not shown.
Binary file removed src/assets/chars/2ppPxny.png
Binary file not shown.
Binary file added src/assets/chars/33672888_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/33708432_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/33718126_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/33967037_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/34199683_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/35897624_p2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/35917852_p27.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36022130_p8.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36032949_p28.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36080352_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36180040_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36207805_p27.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36228277_p1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36335545_p0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36378515_p27.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/chars/36453291_p4.png
Binary file added src/assets/chars/36515196_p9.png
Binary file added src/assets/chars/36587157_p22.png
Binary file added src/assets/chars/36732834_p0.png
Binary file added src/assets/chars/36827880_p4.png
Binary file added src/assets/chars/36921045_p34.png
Binary file added src/assets/chars/37030661_p0.png
Binary file added src/assets/chars/37060947_p0.png
Binary file added src/assets/chars/37179537_p0.png
Binary file added src/assets/chars/37413503_p0.png
Binary file added src/assets/chars/37471044_p3.png
Binary file added src/assets/chars/37497509_p0.png
Binary file added src/assets/chars/37524972_p0.png
Binary file added src/assets/chars/37852706_p0.png
Binary file added src/assets/chars/37974959_p5.png
Binary file added src/assets/chars/38255785_p0.png
Binary file added src/assets/chars/38340713_p2.png
Binary file added src/assets/chars/38539941_p0.png
Binary file added src/assets/chars/38575619_p0.png
Binary file added src/assets/chars/38667372_p4.png
Binary file added src/assets/chars/38847228_p31.png
Binary file added src/assets/chars/39033185_p0.png
Binary file added src/assets/chars/39261304_p0.png
Binary file added src/assets/chars/39486261_p0.png
Binary file added src/assets/chars/39547480_p1.png
Binary file added src/assets/chars/39785627_p0.png
Binary file added src/assets/chars/39877070_p0.png
Binary file removed src/assets/chars/39KYpvW.png
Diff not rendered.
Binary file removed src/assets/chars/3Xiqd22.png
Diff not rendered.
Binary file removed src/assets/chars/3iNNL0c.png
Diff not rendered.
Binary file removed src/assets/chars/3pDRgvR.png
Diff not rendered.
Binary file removed src/assets/chars/3zo4VKV.png
Diff not rendered.
Binary file added src/assets/chars/40190956_p0.png
Binary file added src/assets/chars/40346048_p0.png
Binary file added src/assets/chars/40401344_p0.png
Binary file added src/assets/chars/41296540_p0.png
Binary file added src/assets/chars/41646587_p1.png
Binary file added src/assets/chars/42093495_p49.png
Binary file added src/assets/chars/42509836_p3.png
Binary file added src/assets/chars/43259877_p52.png
Binary file added src/assets/chars/44864931_p31.png
Binary file added src/assets/chars/45415913_p32.png
Binary file added src/assets/chars/46178351_p0.png
Binary file added src/assets/chars/46194333_p0.png
Binary file removed src/assets/chars/4Ufced2.png
Diff not rendered.
Binary file added src/assets/chars/50600052_p0.png
Binary file added src/assets/chars/50686999_p0.png
Binary file added src/assets/chars/50751869_p0.png
Binary file added src/assets/chars/51621241_p3.png
Binary file added src/assets/chars/51638694_p1.png
Binary file added src/assets/chars/51654664_p0.png
Binary file added src/assets/chars/51687174_p2.png
Binary file added src/assets/chars/51762958_p1.png
Binary file added src/assets/chars/51780429_p1.png
Binary file added src/assets/chars/51797648_p5.png
Binary file added src/assets/chars/52376610_p1.png
Binary file added src/assets/chars/52395985_p1.png
Binary file added src/assets/chars/52473979_p13.png
Binary file added src/assets/chars/54182820_p0.png
Binary file added src/assets/chars/54274126_p9.png
Binary file added src/assets/chars/54295880_p0.png
Binary file added src/assets/chars/54314843_p0.png
Binary file added src/assets/chars/54332552_p0.png
Binary file added src/assets/chars/54353610_p0.png
Binary file added src/assets/chars/54488446_p0.png
Binary file added src/assets/chars/54510211_p0.png
Binary file added src/assets/chars/54531064_p10.png
Binary file added src/assets/chars/54550636_p0.png
Binary file added src/assets/chars/54570394_p0.png
Binary file added src/assets/chars/54623124_p3.png
Binary file added src/assets/chars/54623630_p0.png
Binary file added src/assets/chars/54664361_p3.png
Binary file added src/assets/chars/54696691_p1.png
Binary file added src/assets/chars/54726174_p0.png
Binary file added src/assets/chars/54763493_p0.png
Binary file added src/assets/chars/54828646_p3.png
Binary file added src/assets/chars/54844833_p0.png
Binary file added src/assets/chars/54904051_p3.png
Binary file added src/assets/chars/54920006_p0.png
Binary file added src/assets/chars/54935904_p25.png
Binary file added src/assets/chars/54951994_p2.png
Binary file added src/assets/chars/54967865_p0.png
Binary file added src/assets/chars/55217436_p0.png
Binary file added src/assets/chars/55235571_p0.png
Binary file added src/assets/chars/55306217_p0.png
Binary file added src/assets/chars/55371904_p0.png
Binary file added src/assets/chars/55731651_p0.png
Binary file added src/assets/chars/55893431_p0.png
Binary file added src/assets/chars/56429772_p7.png
Binary file added src/assets/chars/65082403_p8.png
Binary file added src/assets/chars/65187915_p0.png
Binary file added src/assets/chars/66690096_p0.png
Binary file added src/assets/chars/67106570_p0.png
Binary file added src/assets/chars/67142507_p0.png
Binary file added src/assets/chars/67156260_p0.png
Binary file added src/assets/chars/67169867_p0.png
Binary file added src/assets/chars/67183544_p7.png
Binary file added src/assets/chars/67199755_p0.png
Binary file added src/assets/chars/67217736_p3.png
Binary file added src/assets/chars/67236431_p7.png
Binary file removed src/assets/chars/6KyhLqE.png
Diff not rendered.
Binary file removed src/assets/chars/6jq6eh6.png
Diff not rendered.
Binary file added src/assets/chars/71407907_p0.png
Binary file added src/assets/chars/71694694_p0.png
Binary file removed src/assets/chars/8DLUAPf.png
Diff not rendered.
Binary file removed src/assets/chars/8TLXMST.png
Diff not rendered.
Binary file removed src/assets/chars/8UX7hKE.png
Diff not rendered.
Binary file added src/assets/chars/93955442_p0.png
Binary file removed src/assets/chars/9Jje7ZQ.jpg
Diff not rendered.
Binary file removed src/assets/chars/A7ZnuHo.png
Diff not rendered.
Binary file removed src/assets/chars/ATTRSWU.png
Diff not rendered.
Binary file removed src/assets/chars/BYot23O.png
Diff not rendered.
Binary file removed src/assets/chars/EJFQHQN.png
Diff not rendered.
Binary file removed src/assets/chars/EpHQbiY.png
Diff not rendered.
Binary file removed src/assets/chars/FfcmDgp.png
Diff not rendered.
Binary file removed src/assets/chars/Fyn5yVx.png
Diff not rendered.
Binary file removed src/assets/chars/HLT338X.png
Diff not rendered.
Binary file removed src/assets/chars/IImsp7K.png
Diff not rendered.
Binary file removed src/assets/chars/IOW8GdU.png
Diff not rendered.
Binary file removed src/assets/chars/ITUhsGj.png
Diff not rendered.
Binary file removed src/assets/chars/IZsGAMS.png
Diff not rendered.
Binary file removed src/assets/chars/KaBuRTW.png
Diff not rendered.
Binary file removed src/assets/chars/KuPiR2k.png
Diff not rendered.
Binary file removed src/assets/chars/LenxXR4.png
Diff not rendered.
Binary file removed src/assets/chars/LoUqOuH.png
Diff not rendered.
Binary file removed src/assets/chars/MZXJQq5.png
Diff not rendered.
Binary file removed src/assets/chars/NWlZud3.png
Diff not rendered.
Binary file removed src/assets/chars/NsfLZjY.jpg
Diff not rendered.
Binary file removed src/assets/chars/OBqgP48.png
Diff not rendered.
Binary file removed src/assets/chars/OhaDcnc.png
Diff not rendered.
Binary file removed src/assets/chars/PcPqkdO.png
Diff not rendered.
Binary file removed src/assets/chars/SLLEccR.png
Diff not rendered.
Binary file removed src/assets/chars/TIOTtV9.png
Diff not rendered.
Binary file removed src/assets/chars/Txu2P7S.png
Diff not rendered.
Binary file removed src/assets/chars/VAMLiJD.png
Diff not rendered.
Binary file removed src/assets/chars/VIf5gUK.png
Diff not rendered.
Binary file removed src/assets/chars/VT9mTGb.png
Diff not rendered.
Binary file removed src/assets/chars/VbqXiB6.png
Diff not rendered.
Binary file removed src/assets/chars/VgJgaEf.png
Diff not rendered.
Binary file removed src/assets/chars/WEbfrcr.png
Diff not rendered.
Binary file removed src/assets/chars/WMjyRLJ.png
Diff not rendered.
Binary file removed src/assets/chars/WTZ97LE.png
Diff not rendered.
Binary file removed src/assets/chars/Wyc7YFw.png
Diff not rendered.
Binary file removed src/assets/chars/Y4maOc8.png
Diff not rendered.
Binary file removed src/assets/chars/aDIf0pN.png
Diff not rendered.
Binary file removed src/assets/chars/bV0DaN7.png
Diff not rendered.
Binary file removed src/assets/chars/bYA9E16.png
Diff not rendered.
Binary file removed src/assets/chars/c5DqpgX.png
Diff not rendered.
Binary file removed src/assets/chars/c9rnG3n.png
Diff not rendered.
Binary file removed src/assets/chars/cWjCo2j.png
Diff not rendered.
Binary file removed src/assets/chars/ceo4DhK.png
Diff not rendered.
Binary file removed src/assets/chars/dg9jLHv.png
Diff not rendered.
Binary file removed src/assets/chars/dko67SJ.png
Diff not rendered.
Binary file removed src/assets/chars/dup7Nt6.png
Diff not rendered.
Binary file removed src/assets/chars/fX2Kqik.png
Diff not rendered.
Binary file removed src/assets/chars/fxCGmUk.png
Diff not rendered.
Binary file removed src/assets/chars/gMpWdmA.png
Diff not rendered.
Binary file removed src/assets/chars/gPE95S7.png
Diff not rendered.
Binary file removed src/assets/chars/iIPftHn.png
Diff not rendered.
Binary file removed src/assets/chars/ivUSwxp.png
Diff not rendered.
Binary file removed src/assets/chars/jEsJJo8.png
Diff not rendered.
Binary file removed src/assets/chars/kJbv4dc.png
Diff not rendered.
Binary file removed src/assets/chars/kRSGtpq.png
Diff not rendered.
Binary file removed src/assets/chars/lkoAJod.png
Diff not rendered.
Binary file removed src/assets/chars/m8wXE5U.png
Diff not rendered.
Binary file removed src/assets/chars/mc7ICW6.png
Diff not rendered.
Binary file removed src/assets/chars/nDM5aB6.png
Diff not rendered.
Binary file removed src/assets/chars/nQ78Lz7.png
Diff not rendered.
Binary file removed src/assets/chars/ogONuLZ.png
Diff not rendered.
Binary file removed src/assets/chars/ohmetZh.png
Diff not rendered.
Binary file removed src/assets/chars/p529JgT.png
Diff not rendered.
Binary file removed src/assets/chars/pLdMjQ3.png
Diff not rendered.
Binary file removed src/assets/chars/ptGp0x4.png
Diff not rendered.
Binary file removed src/assets/chars/qGMjnYk.png
Diff not rendered.
Binary file removed src/assets/chars/qdveFSy.png
Diff not rendered.
Binary file removed src/assets/chars/qsceD4I.png
Diff not rendered.
Binary file removed src/assets/chars/r5eWREh.png
Diff not rendered.
Binary file removed src/assets/chars/r6w7TX1.png
Diff not rendered.
Binary file removed src/assets/chars/rBvKMk5.png
Diff not rendered.
Binary file removed src/assets/chars/rGS7dyn.png
Diff not rendered.
Binary file removed src/assets/chars/rshnJPV.png
Diff not rendered.
Binary file removed src/assets/chars/sLiqEBA.png
Diff not rendered.
Binary file removed src/assets/chars/sNw61ap.png
Diff not rendered.
Binary file removed src/assets/chars/sgZPf11.png
Diff not rendered.
Binary file removed src/assets/chars/sqgJ2St.png
Diff not rendered.
Binary file removed src/assets/chars/tDO653L.png
Diff not rendered.
Binary file removed src/assets/chars/tJnkSzK.png
Diff not rendered.
Binary file removed src/assets/chars/tZFBycy.png
Diff not rendered.
Binary file removed src/assets/chars/tZLYivt.png
Diff not rendered.
Binary file removed src/assets/chars/uEBxsEX.png
Diff not rendered.
Binary file removed src/assets/chars/uQjbw1W.png
Diff not rendered.
Binary file removed src/assets/chars/vBKdDm4.png
Diff not rendered.
Binary file removed src/assets/chars/vWNeMaH.png
Diff not rendered.
Binary file removed src/assets/chars/wVCcens.png
Diff not rendered.
Binary file removed src/assets/chars/xQOsFlZ.png
Diff not rendered.
Binary file removed src/assets/chars/xgAlECj.png
Diff not rendered.
Binary file removed src/assets/chars/y0UXwFO.png
Diff not rendered.
Binary file removed src/assets/chars/yJaD5ZV.png
Diff not rendered.
Binary file removed src/assets/chars/yqNfNje.png
Diff not rendered.
Binary file removed src/assets/chars/ytnL1xd.png
Diff not rendered.
Binary file removed src/assets/chars/zBl2zlv.png
Diff not rendered.
12 changes: 12 additions & 0 deletions src/assets/dark-mode.svg
Binary file removed src/assets/defaultL.jpg
Diff not rendered.
Binary file added src/assets/defaultL.png
Binary file removed src/assets/defaultR.jpg
Diff not rendered.
Binary file added src/assets/defaultR.png
12 changes: 12 additions & 0 deletions src/assets/light-mode.svg
Loading