-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·119 lines (119 loc) · 6.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Twokinds Universe</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js" defer></script>
<script src="js/texts.js"></script>
<link href="css/Montserrat.css" rel="stylesheet">
<link rel="icon" href="img/logo.svg">
<meta property="og:title" content="Twokinds Universe">
<meta property="og:description" content="Explore Everything About Twokinds Webcomic in One Place! Discover comic, characters, gallery, and more. Join the Twokinds Universe!">
<meta property="og:image" content="https://tkuniverse.space/img/logo.svg">
<meta property="og:url" content="https://tkuniverse.space">
<meta property="og:type" content="website">
<meta name="keywords" content="twokinds, twokinds gallery, tkuniverse, twokinds universe, two kinds universe, furry, furry comics, furry comic, two kinds comic, two kinds, twokinds rus, twokinds art">
<meta name="description" content="Explore Everything About Twokinds Webcomic in One Place! Discover comic, characters, gallery, and more. Join the Twokinds Universe!">
</head>
<body>
<div id="show-sidebar" style="display: none;"></div>
<main>
<aside class="sidebar">
<div class="sidebar-banner">
<button id="sidebar-toggle" onclick="sideBarToggle()"><img src="img/cross.svg" width="40px" title="Hide sidebar"></button>
<img src="img/space.png" class="banner">
<a href="/"><img src="img/logo.svg" class="logo"></a>
</div>
<div class="sidebar-content">
<div class="sidebar-buttons">
<a href="/"><button class="btn">
<strong data-text="pageViewerButton">Page viewer</strong>
<p id="page-viewer-button" data-text="pageViewerButtonDesc">Continue reading:</p>
</button></a>
<a href="/coming-soon.html"><button class="btn">
<strong data-text="archiveButton">Archive</strong>
<p data-text="archiveButtonDesc">Browse through the comic pages archive</p>
</button></a>
<a href="/coming-soon.html"><button class="btn">
<strong data-text="galleryButton">Gallery</strong>
<p data-text="galleryButtonDesc">Explore all Twokinds-related artwork</p>
</button></a>
<a href="/coming-soon.html"><button class="btn">
<strong data-text="wikiButton">Wiki</strong>
<p data-text="wikiButtonDesc">Dive into the Twokinds universe with the community wiki</p>
</button></a>
<a href="/coming-soon.html"><button class="btn">
<strong data-text="aboutButton">About</strong>
<p data-text="aboutButtonDesc">Learn more about the comic and this website</p>
</button></a>
<a href="https://discord.gg/twokinds" target="_blank"><button class="btn">
<strong data-text="discordButton">Discord</strong>
<p data-text="discordButtonDesc">Join the Twokinds fan community on Discord</p>
</button></a>
</div>
<div class="license"><a href="https://twokinds.keenspot.com/license/" target="_blank"><p data-text="license">TWOKINDS, its logo, and all related characters are copyright © 2024 Thomas J. Fischbach. All rights reserved.</p></a></div>
</div>
</aside>
<div class="content">
<div class="gap-10 page-container">
<div class="page-space mb-2rem">
<div class="image-container">
<img class="page justify-center w-600" alt="Comic Page"></img>
<img class="blurred-page justify-center w-600" alt="Blurred Comic Page"></img>
</div>
<div class="fd-c gap-10 navigation zi-1">
<div class="fd-r justify-center gap-5 page-switchers">
<button onclick="changePage('first')" class="btn" data-text="firstPageButton">First</button>
<button onclick="changePage('previous')" class="btn" data-text="previousPageButton">Previous</button>
<p class="page-number col-white btn"></p>
<button onclick="changePage('next')" class="btn" data-text="nextPageButton">Next</button>
<button onclick="changePage('last')" class="btn" data-text="lastPageButton">Last</button>
</div>
<div class="fd-c gap-10">
<button class="btn" id="tools-btn" data-text="toolsButton">Tools</button>
</div>
</div>
</div>
<div id="tools-container" class="gap-10 fd-c" style="display: none;">
<div class="page-options-section">
<p class="title" data-text="pageOptionsTitle">Page options</p>
<div>
<button id="sketch-ver-button" class="btn" data-text="sketchVerButton">Sketch</button>
<a id="speachless-ver-button" class="btn hidden" target="_blank" data-text="">Speachless</a>
<select id="language">
<option value="be">Беларуская</option>
<option value="cs">Čeština</option>
<option value="de">Deutsch</option>
<option value="en">English</option>
<option value="es">Español</option>
<option value="fr">Français</option>
<option value="it">Italiano</option>
<option value="pl">Polski</option>
<option value="ru">Русский</option>
</select>
<select id="page-size" class="hidden">
<option value="orig" data-text="originalSizeOption">Original</option>
<option value="w-600" selected>100%</option>
<option value="w-300">50%</option>
</select>
<a id="download"><button class="btn" id="download-button" data-text="downloadButton">Download</button></a>
<button class="btn" id="remove-glow" data-text="removePageGlowButton">Disable page glow</button>
<button class="btn" id="disable-swipes" data-text="disableSwipesButton">Disable page swipes</button>
<button class="btn" id="disable-margins" data-text="disableMarginsButton">Disable margins</button>
</div>
</div>
<div class="fd-c gap-10 zi-1 go-to-page-section">
<p class="title" data-text="findPageTitle">Find page</p>
<form id="go-to-page-form">
<input type="number" placeholder="Page Number" class="page-input" data-placeholder="pageInput"></input>
<button id="go-to-page-button" class="btn" type="submit" data-text="goToPageButton">Go to</button>
</form>
</div>
</div>
</div>
</div>
</main>
</body>
</html>