@whykusanagi/corrupted-theme 0.1.7 → 0.1.8
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/README.md +1 -1
- package/docs/governance/VERSION_MANAGEMENT.md +2 -2
- package/docs/governance/VERSION_REFERENCES.md +56 -197
- package/docs/platforms/NPM_PACKAGE.md +7 -6
- package/examples/advanced/glsl-vortex.html +298 -0
- package/examples/advanced/particles-bg.html +264 -0
- package/examples/button.html +1 -1
- package/examples/card.html +1 -1
- package/examples/extensions-showcase.html +36 -0
- package/examples/form.html +1 -1
- package/examples/index.html +28 -3
- package/examples/layout.html +1 -1
- package/examples/nikke-team-builder.html +1 -1
- package/examples/showcase-complete.html +2 -2
- package/examples/showcase.html +1 -1
- package/package.json +4 -2
- package/src/lib/corrupted-particles.js +309 -0
- package/src/lib/corrupted-vortex.js +329 -0
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Corrupted Particles - Corrupted Theme</title>
|
|
7
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
|
8
|
+
<link rel="stylesheet" href="../../src/css/theme.css">
|
|
9
|
+
<style>
|
|
10
|
+
body { margin: 0; background: #000; overflow: hidden; }
|
|
11
|
+
|
|
12
|
+
#particles-canvas {
|
|
13
|
+
position: fixed;
|
|
14
|
+
inset: 0;
|
|
15
|
+
width: 100%;
|
|
16
|
+
height: 100%;
|
|
17
|
+
z-index: 0;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.ui-layer {
|
|
21
|
+
position: relative;
|
|
22
|
+
z-index: 1;
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-direction: column;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
min-height: 100vh;
|
|
28
|
+
padding: var(--spacing-2xl);
|
|
29
|
+
gap: var(--spacing-xl);
|
|
30
|
+
pointer-events: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.controls-panel {
|
|
34
|
+
pointer-events: auto;
|
|
35
|
+
background: var(--glass);
|
|
36
|
+
border: 1px solid var(--border);
|
|
37
|
+
border-radius: var(--radius-lg);
|
|
38
|
+
padding: var(--spacing-lg);
|
|
39
|
+
width: 100%;
|
|
40
|
+
max-width: 440px;
|
|
41
|
+
backdrop-filter: blur(12px);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.controls-panel h2 {
|
|
45
|
+
color: var(--accent);
|
|
46
|
+
margin: 0 0 var(--spacing-md);
|
|
47
|
+
font-size: 0.9rem;
|
|
48
|
+
text-transform: uppercase;
|
|
49
|
+
letter-spacing: 0.1em;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.control-row {
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
gap: var(--spacing-md);
|
|
56
|
+
margin-bottom: var(--spacing-sm);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.control-row label {
|
|
60
|
+
color: var(--text-muted);
|
|
61
|
+
font-size: 0.8rem;
|
|
62
|
+
width: 110px;
|
|
63
|
+
flex-shrink: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.control-row input[type="range"] {
|
|
67
|
+
flex: 1;
|
|
68
|
+
accent-color: var(--corrupted-magenta);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.val {
|
|
72
|
+
color: var(--corrupted-cyan);
|
|
73
|
+
font-size: 0.8rem;
|
|
74
|
+
width: 40px;
|
|
75
|
+
text-align: right;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.lewd-row {
|
|
79
|
+
border-top: 1px solid var(--border);
|
|
80
|
+
margin-top: var(--spacing-sm);
|
|
81
|
+
padding-top: var(--spacing-sm);
|
|
82
|
+
display: flex;
|
|
83
|
+
align-items: center;
|
|
84
|
+
gap: var(--spacing-md);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.lewd-row label {
|
|
88
|
+
color: var(--corrupted-purple);
|
|
89
|
+
font-size: 0.8rem;
|
|
90
|
+
flex: 1;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.lewd-row span.rating {
|
|
94
|
+
color: var(--corrupted-red);
|
|
95
|
+
font-size: 0.7rem;
|
|
96
|
+
border: 1px solid var(--corrupted-red);
|
|
97
|
+
padding: 1px 4px;
|
|
98
|
+
border-radius: 3px;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.code-block {
|
|
102
|
+
pointer-events: auto;
|
|
103
|
+
background: var(--glass);
|
|
104
|
+
border: 1px solid var(--border);
|
|
105
|
+
border-radius: var(--radius-lg);
|
|
106
|
+
padding: var(--spacing-lg);
|
|
107
|
+
width: 100%;
|
|
108
|
+
max-width: 540px;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.code-block h3 {
|
|
112
|
+
color: var(--accent);
|
|
113
|
+
font-size: 0.8rem;
|
|
114
|
+
text-transform: uppercase;
|
|
115
|
+
letter-spacing: 0.1em;
|
|
116
|
+
margin: 0 0 var(--spacing-md);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.code-block pre {
|
|
120
|
+
margin: 0;
|
|
121
|
+
overflow-x: auto;
|
|
122
|
+
font-size: 0.75rem;
|
|
123
|
+
color: var(--corrupted-cyan);
|
|
124
|
+
line-height: 1.5;
|
|
125
|
+
}
|
|
126
|
+
</style>
|
|
127
|
+
</head>
|
|
128
|
+
<body>
|
|
129
|
+
|
|
130
|
+
<nav class="navbar">
|
|
131
|
+
<div class="navbar-content">
|
|
132
|
+
<a href="../index.html" class="navbar-logo"><i class="fas fa-palette"></i> Corrupted Theme</a>
|
|
133
|
+
<ul class="navbar-links">
|
|
134
|
+
<li><a href="../index.html"><i class="fas fa-home"></i> Home</a></li>
|
|
135
|
+
<li class="has-submenu">
|
|
136
|
+
<a href="../showcase-complete.html">
|
|
137
|
+
<i class="fas fa-cube"></i> Components
|
|
138
|
+
<i class="fas fa-chevron-down" style="font-size: 0.7em; margin-left: 4px;"></i>
|
|
139
|
+
</a>
|
|
140
|
+
<div class="submenu">
|
|
141
|
+
<a href="../showcase-complete.html"><i class="fas fa-layer-group"></i> All Components</a>
|
|
142
|
+
<a href="../showcase-complete.html#glass"><i class="fas fa-square"></i> Glass</a>
|
|
143
|
+
<a href="../showcase-complete.html#components"><i class="fas fa-shapes"></i> Standard</a>
|
|
144
|
+
<a href="../showcase-complete.html#navigation"><i class="fas fa-bars"></i> Navigation</a>
|
|
145
|
+
<a href="../showcase-complete.html#api-docs"><i class="fas fa-code"></i> API Docs</a>
|
|
146
|
+
</div>
|
|
147
|
+
</li>
|
|
148
|
+
<li class="has-submenu">
|
|
149
|
+
<a href="../extensions-showcase.html" class="active">
|
|
150
|
+
<i class="fas fa-puzzle-piece"></i> Extensions
|
|
151
|
+
<i class="fas fa-chevron-down" style="font-size: 0.7em; margin-left: 4px;"></i>
|
|
152
|
+
</a>
|
|
153
|
+
<div class="submenu">
|
|
154
|
+
<a href="../extensions-showcase.html#gallery"><i class="fas fa-images"></i> Gallery</a>
|
|
155
|
+
<a href="../extensions-showcase.html#lightbox"><i class="fas fa-expand"></i> Lightbox</a>
|
|
156
|
+
<a href="../extensions-showcase.html#nsfw"><i class="fas fa-eye-slash"></i> NSFW Blur</a>
|
|
157
|
+
<a href="../extensions-showcase.html#social"><i class="fas fa-share-alt"></i> Social Links</a>
|
|
158
|
+
<a href="../extensions-showcase.html#countdown"><i class="fas fa-hourglass-half"></i> Countdown</a>
|
|
159
|
+
<a href="glsl-vortex.html"><i class="fas fa-hurricane"></i> GLSL Vortex</a>
|
|
160
|
+
<a href="particles-bg.html" class="active"><i class="fas fa-atom"></i> Particles BG</a>
|
|
161
|
+
</div>
|
|
162
|
+
</li>
|
|
163
|
+
<li class="has-submenu">
|
|
164
|
+
<a href="#">
|
|
165
|
+
<i class="fas fa-flask"></i> Examples
|
|
166
|
+
<i class="fas fa-chevron-down" style="font-size: 0.7em; margin-left: 4px;"></i>
|
|
167
|
+
</a>
|
|
168
|
+
<div class="submenu">
|
|
169
|
+
<a href="../nikke-team-builder.html"><i class="fas fa-users"></i> Nikke Team Builder</a>
|
|
170
|
+
<a href="../button.html"><i class="fas fa-hand-pointer"></i> Buttons</a>
|
|
171
|
+
<a href="../card.html"><i class="fas fa-square"></i> Cards</a>
|
|
172
|
+
<a href="../form.html"><i class="fas fa-edit"></i> Forms</a>
|
|
173
|
+
<a href="../layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
174
|
+
<a href="../basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
175
|
+
<a href="../basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
176
|
+
<a href="nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
177
|
+
</div>
|
|
178
|
+
</li>
|
|
179
|
+
<li><a href="../showcase-complete.html"><i class="fas fa-book"></i> Docs</a></li>
|
|
180
|
+
</ul>
|
|
181
|
+
</div>
|
|
182
|
+
</nav>
|
|
183
|
+
|
|
184
|
+
<canvas id="particles-canvas"></canvas>
|
|
185
|
+
|
|
186
|
+
<div class="ui-layer">
|
|
187
|
+
|
|
188
|
+
<!-- Controls -->
|
|
189
|
+
<div class="controls-panel">
|
|
190
|
+
<h2><i class="fas fa-sliders-h"></i> Particle Controls</h2>
|
|
191
|
+
|
|
192
|
+
<div class="control-row">
|
|
193
|
+
<label>Count</label>
|
|
194
|
+
<input type="range" id="ctrl-count" min="10" max="120" step="5" value="60">
|
|
195
|
+
<span class="val" id="val-count">60</span>
|
|
196
|
+
</div>
|
|
197
|
+
|
|
198
|
+
<div class="control-row">
|
|
199
|
+
<label>Speed</label>
|
|
200
|
+
<input type="range" id="ctrl-speed" min="0.1" max="3.0" step="0.05" value="1.0">
|
|
201
|
+
<span class="val" id="val-speed">1.00</span>
|
|
202
|
+
</div>
|
|
203
|
+
|
|
204
|
+
<div class="control-row">
|
|
205
|
+
<label>Line Distance</label>
|
|
206
|
+
<input type="range" id="ctrl-linedist" min="50" max="300" step="10" value="150">
|
|
207
|
+
<span class="val" id="val-linedist">150</span>
|
|
208
|
+
</div>
|
|
209
|
+
|
|
210
|
+
<div class="lewd-row">
|
|
211
|
+
<label for="ctrl-lewd"><i class="fas fa-exclamation-triangle"></i> Lewd Mode</label>
|
|
212
|
+
<span class="rating">18+</span>
|
|
213
|
+
<input type="checkbox" id="ctrl-lewd">
|
|
214
|
+
</div>
|
|
215
|
+
</div>
|
|
216
|
+
|
|
217
|
+
<!-- Code snippet -->
|
|
218
|
+
<div class="code-block">
|
|
219
|
+
<h3>Usage</h3>
|
|
220
|
+
<pre><code><canvas id="bg" style="position:fixed;inset:0;width:100%;height:100%;z-index:0;"></canvas>
|
|
221
|
+
<script src="src/lib/corrupted-particles.js"></script>
|
|
222
|
+
<script>
|
|
223
|
+
new CorruptedParticles(document.getElementById('bg'), {
|
|
224
|
+
count: 60, // desktop (mobile auto-halved)
|
|
225
|
+
speed: 1.0,
|
|
226
|
+
lineDistance: 150,
|
|
227
|
+
includeLewd: false, // 18+ contexts only
|
|
228
|
+
});
|
|
229
|
+
</script></code></pre>
|
|
230
|
+
</div>
|
|
231
|
+
|
|
232
|
+
</div>
|
|
233
|
+
|
|
234
|
+
<script src="../../src/lib/corrupted-particles.js"></script>
|
|
235
|
+
<script>
|
|
236
|
+
const canvas = document.getElementById('particles-canvas');
|
|
237
|
+
let cp = new CorruptedParticles(canvas);
|
|
238
|
+
|
|
239
|
+
function rebuildWithOptions() {
|
|
240
|
+
cp.destroy();
|
|
241
|
+
cp = new CorruptedParticles(canvas, {
|
|
242
|
+
count: parseInt(document.getElementById('ctrl-count').value),
|
|
243
|
+
speed: parseFloat(document.getElementById('ctrl-speed').value),
|
|
244
|
+
lineDistance: parseInt(document.getElementById('ctrl-linedist').value),
|
|
245
|
+
includeLewd: document.getElementById('ctrl-lewd').checked,
|
|
246
|
+
});
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
function wire(id, valId, fmt) {
|
|
250
|
+
const el = document.getElementById(id);
|
|
251
|
+
const v = document.getElementById(valId);
|
|
252
|
+
el.addEventListener('input', () => {
|
|
253
|
+
v.textContent = fmt ? parseFloat(el.value).toFixed(2) : el.value;
|
|
254
|
+
});
|
|
255
|
+
el.addEventListener('change', rebuildWithOptions);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
wire('ctrl-count', 'val-count', false);
|
|
259
|
+
wire('ctrl-speed', 'val-speed', true);
|
|
260
|
+
wire('ctrl-linedist', 'val-linedist', false);
|
|
261
|
+
document.getElementById('ctrl-lewd').addEventListener('change', rebuildWithOptions);
|
|
262
|
+
</script>
|
|
263
|
+
</body>
|
|
264
|
+
</html>
|
package/examples/button.html
CHANGED
|
@@ -441,7 +441,7 @@
|
|
|
441
441
|
</section>
|
|
442
442
|
|
|
443
443
|
<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.
|
|
444
|
+
<p>Button Component Documentation • Corrupted Theme v0.1.8</p>
|
|
445
445
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
446
446
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
447
447
|
</p>
|
package/examples/card.html
CHANGED
|
@@ -684,7 +684,7 @@
|
|
|
684
684
|
</section>
|
|
685
685
|
|
|
686
686
|
<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.
|
|
687
|
+
<p>Card Components Documentation • Corrupted Theme v0.1.8</p>
|
|
688
688
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
689
689
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
690
690
|
</p>
|
|
@@ -147,6 +147,8 @@
|
|
|
147
147
|
<a href="#nsfw"><i class="fas fa-eye-slash"></i> NSFW Blur</a>
|
|
148
148
|
<a href="#social"><i class="fas fa-share-alt"></i> Social Links</a>
|
|
149
149
|
<a href="#countdown"><i class="fas fa-hourglass-half"></i> Countdown</a>
|
|
150
|
+
<a href="advanced/glsl-vortex.html"><i class="fas fa-hurricane"></i> GLSL Vortex</a>
|
|
151
|
+
<a href="advanced/particles-bg.html"><i class="fas fa-atom"></i> Particles BG</a>
|
|
150
152
|
</div>
|
|
151
153
|
</li>
|
|
152
154
|
<li class="has-submenu">
|
|
@@ -632,6 +634,40 @@
|
|
|
632
634
|
}</div>
|
|
633
635
|
</section>
|
|
634
636
|
|
|
637
|
+
<section class="showcase-section" id="vortex">
|
|
638
|
+
<h2><i class="fas fa-hurricane"></i> GLSL Vortex</h2>
|
|
639
|
+
<p class="showcase-description">WebGL1 raymarched spiral tunnel with quasar multi-color mode. Full-screen canvas background with configurable speed, intensity, rotation, and hue. Zero dependencies.</p>
|
|
640
|
+
<a href="advanced/glsl-vortex.html" class="btn btn-primary"><i class="fas fa-external-link-alt"></i> Open Demo</a>
|
|
641
|
+
<h3>Usage</h3>
|
|
642
|
+
<div class="code-example"><canvas id="vortex"></canvas>
|
|
643
|
+
<script src="src/lib/corrupted-vortex.js"></script>
|
|
644
|
+
<script>
|
|
645
|
+
new CorruptedVortex(document.getElementById('vortex'), {
|
|
646
|
+
speed: 1.0,
|
|
647
|
+
intensity: 1.0,
|
|
648
|
+
rotationRate: 1.0,
|
|
649
|
+
hue: null, // null = quasar multi-color mode
|
|
650
|
+
});
|
|
651
|
+
</script></div>
|
|
652
|
+
</section>
|
|
653
|
+
|
|
654
|
+
<section class="showcase-section" id="particles">
|
|
655
|
+
<h2><i class="fas fa-atom"></i> Particles BG</h2>
|
|
656
|
+
<p class="showcase-description">Canvas 2D floating corrupted Japanese phrase background. Three depth layers (far/mid/near), hover repel, click burst, phrase flickering, connection lines. SFW by default; opt-in lewd mode adds magenta/purple NSFW phrases.</p>
|
|
657
|
+
<a href="advanced/particles-bg.html" class="btn btn-primary"><i class="fas fa-external-link-alt"></i> Open Demo</a>
|
|
658
|
+
<h3>Usage</h3>
|
|
659
|
+
<div class="code-example"><canvas id="bg" style="position:fixed;inset:0;width:100%;height:100%;z-index:0;"></canvas>
|
|
660
|
+
<script src="src/lib/corrupted-particles.js"></script>
|
|
661
|
+
<script>
|
|
662
|
+
new CorruptedParticles(document.getElementById('bg'), {
|
|
663
|
+
count: 60,
|
|
664
|
+
speed: 1.0,
|
|
665
|
+
lineDistance: 150,
|
|
666
|
+
includeLewd: false, // 18+ opt-in only
|
|
667
|
+
});
|
|
668
|
+
</script></div>
|
|
669
|
+
</section>
|
|
670
|
+
|
|
635
671
|
<!-- Footer -->
|
|
636
672
|
<footer style="text-align: center; padding: var(--spacing-2xl) var(--spacing-lg); margin-top: var(--spacing-xl); border-top: 1px solid var(--border); color: var(--text-secondary);">
|
|
637
673
|
<p><strong>Corrupted Theme Extensions</strong> • Production-tested components from whykusanagi.xyz</p>
|
package/examples/form.html
CHANGED
|
@@ -553,7 +553,7 @@
|
|
|
553
553
|
</section>
|
|
554
554
|
|
|
555
555
|
<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.
|
|
556
|
+
<p>Form Components Documentation • Corrupted Theme v0.1.8</p>
|
|
557
557
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
558
558
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
559
559
|
</p>
|
package/examples/index.html
CHANGED
|
@@ -449,7 +449,22 @@
|
|
|
449
449
|
<a href="showcase-complete.html#api-docs"><i class="fas fa-code"></i> API Docs</a>
|
|
450
450
|
</div>
|
|
451
451
|
</li>
|
|
452
|
-
<li
|
|
452
|
+
<li class="has-submenu">
|
|
453
|
+
<a href="extensions-showcase.html">
|
|
454
|
+
<i class="fas fa-puzzle-piece"></i> Extensions
|
|
455
|
+
<i class="fas fa-chevron-down" style="font-size: 0.7em; margin-left: 4px;"></i>
|
|
456
|
+
</a>
|
|
457
|
+
<div class="submenu">
|
|
458
|
+
<a href="extensions-showcase.html"><i class="fas fa-list"></i> All Extensions</a>
|
|
459
|
+
<a href="extensions-showcase.html#gallery"><i class="fas fa-images"></i> Gallery</a>
|
|
460
|
+
<a href="extensions-showcase.html#lightbox"><i class="fas fa-expand"></i> Lightbox</a>
|
|
461
|
+
<a href="extensions-showcase.html#nsfw"><i class="fas fa-eye-slash"></i> NSFW Blur</a>
|
|
462
|
+
<a href="extensions-showcase.html#social"><i class="fas fa-share-alt"></i> Social Links</a>
|
|
463
|
+
<a href="extensions-showcase.html#countdown"><i class="fas fa-hourglass-half"></i> Countdown</a>
|
|
464
|
+
<a href="advanced/glsl-vortex.html"><i class="fas fa-hurricane"></i> GLSL Vortex</a>
|
|
465
|
+
<a href="advanced/particles-bg.html"><i class="fas fa-atom"></i> Particles BG</a>
|
|
466
|
+
</div>
|
|
467
|
+
</li>
|
|
453
468
|
<li class="has-submenu">
|
|
454
469
|
<a href="#">
|
|
455
470
|
<i class="fas fa-flask"></i> Examples
|
|
@@ -463,6 +478,8 @@
|
|
|
463
478
|
<a href="layout.html"><i class="fas fa-columns"></i> Layouts</a>
|
|
464
479
|
<a href="basic/corrupted-text.html"><i class="fas fa-terminal"></i> Character Corruption</a>
|
|
465
480
|
<a href="basic/typing-animation.html"><i class="fas fa-keyboard"></i> Buffer Corruption</a>
|
|
481
|
+
<a href="advanced/glsl-vortex.html"><i class="fas fa-hurricane"></i> GLSL Vortex</a>
|
|
482
|
+
<a href="advanced/particles-bg.html"><i class="fas fa-atom"></i> Particles BG</a>
|
|
466
483
|
<a href="advanced/nsfw-corruption.html"><i class="fas fa-exclamation-triangle"></i> NSFW (18+)</a>
|
|
467
484
|
</div>
|
|
468
485
|
</li>
|
|
@@ -476,7 +493,7 @@
|
|
|
476
493
|
<div class="hero-content">
|
|
477
494
|
<div class="hero-badge">
|
|
478
495
|
<i class="fas fa-sparkles"></i>
|
|
479
|
-
<span>v0.1.
|
|
496
|
+
<span>v0.1.8 — Production Ready</span>
|
|
480
497
|
</div>
|
|
481
498
|
<h1>Corrupted Theme</h1>
|
|
482
499
|
<p class="hero-description">
|
|
@@ -684,6 +701,14 @@
|
|
|
684
701
|
<i class="fas fa-share-alt"></i>
|
|
685
702
|
<span>Social Links</span>
|
|
686
703
|
</a>
|
|
704
|
+
<a href="advanced/glsl-vortex.html" class="quick-link">
|
|
705
|
+
<i class="fas fa-hurricane"></i>
|
|
706
|
+
<span>GLSL Vortex</span>
|
|
707
|
+
</a>
|
|
708
|
+
<a href="advanced/particles-bg.html" class="quick-link">
|
|
709
|
+
<i class="fas fa-atom"></i>
|
|
710
|
+
<span>Particles BG</span>
|
|
711
|
+
</a>
|
|
687
712
|
<a href="nikke-team-builder.html" class="quick-link">
|
|
688
713
|
<i class="fas fa-users"></i>
|
|
689
714
|
<span>Team Builder</span>
|
|
@@ -751,7 +776,7 @@
|
|
|
751
776
|
<a href="https://www.npmjs.com/package/@whykusanagi/corrupted-theme" target="_blank"><i class="fab fa-npm"></i> npm</a>
|
|
752
777
|
</div>
|
|
753
778
|
<p class="footer-meta">
|
|
754
|
-
Corrupted Theme v0.1.
|
|
779
|
+
Corrupted Theme v0.1.8 • Built with <i class="fas fa-heart" style="color: var(--accent);"></i> by
|
|
755
780
|
<a href="https://whykusanagi.xyz" target="_blank">@whykusanagi</a>
|
|
756
781
|
</p>
|
|
757
782
|
</div>
|
package/examples/layout.html
CHANGED
|
@@ -514,7 +514,7 @@
|
|
|
514
514
|
</section>
|
|
515
515
|
|
|
516
516
|
<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.
|
|
517
|
+
<p>Layout Patterns Documentation • Corrupted Theme v0.1.8</p>
|
|
518
518
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
519
519
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a>
|
|
520
520
|
</p>
|
|
@@ -566,7 +566,7 @@
|
|
|
566
566
|
</section>
|
|
567
567
|
|
|
568
568
|
<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.
|
|
569
|
+
<p>Nikke Team Builder Example • Corrupted Theme v0.1.8</p>
|
|
570
570
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
571
571
|
<a href="index.html" style="color: var(--accent); text-decoration: none;">← Back to Showcase</a> •
|
|
572
572
|
<a href="showcase-complete.html#nikke" style="color: var(--accent); text-decoration: none;">Documentation</a>
|
|
@@ -1697,7 +1697,7 @@ const theme = {
|
|
|
1697
1697
|
|
|
1698
1698
|
<!-- Footer -->
|
|
1699
1699
|
<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.
|
|
1700
|
+
<p><strong>Corrupted Theme</strong> v0.1.8 • Built with <i class="fas fa-heart" style="color: var(--accent);"></i> by whykusanagi</p>
|
|
1701
1701
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
1702
1702
|
<a href="https://github.com/whykusanagi/corrupted-theme#readme" class="link">Documentation</a> •
|
|
1703
1703
|
<a href="#customization" class="link">Customization</a> •
|
|
@@ -1920,7 +1920,7 @@ const theme = {
|
|
|
1920
1920
|
|
|
1921
1921
|
// Auto-show welcome message on page load
|
|
1922
1922
|
setTimeout(() => {
|
|
1923
|
-
toast.success('Welcome to Corrupted Theme v0.1.
|
|
1923
|
+
toast.success('Welcome to Corrupted Theme v0.1.8!', 'Welcome', 5000);
|
|
1924
1924
|
}, 1000);
|
|
1925
1925
|
</script>
|
|
1926
1926
|
</body>
|
package/examples/showcase.html
CHANGED
|
@@ -465,7 +465,7 @@ const theme = {
|
|
|
465
465
|
|
|
466
466
|
<!-- Footer -->
|
|
467
467
|
<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.
|
|
468
|
+
<p><strong>Corrupted Theme</strong> v0.1.8 • Built with <i class="fas fa-heart" style="color: var(--accent);"></i> by whykusanagi</p>
|
|
469
469
|
<p style="font-size: 0.875rem; margin-top: var(--spacing-md);">
|
|
470
470
|
<a href="https://github.com/whykusanagi/corrupted-theme#readme" class="link">Documentation</a> •
|
|
471
471
|
<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.8",
|
|
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",
|
|
@@ -24,7 +24,9 @@
|
|
|
24
24
|
"./corruption-loading": "./src/lib/corruption-loading.js",
|
|
25
25
|
"./character-corruption": "./src/lib/character-corruption.js",
|
|
26
26
|
"./components-js": "./src/lib/components.js",
|
|
27
|
-
"./carousel": "./src/lib/carousel.js"
|
|
27
|
+
"./carousel": "./src/lib/carousel.js",
|
|
28
|
+
"./corrupted-vortex": "./src/lib/corrupted-vortex.js",
|
|
29
|
+
"./corrupted-particles": "./src/lib/corrupted-particles.js"
|
|
28
30
|
},
|
|
29
31
|
"files": [
|
|
30
32
|
"src",
|