@whykusanagi/corrupted-theme 0.1.8 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -0
- package/README.md +139 -3
- package/docs/COMPONENTS_REFERENCE.md +205 -2
- package/docs/governance/VERSION_MANAGEMENT.md +2 -2
- package/docs/governance/VERSION_REFERENCES.md +11 -7
- package/docs/platforms/NPM_PACKAGE.md +7 -6
- package/examples/advanced/glsl-vortex.html +0 -1
- package/examples/advanced/particles-bg.html +0 -1
- package/examples/basic/corrupted-text.html +2 -3
- package/examples/basic/typing-animation.html +136 -55
- package/examples/button.html +1 -2
- package/examples/card.html +1 -2
- package/examples/extensions-showcase.html +0 -1
- package/examples/form.html +1 -2
- package/examples/index.html +2 -3
- package/examples/layout.html +1 -2
- package/examples/nikke-team-builder.html +1 -2
- package/examples/showcase-complete.html +2 -3
- package/examples/showcase.html +1 -2
- package/package.json +1 -2
- package/src/core/typing-animation.js +274 -106
- package/src/css/theme.css +0 -15
- package/src/lib/corrupted-text.js +127 -36
- package/docs/ROADMAP.md +0 -266
- package/examples/advanced/nsfw-corruption.html +0 -348
- package/src/core/corrupted-text.js +0 -300
|
@@ -128,6 +128,61 @@
|
|
|
128
128
|
border-color: var(--accent);
|
|
129
129
|
box-shadow: 0 0 0 2px rgba(255, 0, 255, 0.1);
|
|
130
130
|
}
|
|
131
|
+
|
|
132
|
+
/* Content rating toggle */
|
|
133
|
+
.content-toggle {
|
|
134
|
+
display: flex;
|
|
135
|
+
align-items: center;
|
|
136
|
+
gap: var(--spacing-sm);
|
|
137
|
+
padding: var(--spacing-md);
|
|
138
|
+
background: var(--glass);
|
|
139
|
+
border: 1px solid var(--border);
|
|
140
|
+
border-radius: var(--radius-md);
|
|
141
|
+
margin-bottom: var(--spacing-md);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.toggle-label {
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: center;
|
|
147
|
+
gap: var(--spacing-sm);
|
|
148
|
+
cursor: pointer;
|
|
149
|
+
color: var(--text);
|
|
150
|
+
user-select: none;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.toggle-label input[type="checkbox"] {
|
|
154
|
+
width: 18px;
|
|
155
|
+
height: 18px;
|
|
156
|
+
cursor: pointer;
|
|
157
|
+
accent-color: var(--corrupted-red);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.toggle-label .toggle-hint {
|
|
161
|
+
color: var(--text-secondary);
|
|
162
|
+
font-size: 0.85em;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
/* NSFW warning banner (shown only when toggle is on) */
|
|
166
|
+
.nsfw-warning {
|
|
167
|
+
background: rgba(255, 0, 0, 0.1);
|
|
168
|
+
border: 2px solid var(--corrupted-red);
|
|
169
|
+
border-radius: var(--radius-lg);
|
|
170
|
+
padding: var(--spacing-lg);
|
|
171
|
+
margin-bottom: var(--spacing-xl);
|
|
172
|
+
box-shadow: 0 0 30px rgba(255, 0, 0, 0.2);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.nsfw-warning h3 {
|
|
176
|
+
color: var(--corrupted-red);
|
|
177
|
+
margin: 0 0 var(--spacing-sm);
|
|
178
|
+
font-size: 1.1rem;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.nsfw-warning p {
|
|
182
|
+
color: var(--text-secondary);
|
|
183
|
+
margin: 0;
|
|
184
|
+
line-height: 1.6;
|
|
185
|
+
}
|
|
131
186
|
</style>
|
|
132
187
|
</head>
|
|
133
188
|
<body>
|
|
@@ -152,7 +207,6 @@
|
|
|
152
207
|
<a href="../layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
153
208
|
<a href="corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
154
209
|
<a href="typing-animation.html" class="active"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
155
|
-
<a href="../advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
156
210
|
</div>
|
|
157
211
|
</li>
|
|
158
212
|
<li><a href="../showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -163,14 +217,33 @@
|
|
|
163
217
|
<div class="container">
|
|
164
218
|
<h1><i class="fas fa-keyboard"></i> Buffer Corruption</h1>
|
|
165
219
|
<p style="color: var(--text-secondary); margin-bottom: var(--spacing-lg);">
|
|
166
|
-
Pattern 2: Phrase flickering with buffer corruption
|
|
220
|
+
Pattern 2: Phrase flickering with buffer corruption. Content rating is controlled by the
|
|
221
|
+
<code>nsfw</code> option — toggle below to switch between SFW and NSFW phrase pools.
|
|
167
222
|
</p>
|
|
168
223
|
|
|
169
|
-
|
|
224
|
+
<!-- Content rating toggle (off by default — NSFW is explicit opt-in per corrupted-theme spec) -->
|
|
225
|
+
<div class="content-toggle">
|
|
226
|
+
<label class="toggle-label">
|
|
227
|
+
<input type="checkbox" id="nsfwToggle">
|
|
228
|
+
<span><i class="fas fa-exclamation-triangle"></i> <strong>Enable NSFW phrases</strong></span>
|
|
229
|
+
<span class="toggle-hint">(18+ only — unchecked each page load)</span>
|
|
230
|
+
</label>
|
|
231
|
+
</div>
|
|
232
|
+
|
|
233
|
+
<!-- SFW badge (shown when NSFW is off) -->
|
|
234
|
+
<div id="sfwBadge" class="info-badge sfw-badge">
|
|
170
235
|
<i class="fas fa-check-circle"></i>
|
|
171
236
|
<span>SFW Mode - Cute & Playful</span>
|
|
172
237
|
</div>
|
|
173
238
|
|
|
239
|
+
<!-- NSFW warning banner (shown when NSFW is on) -->
|
|
240
|
+
<div id="nsfwWarning" class="nsfw-warning" style="display: none;">
|
|
241
|
+
<h3><i class="fas fa-exclamation-triangle"></i> NSFW Mode Enabled (18+)</h3>
|
|
242
|
+
<p>Explicit, intimate, and suggestive phrases will appear in the corruption buffer in deep purple
|
|
243
|
+
(<code style="color: var(--corrupted-purple);">#8b5cf6</code>). This mode is for mature/horror
|
|
244
|
+
themed projects only. All demos below are re-instantiated with <code>nsfw: true</code>.</p>
|
|
245
|
+
</div>
|
|
246
|
+
|
|
174
247
|
<!-- Basic Buffer Corruption -->
|
|
175
248
|
<section id="basic" class="example-group">
|
|
176
249
|
<h3>System Message with Buffer Corruption</h3>
|
|
@@ -197,8 +270,9 @@
|
|
|
197
270
|
const element = document.getElementById('output');
|
|
198
271
|
const typing = new TypingAnimation(element, {
|
|
199
272
|
typingSpeed: 40, // Characters per second
|
|
200
|
-
|
|
201
|
-
|
|
273
|
+
nsfw: false, // SFW mode (default)
|
|
274
|
+
loop: true, // Loop continuously
|
|
275
|
+
loopDelay: 2000 // 2s pause before looping
|
|
202
276
|
});
|
|
203
277
|
|
|
204
278
|
typing.start('Neural corruption detected...');</div>
|
|
@@ -219,12 +293,6 @@ typing.start('Neural corruption detected...');</div>
|
|
|
219
293
|
<span id="speedValue">40 chars/sec</span>
|
|
220
294
|
</div>
|
|
221
295
|
|
|
222
|
-
<div class="slider-container">
|
|
223
|
-
<label for="glitch"><i class="fas fa-bolt"></i> Corruption:</label>
|
|
224
|
-
<input type="range" id="glitch" min="0" max="30" value="8" class="form-range">
|
|
225
|
-
<span id="glitchValue">8%</span>
|
|
226
|
-
</div>
|
|
227
|
-
|
|
228
296
|
<div class="controls">
|
|
229
297
|
<button class="btn" onclick="startExample2()">
|
|
230
298
|
<i class="fas fa-play"></i> Start with Settings
|
|
@@ -232,8 +300,9 @@ typing.start('Neural corruption detected...');</div>
|
|
|
232
300
|
</div>
|
|
233
301
|
|
|
234
302
|
<div class="code-block">const typing = new TypingAnimation(element, {
|
|
235
|
-
typingSpeed: 80,
|
|
236
|
-
|
|
303
|
+
typingSpeed: 80, // Faster typing
|
|
304
|
+
loop: true, // Loop continuously
|
|
305
|
+
loopDelay: 2000 // 2s pause before looping
|
|
237
306
|
});</div>
|
|
238
307
|
</section>
|
|
239
308
|
|
|
@@ -263,82 +332,94 @@ typing.start(message);</div>
|
|
|
263
332
|
<h3><i class="fas fa-info-circle"></i> Component Information</h3>
|
|
264
333
|
<ul style="color: var(--text-secondary); line-height: 1.8;">
|
|
265
334
|
<li><strong>Type:</strong> Buffer Corruption / Phrase Flickering (Pattern 2)</li>
|
|
266
|
-
<li><strong>Mode:</strong> SFW
|
|
267
|
-
<li><strong>
|
|
268
|
-
<li><strong>
|
|
335
|
+
<li><strong>Default Mode:</strong> SFW — cute, playful, atmospheric phrases</li>
|
|
336
|
+
<li><strong>NSFW Mode:</strong> Explicit opt-in via the toggle above (resets each page load)</li>
|
|
337
|
+
<li><strong>SFW Phrases:</strong> "かわいい", "nyaa~", "Neural corruption detected..."</li>
|
|
338
|
+
<li><strong>NSFW Phrases:</strong> Japanese/English intimate content, purple color scheme (see CORRUPTED_THEME_SPEC.md for full policy)</li>
|
|
339
|
+
<li><strong>Colors:</strong> White for final text, Magenta (<code>#d94f90</code>) for SFW buffer, Deep Purple (<code>#8b5cf6</code>) for NSFW buffer</li>
|
|
269
340
|
<li><strong>Mental Model:</strong> Neural network decoding corrupted data buffer</li>
|
|
270
341
|
<li><strong>Script:</strong> <code>src/core/typing-animation.js</code></li>
|
|
271
342
|
</ul>
|
|
272
|
-
|
|
273
|
-
<div class="alert alert-info" style="margin-top: var(--spacing-md);">
|
|
274
|
-
<i class="fas fa-exclamation-circle"></i>
|
|
275
|
-
<strong>NSFW Mode:</strong> For explicit content examples, see
|
|
276
|
-
<a href="../advanced/nsfw-corruption.html" style="color: var(--accent);">advanced/nsfw-corruption.html</a> (18+ only)
|
|
277
|
-
</div>
|
|
278
343
|
</section>
|
|
279
344
|
</div>
|
|
280
345
|
|
|
281
346
|
<script type="module">
|
|
282
347
|
import { TypingAnimation } from '../../src/core/typing-animation.js';
|
|
283
348
|
|
|
284
|
-
//
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
nsfw: false
|
|
290
|
-
});
|
|
291
|
-
|
|
292
|
-
window.startExample1 = () => {
|
|
293
|
-
typing1.start('Neural corruption detected... System stabilizing...');
|
|
294
|
-
};
|
|
295
|
-
|
|
296
|
-
window.stopExample1 = () => {
|
|
297
|
-
typing1.stop();
|
|
298
|
-
};
|
|
349
|
+
// NSFW toggle state — not persisted; checkbox resets on every page load so
|
|
350
|
+
// enabling NSFW is an explicit per-visit action (per corrupted-theme spec).
|
|
351
|
+
const nsfwToggle = document.getElementById('nsfwToggle');
|
|
352
|
+
const sfwBadge = document.getElementById('sfwBadge');
|
|
353
|
+
const nsfwWarning = document.getElementById('nsfwWarning');
|
|
299
354
|
|
|
300
|
-
|
|
301
|
-
typing1.settle('System Online');
|
|
302
|
-
};
|
|
355
|
+
const isNsfw = () => nsfwToggle.checked;
|
|
303
356
|
|
|
304
|
-
//
|
|
357
|
+
// DOM references for all demo outputs + controls
|
|
358
|
+
const output1 = document.getElementById('output1');
|
|
305
359
|
const output2 = document.getElementById('output2');
|
|
360
|
+
const output3 = document.getElementById('output3');
|
|
306
361
|
const speedSlider = document.getElementById('speed');
|
|
307
|
-
const glitchSlider = document.getElementById('glitch');
|
|
308
362
|
const speedValue = document.getElementById('speedValue');
|
|
309
|
-
const
|
|
363
|
+
const customInput = document.getElementById('customMessage');
|
|
364
|
+
|
|
365
|
+
// Live instance for Example 1 (auto-loops). Examples 2 and 3 are
|
|
366
|
+
// click-to-start and construct fresh instances per click.
|
|
367
|
+
let typing1 = null;
|
|
310
368
|
|
|
311
369
|
speedSlider.addEventListener('input', (e) => {
|
|
312
370
|
speedValue.textContent = `${e.target.value} chars/sec`;
|
|
313
371
|
});
|
|
314
372
|
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
373
|
+
function buildExample1() {
|
|
374
|
+
if (typing1) typing1.destroy();
|
|
375
|
+
typing1 = new TypingAnimation(output1, {
|
|
376
|
+
nsfw: isNsfw(),
|
|
377
|
+
loop: true,
|
|
378
|
+
loopDelay: 2000
|
|
379
|
+
});
|
|
380
|
+
typing1.start('Neural corruption detected... System stabilizing...');
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
window.startExample1 = buildExample1;
|
|
384
|
+
window.stopExample1 = () => typing1 && typing1.stop();
|
|
385
|
+
window.settleExample1 = () => typing1 && typing1.settle('System Online');
|
|
318
386
|
|
|
319
387
|
window.startExample2 = () => {
|
|
320
388
|
const typing2 = new TypingAnimation(output2, {
|
|
321
389
|
typingSpeed: parseInt(speedSlider.value),
|
|
322
|
-
|
|
323
|
-
|
|
390
|
+
nsfw: isNsfw(),
|
|
391
|
+
loop: true,
|
|
392
|
+
loopDelay: 2000
|
|
324
393
|
});
|
|
325
394
|
typing2.start('Loading data streams... Reality.exe has stopped responding...');
|
|
326
395
|
};
|
|
327
396
|
|
|
328
|
-
// Example 3: Custom
|
|
329
|
-
const output3 = document.getElementById('output3');
|
|
330
|
-
const customInput = document.getElementById('customMessage');
|
|
331
|
-
|
|
332
397
|
window.startExample3 = () => {
|
|
333
398
|
const message = customInput.value || 'Enter a message above!';
|
|
334
399
|
const typing3 = new TypingAnimation(output3, {
|
|
335
|
-
nsfw:
|
|
400
|
+
nsfw: isNsfw(),
|
|
401
|
+
loop: true,
|
|
402
|
+
loopDelay: 2000
|
|
336
403
|
});
|
|
337
404
|
typing3.start(message);
|
|
338
405
|
};
|
|
339
406
|
|
|
340
|
-
//
|
|
341
|
-
|
|
407
|
+
// Toggle handler — swap badge visibility and rebuild the auto-looping demo
|
|
408
|
+
// so the change is immediately visible. Examples 2 & 3 pick up the flag
|
|
409
|
+
// on their next click.
|
|
410
|
+
nsfwToggle.addEventListener('change', () => {
|
|
411
|
+
if (isNsfw()) {
|
|
412
|
+
sfwBadge.style.display = 'none';
|
|
413
|
+
nsfwWarning.style.display = '';
|
|
414
|
+
} else {
|
|
415
|
+
sfwBadge.style.display = '';
|
|
416
|
+
nsfwWarning.style.display = 'none';
|
|
417
|
+
}
|
|
418
|
+
buildExample1();
|
|
419
|
+
});
|
|
420
|
+
|
|
421
|
+
// Auto-start Example 1 (SFW by default since toggle starts unchecked)
|
|
422
|
+
setTimeout(buildExample1, 500);
|
|
342
423
|
</script>
|
|
343
424
|
</body>
|
|
344
425
|
</html>
|
package/examples/button.html
CHANGED
|
@@ -137,7 +137,6 @@
|
|
|
137
137
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
138
138
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
139
139
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
140
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
141
140
|
</div>
|
|
142
141
|
</li>
|
|
143
142
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -441,7 +440,7 @@
|
|
|
441
440
|
</section>
|
|
442
441
|
|
|
443
442
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
444
|
-
<p>Button Component Documentation • Corrupted Theme v0.1.
|
|
443
|
+
<p>Button Component Documentation • Corrupted Theme v0.1.9</p>
|
|
445
444
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
446
445
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
447
446
|
</p>
|
package/examples/card.html
CHANGED
|
@@ -246,7 +246,6 @@
|
|
|
246
246
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
247
247
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
248
248
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
249
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
250
249
|
</div>
|
|
251
250
|
</li>
|
|
252
251
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -684,7 +683,7 @@
|
|
|
684
683
|
</section>
|
|
685
684
|
|
|
686
685
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
687
|
-
<p>Card Components Documentation • Corrupted Theme v0.1.
|
|
686
|
+
<p>Card Components Documentation • Corrupted Theme v0.1.9</p>
|
|
688
687
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
689
688
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
690
689
|
</p>
|
|
@@ -164,7 +164,6 @@
|
|
|
164
164
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
165
165
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
166
166
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
167
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
168
167
|
</div>
|
|
169
168
|
</li>
|
|
170
169
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
package/examples/form.html
CHANGED
|
@@ -203,7 +203,6 @@
|
|
|
203
203
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
204
204
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
205
205
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
206
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
207
206
|
</div>
|
|
208
207
|
</li>
|
|
209
208
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -553,7 +552,7 @@
|
|
|
553
552
|
</section>
|
|
554
553
|
|
|
555
554
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
556
|
-
<p>Form Components Documentation • Corrupted Theme v0.1.
|
|
555
|
+
<p>Form Components Documentation • Corrupted Theme v0.1.9</p>
|
|
557
556
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
558
557
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
559
558
|
</p>
|
package/examples/index.html
CHANGED
|
@@ -480,7 +480,6 @@
|
|
|
480
480
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
481
481
|
<a href="advanced/glsl-vortex.html"><i class="fas fa-hurricane"></i> GLSL Vortex</a>
|
|
482
482
|
<a href="advanced/particles-bg.html"><i class="fas fa-atom"></i> Particles BG</a>
|
|
483
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
484
483
|
</div>
|
|
485
484
|
</li>
|
|
486
485
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -493,7 +492,7 @@
|
|
|
493
492
|
<div class="hero-content">
|
|
494
493
|
<div class="hero-badge">
|
|
495
494
|
<i class="fas fa-sparkles"></i>
|
|
496
|
-
<span>v0.1.
|
|
495
|
+
<span>v0.1.9 — Production Ready</span>
|
|
497
496
|
</div>
|
|
498
497
|
<h1>Corrupted Theme</h1>
|
|
499
498
|
<p class="hero-description">
|
|
@@ -776,7 +775,7 @@
|
|
|
776
775
|
<a href="https://www.npmjs.com/package/@whykusanagi/corrupted-theme" target="_blank"><i class="fab fa-npm"></i> npm</a>
|
|
777
776
|
</div>
|
|
778
777
|
<p class="footer-meta">
|
|
779
|
-
Corrupted Theme v0.1.
|
|
778
|
+
Corrupted Theme v0.1.9 • Built with <i class="fas fa-heart" style="color: var(--accent);"></i> by
|
|
780
779
|
<a href="https://whykusanagi.xyz" target="_blank">@whykusanagi</a>
|
|
781
780
|
</p>
|
|
782
781
|
</div>
|
package/examples/layout.html
CHANGED
|
@@ -189,7 +189,6 @@
|
|
|
189
189
|
<a href="layout.html" class="active"><i class="fas fa-columns"></i> Layouts</a>
|
|
190
190
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
191
191
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
192
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
193
192
|
</div>
|
|
194
193
|
</li>
|
|
195
194
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -514,7 +513,7 @@
|
|
|
514
513
|
</section>
|
|
515
514
|
|
|
516
515
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
517
|
-
<p>Layout Patterns Documentation • Corrupted Theme v0.1.
|
|
516
|
+
<p>Layout Patterns Documentation • Corrupted Theme v0.1.9</p>
|
|
518
517
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
519
518
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
520
519
|
</p>
|
|
@@ -196,7 +196,6 @@
|
|
|
196
196
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
197
197
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
198
198
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
199
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
200
199
|
</div>
|
|
201
200
|
</li>
|
|
202
201
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -566,7 +565,7 @@
|
|
|
566
565
|
</section>
|
|
567
566
|
|
|
568
567
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
569
|
-
<p>Nikke Team Builder Example • Corrupted Theme v0.1.
|
|
568
|
+
<p>Nikke Team Builder Example • Corrupted Theme v0.1.9</p>
|
|
570
569
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
571
570
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a> •
|
|
572
571
|
<a href="showcase-complete.html#nikke" style="color: var(--accent); text-decoration: none;">Documentation</a>
|
|
@@ -149,7 +149,6 @@
|
|
|
149
149
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
150
150
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
151
151
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
152
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
153
152
|
</div>
|
|
154
153
|
</li>
|
|
155
154
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -1697,7 +1696,7 @@ const theme = {
|
|
|
1697
1696
|
|
|
1698
1697
|
<!-- Footer -->
|
|
1699
1698
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
1700
|
-
<p><strong>Corrupted Theme</strong> v0.1.
|
|
1699
|
+
<p><strong>Corrupted Theme</strong> v0.1.9 • Built with <i class="fas fa-heart" style="color: var(--accent);"></i> by whykusanagi</p>
|
|
1701
1700
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
1702
1701
|
<a href="https://github.com/whykusanagi/corrupted-theme#readme" class="link">Documentation</a> •
|
|
1703
1702
|
<a href="#customization" class="link">Customization</a> •
|
|
@@ -1920,7 +1919,7 @@ const theme = {
|
|
|
1920
1919
|
|
|
1921
1920
|
// Auto-show welcome message on page load
|
|
1922
1921
|
setTimeout(() => {
|
|
1923
|
-
toast.success('Welcome to Corrupted Theme v0.1.
|
|
1922
|
+
toast.success('Welcome to Corrupted Theme v0.1.9!', 'Welcome', 5000);
|
|
1924
1923
|
}, 1000);
|
|
1925
1924
|
</script>
|
|
1926
1925
|
</body>
|
package/examples/showcase.html
CHANGED
|
@@ -151,7 +151,6 @@
|
|
|
151
151
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
152
152
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
153
153
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
154
|
-
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
155
154
|
</div>
|
|
156
155
|
</li>
|
|
157
156
|
<li><a href="showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
@@ -465,7 +464,7 @@ const theme = {
|
|
|
465
464
|
|
|
466
465
|
<!-- Footer -->
|
|
467
466
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-2xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
468
|
-
<p><strong>Corrupted Theme</strong> v0.1.
|
|
467
|
+
<p><strong>Corrupted Theme</strong> v0.1.9 • Built with <i class="fas fa-heart" style="color: var(--accent);"></i> by whykusanagi</p>
|
|
469
468
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
470
469
|
<a href="https://github.com/whykusanagi/corrupted-theme#readme" class="link">Documentation</a> •
|
|
471
470
|
<a href="#customization" class="link">Customization</a> •
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@whykusanagi/corrupted-theme",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.9",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A dark, glassmorphic design system with pink/purple accents. Perfect for creating modern, visually striking web applications.",
|
|
6
6
|
"main": "src/css/theme.css",
|
|
@@ -42,7 +42,6 @@
|
|
|
42
42
|
"docs/CORRUPTION_PHRASES.md",
|
|
43
43
|
"docs/CHARACTER_LEVEL_CORRUPTION.md",
|
|
44
44
|
"docs/STYLE_GUIDE.md",
|
|
45
|
-
"docs/ROADMAP.md",
|
|
46
45
|
"examples",
|
|
47
46
|
"Dockerfile",
|
|
48
47
|
"docker-entrypoint.sh",
|