this repo has no description
Added changelog
+88
-9
-6
public/exporter.js
-6
public/exporter.js
···
239
239
const modalContainer = document.querySelector('#export-modal-container');
240
240
const modalContent = document.querySelector('#export-modal-content');
241
241
242
-
for (const e of document.querySelectorAll('.modal-close')) {
243
-
e.addEventListener('click', () => {
244
-
e.parentElement.classList.remove('is-active');
245
-
});
246
-
}
247
-
248
242
document.querySelector('#export-image').addEventListener('click', () => {
249
243
const canvas = exportImage();
250
244
+79
-1
public/index.html
+79
-1
public/index.html
···
471
471
<button id="export-image" class="button is-primary">Export</button>
472
472
</div>
473
473
<div class="navbar-item">
474
+
<button id="view-changelog" class="button is-primary">Changelog</button>
475
+
</div>
476
+
<div class="navbar-item">
474
477
<label class="checkbox">
475
478
<input id="dark-theme" type="checkbox">
476
479
Dark theme
···
502
505
<button class="modal-close is-large" aria-label="close"></button>
503
506
</div>
504
507
508
+
<div id="changelog-modal-container" class="modal">
509
+
<div class="modal-background"></div>
510
+
<div class="modal-content">
511
+
<div class="box content">
512
+
<h1>Changelog</h2>
513
+
514
+
<h2>Version 9 - June 15th 2021</h2>
515
+
<ul>
516
+
<li>Add Macrophilia, Microphilia, Detachable body parts, Oviposition, Rope bondage, Suspension bondage, Cages, Gaping, Fear play and Water bondage (both types) to the list</li>
517
+
<li>Added a distinction between Futanari/Transfeminine and Futanari/Hermaphrodite</li>
518
+
<li>Removed Hate sex from the list</li>
519
+
<li>Added support for descriptions, and added descriptions to most of the kinks (and some categories)</li>
520
+
<li>Add light/dark theme detection and toggle</li>
521
+
<li>Add Self/Partner to Bodies category</li>
522
+
<li>Rename Interactions to Interactions & Groupings</li>
523
+
<li>Moved fantasy roleplay scenarios to a new Fantasy / Interactions category</li>
524
+
<li>Add website logo and Twitter/Discord embed code</li>
525
+
<li>Add this changelog</li>
526
+
</ul>
527
+
528
+
<h2>Version 8 - April 27th 2021</h2>
529
+
<ul>
530
+
<li>Align legend to the left on mobile devices. Thanks to anonymous contributor for this fix.</li>
531
+
</ul>
532
+
533
+
<h2>Version 7 - November 9th 2020</h2>
534
+
<ul>
535
+
<li>Add Scat to the list</li>
536
+
</ul>
537
+
538
+
<h2>Version 6 - October 9th 2020</h2>
539
+
<ul>
540
+
<li>Rewrite the entire list, using Bulma, in order to completely eliminate scrolling issues</li>
541
+
</ul>
542
+
543
+
<h2>Version 5 - September 21st 2020</h2>
544
+
<ul>
545
+
<li>Add Clown, Hate sex and Choking to list</li>
546
+
<li>Remove "Handholding" meme entry from list</li>
547
+
</ul>
548
+
549
+
<h2>Version 4 - August 17th 2020</h2>
550
+
<ul>
551
+
<li>Add Zettai ryoiki, Gas masks, Hypnoplay, Droneplay and Kitsunemimi to list</li>
552
+
</ul>
553
+
554
+
<h2>Version 3 - August 9th 2020</h2>
555
+
<ul>
556
+
<li>Add Beard, Hairy body, Shaven body, Bimbofication, Excessive cum and Gas to list</li>
557
+
</ul>
558
+
559
+
<h2>Version 2 - July 11th 2020</h2>
560
+
<ul>
561
+
<li>Many internal changes</li>
562
+
<li>Fix issues with hotkeys</li>
563
+
<li>Add "Autosave" checkbox, as an attempt to stop scrolling issues in Android Chrome webview</li>
564
+
</ul>
565
+
566
+
<h2>Version 1 - July 10th 2020</h2>
567
+
<ul>
568
+
<li>Initial GitLab release</li>
569
+
</ul>
570
+
</div>
571
+
</div>
572
+
<button class="modal-close is-large" aria-label="close"></button>
573
+
</div>
574
+
505
575
<script type="module">
506
576
import * as DOMTools from 'https://rawcdn.githack.com/uwx/dom-tools/0ffaa4212dee3fbd1e15a211aa3f470bed65f29b/out/browser/dom-tools.js';
507
577
···
515
585
<script src="https://unpkg.com/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"></script>
516
586
517
587
<!-- defer is used here so that DOMTools is loaded in time as it's async -->
518
-
<script src="themeswitcher.js" async></script>
588
+
<script src="pageinfo.js" async></script>
519
589
<script src="kinklist.js" defer></script>
520
590
<script src="exporter.js" defer></script>
591
+
<script>
592
+
// Handle closing modals universally
593
+
for (const e of document.querySelectorAll('.modal-close')) {
594
+
e.addEventListener('click', () => {
595
+
e.parentElement.classList.remove('is-active');
596
+
});
597
+
}
598
+
</script>
521
599
</body>
522
600
523
601
</html>
+9
-2
public/themeswitcher.js
public/pageinfo.js
+9
-2
public/themeswitcher.js
public/pageinfo.js
···
2
2
/* eslint-disable unicorn/prevent-abbreviations */
3
3
/* eslint-disable indent */
4
4
5
-
/* globals documentTheme */
6
-
5
+
// Theme switcher
7
6
const darkThemeSwitch = document.querySelector('#dark-theme');
8
7
9
8
darkThemeSwitch.addEventListener('change', event => {
···
19
18
}, false);
20
19
21
20
darkThemeSwitch.checked = document.documentElement.classList.contains('dark-theme');
21
+
22
+
const viewChangelog = document.querySelector('#view-changelog');
23
+
24
+
const changelogModal = document.querySelector('#changelog-modal-container');
25
+
26
+
viewChangelog.addEventListener('click', () => {
27
+
changelogModal.classList.add('is-active');
28
+
});