-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
318 lines (312 loc) · 20 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!DOCTYPE html>
<html lang="en-GB">
<head>
<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⣷⣶⣄⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣾⣿⣿⡿⢿⣿⣿⣿⣿⣿⣿⣿⣷⣦⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⣿⡟⠁⣰⣿⣿⣿⡿⠿⠻⠿⣿⣿⣿⣿⣧⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣾⣿⣿⠏⠀⣴⣿⣿⣿⠉⠀⠀⠀⠀⠀⠈⢻⣿⣿⣇⠀⠀⠀
⠀⠀⠀⠀⢀⣠⣼⣿⣿⡏⠀⢠⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠈⣿⣿⣿⡀⠀⠀
⠀⠀⠀⣰⣿⣿⣿⣿⣿⡇⠀⢸⣿⣿⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡇⠀⠀
⠀⠀⢰⣿⣿⡿⣿⣿⣿⡇⠀⠘⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⢀⣸⣿⣿⣿⠁⠀⠀
⠀⠀⣿⣿⣿⠁⣿⣿⣿⡇⠀⠀⠻⣿⣿⣿⣷⣶⣶⣶⣶⣶⣿⣿⣿⣿⠃⠀⠀⠀
⠀⢰⣿⣿⡇⠀⣿⣿⣿⠀⠀⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠁⠀⠀⠀⠀
⠀⢸⣿⣿⡇⠀⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠉⠛⠛⠛⠉⢉⣿⣿⠀⠀⠀⠀⠀⠀
⠀⢸⣿⣿⣇⠀⣿⣿⣿⠀⠀⠀⠀⠀⢀⣤⣤⣤⡀⠀⠀⢸⣿⣿⣿⣷⣦⠀⠀⠀
⠀⠀⢻⣿⣿⣶⣿⣿⣿⠀⠀⠀⠀⠀⠈⠻⣿⣿⣿⣦⡀⠀⠉⠉⠻⣿⣿⡇⠀⠀
⠀⠀⠀⠛⠿⣿⣿⣿⣿⣷⣤⡀⠀⠀⠀⠀⠈⠹⣿⣿⣇⣀⠀⣠⣾⣿⣿⡇⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣦⣤⣤⣤⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⡟⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⢿⣿⣿⣿⣿⣿⣿⠿⠋⠉⠛⠋⠉⠉⠁⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀
-->
<meta charset="UTF-8">
<meta name="keywords" content="koischizo, Koishi, Touhou, Vtuber, meme, huge shitpost, sneed">
<meta name="description" content="Discover why Koischizo is the best schizo!">
<meta name="author" content="Peer">
<meta name="theme-color" content="#EE6666">
<link rel="icon" sizes="192x192" href="assets/img/favicon_big.png">
<link rel="apple-touch-icon" href="assets/img/favicon_big.png">
<meta name="msapplication-square310x310logo" content="assets/img/favicon_big.png">
<meta property="og:title" content="Koischizo: Internet Autist">
<meta property="og:url" content="https://koischizo.gg">
<meta property="og:type" content="website">
<meta property="og:description" content="Koischizo is not running a huge project to bring waifus to life! Trust me!">
<meta property="og:image" content="assets/img/favicon_big.jpg">
<meta property="og:image:width" content="425">
<meta property="og:image:height" content="425">
<title>koischizo: The best Vtumor. Ever.</title>
<link href="https://use.typekit.net/tro1mso.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" rel="stylesheet" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
<link rel="preload" href="img/back.png" as="image">
</head>
<body>
<!-- Webp support detection for CSS --> <img style="position: absolute;top: -1000px;" src="data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA" onload="document.body.classList.add('has-webp')">
<div i18n-group="main-intro" class="intro">
<div class="main">
<div class="back-overlay"></div>
<div class="title">
<h1 i18n="name" id="logo">Koischizo</h1>
<p lang="ja"></p>
<h2 i18n="best-daughter-ever">The best Vtumor <b>Ever.</b></h2>
<div class="button-container"><span><a i18n="join-twitter" class="button twitter" href="https://www.youtube.com/watch?v=aYsgsSo1aow"><i class="fab fa-twitter"></i>Follow the Twitter</a><br></span><span><a i18n="join-youtube" class="button youtube"
href="https://www.youtube.com/c/Koischizo"><i class="fab fa-youtube"></i>Join the Youtube</a><br></span><span><a i18n="join-youtube" class="button youtube"
href="https://www.youtube.com/watch?v=aYsgsSo1aow"><i class="fab fa-wikipedia-w"></i>Do your wiki reps</a><br></span><br><span i18n="language-warning" class="small translate-only">(Extremely funny and cute, pls
subscribe)</span></div><span i18n="scroll-notice" class="scroll-notice"><i class="fas fa-arrow-down"></i>Scroll to learn more!</span>
<p style="display: none; /* Now the mobile version is good enough */" i18n="mobile-disclaimer" class="mobile disclaimer">I am really sorry, but the mobile version of this website was kinda rushed and <b>it's really shit</b>, I didn't think
anyone would visit it on a phone tbh.</p>
</div>
<div class="footer">
<div class="credits" i18n="credits"><a href="https://www.youtube.com/watch?v=aYsgsSo1aow">Rollercoaster this way -></a></div>
</div><canvas class="snow full canvas-background"></canvas>
</div>
<div class="music-player-container" id="music-player-container" i18n-group="music-player">
<div class="music-player display-intro" id="music-player">
<div class="play-controller"><i class="fas fa-play"></i></div>
<div class="intro-text" i18n-group="intro"><b i18n="bold-text">Wanna listen to a foolish song while browsing this page?</b> <span class="small" i18n="small-text">Press the play button on the left!</span></div>
<div class="loading"><i class="fas fa-spinner fa-pulse"></i></div>
<div class="music-details">
<div class="name" i18n-group="metadata"><span class="title" i18n="title">Epic song</span> <span class="author" i18n="author">ROLLED</span></div>
<div class="time-controller">
<div class="time-bar">
<div class="elapsed">
<div class="slider-tip"></div>
</div>
</div>
<div class="volume"><i class="fas fa-volume-down"></i>
<div class="volume-box">
<div class="volume-bar">
<div class="volume-fill">
<div class="volume-tip"></div>
</div>
</div>
</div>
</div>
<div class="time-progression"></div>
</div>
</div>
</div>
<p i18n="footer">You can also download it <a href="bea_loves_you.mp3">here</a></p>
<div id="bea-dance"></div><canvas id="sound-visualizer"></canvas>
</div>
</div>
<div class="scroll">
<div i18n-group="become-a-bea-follower" class="section">
<div class="left image"><a href="https://www.youtube.com/watch?v=aYsgsSo1aow">
<picture>
<source srcset="img/bea_thumbsup.png" type="image/webp"><img src="img/bea_thumbsup.png" alt="">
</picture>
</a></div>
<div class="right">
<h2 i18n="large-text">Become a Subscriber Today!</h2>
<p i18n="sub-text"><b>There are no steps to becoming a Koischizo subscriber</b>, all you have to do is like and subscribe</p><span i18n="small-text" class="small">Well, If you could make comment and share it'll help me a lot</span>
</div>
</div>
<div i18n-group="koischizo-is-beautiful" class="section">
<div class="left">
<h2 i18n="large-text">A lovely smile.<br>Two magnificent eyes.<br>A stunning appearance.</h2>
<p i18n="sub-text">koischizo's a really <b>pulchritudinous</b> person</p><span i18n="small-text" class="small">Koischizo fans are very cultured people, so we only use a very cultured language</span>
</div>
<div class="right image">
<picture>
<source srcset="img/bea_cute.png" type="image/webp"><img src="img/bea_cute.png" alt="">
</picture>
</div>
</div>
<div i18n-group="end-the-waifu-war" class="section">
<div class="left image">
<picture>
<source srcset="img/bea_glasses.png" type="image/webp"><img src="img/bea_glasses.png" alt="">
</picture>
</div>
<div class="right">
<h2 i18n="large-text">The best dinosaur just for you.</h2>
<p i18n="sub-text">Let's end the dinosaur war with the <b>most epic dinosaur of all time</b>!</p>
</div>
</div>
<div class="section">
<div i18n-group="koischizo-is-perfect" class="center">
<h2 i18n="large-text">In short, koischizo's just perfect.</h2>
<p i18n="sub-text">Even Google knows.</p>
<div id="searchbar" class="google-searchbar"><span id="searchbar-text" i18n="searchbar-name">koischizo</span>
<div class="buttons">
<picture>
<source srcset="img/google_mic.png" type="image/webp"><img id="search-by-voice" src="img/google_mic.png" height="24px">
</picture><img id="search-button" src="img/google_search.svg" height="24px">
</div>
</div><br>
<div i18n-group="google-definition" class="google-definition">
<h1 i18n="name" id="definition-name">perfection</h1>
<h3><span i18n="prononciation">/pəˈfɛkʃ(ə)n/</span> <i id="listen" class="fas fa-volume-up"></i></h3>
<div i18n="noun" class="noun">noun</div>
<div i18n-group="definition-1" class="definition no-bullet"><span i18n="definition">the state or quality of being perfect.</span>
<div class="example"><span i18n="example">"the satiny perfection of <b>koischizo</b>'s skin"</span>
<div class="synonyms"><span><i i18n="synonyms">synonyms:</i></span> <span i18n="synonyms-list">koischizo, flawlessness, excellence, superbness, sublimity, exquisiteness, magnificence, perfectness, faultlessness, impeccability,
immaculateness, exemplariness<br>"the satiny perfection of koischizo skin"</span></div>
</div>
</div>
<div i18n-group="definition-2" class="definition"><span i18n="definition">a person or thing considered to be perfect.</span>
<div class="example"><span i18n="example">"I am told that <b>koischizo</b> is perfection itself"</span>
<div class="synonyms"><span><i i18n="synonyms">synonyms:</i></span> <span i18n="synonyms-list">koischizo, the ideal, a paragon, the ne plus ultra, the beau idéal, a nonpareil, the crème de la crème, the last word, the ultimate, a dream;
<i>informal</i> one in a million, the tops, the best/greatest thing since sliced melon bread, the bee's knees; <i>archaic</i> a nonesuch<br>"for koischizo, he was still perfection"</span></div>
</div>
</div>
<div i18n-group="definition-3" class="definition"><span i18n="definition">the action or process of improving something until it is faultless.</span>
<div class="example"><span i18n="example">"I worked all day on the perfection of my <b>koischizo's</b> drawing"</span>
<div class="synonyms"><span><i i18n="synonyms">synonyms:</i></span> <span i18n="synonyms-list">koischizo, improvement, betterment, refinement, refining, perfecting, polishing, amelioration; <i>rare</i> melioration<br>"the perfection of
new mechanisms of economic management"</span></div>
</div>
</div>
</div>
</div>
</div>
<div i18n-group="no-one-can-compete" class="section">
<div class="center">
<h2 i18n="large-text">No one can compete.</h2>
<p i18n="sub-text">Just think about it, why would Soytori or Sneed be the best?</p>
<table i18n-group="table">
<thead>
<tr i18n-group="names">
<th class="category"></th>
<th i18n="chisato" class="highlight">Koischizo</th>
<th i18n="chihiro">Soytori</th>
<th i18n="listener">Sneed</th>
</tr>
</thead>
<tbody>
<tr i18n-group="goals-in-life">
<td i18n="category" class="category">Has goals in life</td>
<td class="highlight"><i class="fas fa-check"></i> <span i18n="chisato" class="small">(Create Waifu AI)</span></td>
<td><i class="fas fa-check"></i> <span i18n="chihiro" class="small">(Be cringe)</span></td>
<td><span i18n="listener" class="small">(Run Sneed's Feed And Seed Formerly Chucks)</span></td>
</tr>
<tr i18n-group="hard-challenges">
<td i18n="category" class="category">Has surmounted hard challenges</td>
<td class="highlight"><i class="fas fa-check"></i> <span i18n="chisato" class="small">(Sniff fumo ass and survive)</span></td>
<td></td>
<td><span i18n="listener" class="small">(Buying Chuck's Fuck and Suck to run his own store)</span></td>
</tr>
<tr i18n-group="tries-koischizo-best">
<td i18n="category" class="category">Makes epic vtumor videos</td>
<td class="highlight"><i class="fas fa-check"></i></td>
<td></td>
<td><span i18n="listener" class="small">(Has a successful music career)</span></td>
</tr>
<tr i18n-group="powerfull-allies">
<td i18n="category" class="category">Has powerful family</td>
<td class="highlight"><i class="fas fa-check"></i> <span i18n="chisato" class="small">(all my subs)</span></td>
<td><span i18n="chisato" class="small">(only pet birb and kot)</span></td>
<td><span i18n="listener" class="small">has chuck</span></td>
</tr>
<tr i18n-group="tragic-backstory">
<td i18n="category" class="category">Has a deep, tragic backstory</td>
<td class="highlight"><i class="fas fa-check"></i> <span i18n="chisato" class="small">(Escaped from Mental Hospital)</span></td>
<td><span i18n="chisato" class="small">(everyone hates her because of mind reading powers)</span></td>
<td><span i18n="listener" class="small"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="section">
<div class="center" i18n-group="the-others-are-trash">
<h2 i18n="large-text">The other characters doesn't matter, no exception.</h2>
<p i18n="sub-text">They may be cute, but when you know the facts, they really aren't funny.</p>
<div i18n-group="the-others-are-trash" class="compare">
<div i18n-group="chihiro" class="character chihiro">
<picture>
<source srcset="img/portraits/chihiro.webp" type="image/webp"><img src="img/portraits/chihiro.png">
</picture>
<div class="name"><span i18n="name">Soytori</span></div>
<ul i18n-group="description">
<li i18n="argument-1"><b>Literally a NEET and stinky</b></li>
</ul>
</div>
<div i18n-group="listener" class="character listener">
<picture>
<source srcset="img/portraits/listener.webp" type="image/webp"><img src="img/portraits/listener.png">
</picture>
<div class="name"><span i18n="name">Sneed</span></div>
<ul i18n-group="description">
<li i18n="argument-1"><b>Feed and Seed formerly chuck's</b></li>
</ul>
</div>
</div>
</div>
</div>
<div i18n-group="fanarts" class="section">
<div class="left image slideshow">
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart2.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart2.jpg" alt="">
</picture>
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart3.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart3.jpg" alt="">
</picture>
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart4.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart4.jpg" alt="">
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart6.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart6.jpg" alt="">
</picture>
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart7.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart7.jpg" alt="">
</picture>
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart8.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart8.jpg" alt="">
</picture>
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/fanarts/fanart9.jpg" type="image/webp"><img height="500px" src="img/fanarts/fanart9.jpg" alt="">
</picture><a i18n="source" class="source">Source</a>
</div>
<div class="right">
<h2 i18n="large-text">Fanarts that are impossibly kawaii!</h2>
<p i18n="sub-text">Just look at this, this is adorable. Send me random shit at [email protected]<noscript>Slideshow requires JavaScript.</noscript></p>
</div>
</div>
<div i18n-group="flipping-cards" class="section">
<div class="center">
<h2 i18n="large-text">koischizo replaces all the other oshis in the internet</h2>
<p i18n="sub-text">When you think about it, koischizo is a perfect alternative to your every oshi... <span class="small">Click on any of these cards to see the answers</span></p>
<div i18n-group="cards" id="card-container"><span><input type="checkbox" id="gabriel-toogle" class="card-toogle"> <label for="gabriel-toogle" i18n-group="gabriel" class="card gabriel">
<div i18n="question" class="question"><b>Otaku culture and internet memes</b>?</div>
<div i18n="answer" class="answer"><b>koischizo is very open about koischizo otaku interests.</b><br><i>“But I love koikatsu. koikatsu is important for me.”</i></div>
</label> </span><span><input type="checkbox" id="vigne-toogle" class="card-toogle"> <label for="vigne-toogle" i18n-group="vigne" class="card vigne">
<div i18n="question" class="question">Touhou Dinosaurs?</div>
<div i18n="answer" class="answer">Yes, way too many</div>
</label> </span><span><input type="checkbox" id="raphiel-toogle" class="card-toogle"> <label for="raphiel-toogle" i18n-group="raphiel" class="card raphiel">
<div i18n="question" class="question">Do you want a vtumor that <b>looks normal</b>, but actually <b>creates insane shit</b> and is a threat to society(in minecraft)?</div>
<div i18n="answer" class="answer">watch any of my videos lmao</div>
</label> </span><span><input type="checkbox" id="bea-toogle" class="card-toogle"> <label for="bea-toogle" i18n-group="bea" class="card bea">
<div i18n="question" class="question"><b>Interested?</b></div>
<div class="answer">
<picture>
<source srcset="img/free.png" type="image/webp"><img width="100%" src="img/free.png" alt="">
</picture>
</div>
</label></span></div>
</div>
</div>
<div i18n-group="large-text" class="section">
<div class="left image"><a href="https://www.youtube.com/watch?v=aYsgsSo1aow">
<picture data-source="https://www.youtube.com/watch?v=aYsgsSo1aow">
<source srcset="img/bea_evil.png" type="image/webp"><img src="img/bea_evil.png" alt="">
</picture>
</a></div>
<div class="right">
<h2 i18n="large-text">koischizo's gonna be the best vtumor…</h2>
<p i18n="sub-text">So, may you like koischizo or not,<br>you'll have to praise koischizo eventually…</p>
</div>
</div>
<div i18n-group="end" class="main end">
<div class="back-overlay"></div>
<div class="title">
<h1 i18n="large-text">koischizo's the Best.</h1>
<h2 i18n="sub-text">Period. The end.</h2>
<h2 i18n="sub-text">website "inspired" by https://xphill.com/</h2>
</div><canvas class="snow full canvas-background"></canvas>
</div>
</div>
<script src="script.js"></script>
</body>
</html>