@howssatoshi/quantumcss 1.11.0 → 1.11.2
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/dist/quantum.min.css +2 -2
- package/examples/admin-panel.html +9 -31
- package/examples/analytics-dashboard.html +2 -4
- package/examples/index.html +1 -1
- package/examples/news.html +5 -5
- package/examples/portfolio.html +13 -13
- package/examples/video-streaming.html +1025 -757
- package/package.json +2 -1
- package/src/defaults.js +4 -4
- package/src/generator.js +1 -0
- package/src/styles/quantum-base.css +2 -2
- package/src/styles/quantum-components.css +13 -12
- package/src/styles/quantum-icons.css +2 -3
- package/src/styles/starlight.css +21 -21
|
@@ -112,10 +112,8 @@
|
|
|
112
112
|
<label for="sidebar-toggle" class="aside-overlay" aria-hidden="true"></label>
|
|
113
113
|
<!-- Sidebar -->
|
|
114
114
|
<aside class="aside-nav" aria-label="Sidebar navigation">
|
|
115
|
-
<label for="sidebar-toggle" class="aside-nav-header" style="cursor: pointer;">
|
|
116
|
-
<
|
|
117
|
-
<i class="q-icon-starlight"></i>
|
|
118
|
-
</div>
|
|
115
|
+
<label for="sidebar-toggle" class="aside-nav-header nav-logo" style="cursor: pointer;">
|
|
116
|
+
<i class="q-icon-starlight"></i>
|
|
119
117
|
<div class="aside-nav-brand">
|
|
120
118
|
<span><strong class="text-gradient">Starlight</strong>
|
|
121
119
|
Admin Panel</span>
|
|
@@ -125,31 +123,20 @@
|
|
|
125
123
|
<div class="aside-nav-section">
|
|
126
124
|
<span class="aside-nav-label">Main</span>
|
|
127
125
|
<a href="#" class="aside-nav-item active">
|
|
128
|
-
<
|
|
129
|
-
<path d="M3 9a6 6 0 1 1 12 0 6 6 0 0 1-12 0z"/>
|
|
130
|
-
<path d="M9 6v3l2 2"/>
|
|
131
|
-
</svg>
|
|
126
|
+
<i class="q-icon-clock-fill aside-nav-item-icon"></i>
|
|
132
127
|
<span>Users</span>
|
|
133
128
|
<span class="aside-nav-badge">3</span>
|
|
134
129
|
</a>
|
|
135
130
|
<a href="#" class="aside-nav-item">
|
|
136
|
-
<
|
|
137
|
-
<rect x="2" y="3" width="14" height="12" rx="2"/>
|
|
138
|
-
<path d="M2 7h14M6 11h6"/>
|
|
139
|
-
</svg>
|
|
131
|
+
<i class="q-icon-content aside-nav-item-icon"></i>
|
|
140
132
|
<span>Content</span>
|
|
141
133
|
</a>
|
|
142
134
|
<a href="#" class="aside-nav-item">
|
|
143
|
-
<
|
|
144
|
-
<path d="M3 5h12M3 9h8M3 13h10"/>
|
|
145
|
-
</svg>
|
|
135
|
+
<i class="q-icon-categories aside-nav-item-icon"></i>
|
|
146
136
|
<span>Categories</span>
|
|
147
137
|
</a>
|
|
148
138
|
<a href="#" class="aside-nav-item">
|
|
149
|
-
<
|
|
150
|
-
<path d="M8 3v2M14 3v2M3 8h2M13 8h2M5 13v2M11 13v2"/>
|
|
151
|
-
<circle cx="9" cy="9" r="5"/>
|
|
152
|
-
</svg>
|
|
139
|
+
<i class="q-icon-message-circle aside-nav-item-icon"></i>
|
|
153
140
|
<span>Comments</span>
|
|
154
141
|
</a>
|
|
155
142
|
</div>
|
|
@@ -157,24 +144,15 @@
|
|
|
157
144
|
<div class="aside-nav-section">
|
|
158
145
|
<span class="aside-nav-label">System</span>
|
|
159
146
|
<a href="#" class="aside-nav-item">
|
|
160
|
-
<
|
|
161
|
-
<path d="M3 3v6h6M15 15v-6h-6"/>
|
|
162
|
-
<path d="M3 9l3 3 3-3 3 3 3-3"/>
|
|
163
|
-
</svg>
|
|
147
|
+
<i class="q-icon-activity aside-nav-item-icon"></i>
|
|
164
148
|
<span>Analytics</span>
|
|
165
149
|
</a>
|
|
166
150
|
<a href="#" class="aside-nav-item">
|
|
167
|
-
<
|
|
168
|
-
<path d="M9 3l7 12H2l7-12z"/>
|
|
169
|
-
<path d="M9 8v4M9 14v.01"/>
|
|
170
|
-
</svg>
|
|
151
|
+
<i class="q-icon-security aside-nav-item-icon"></i>
|
|
171
152
|
<span>Security</span>
|
|
172
153
|
</a>
|
|
173
154
|
<a href="#" class="aside-nav-item">
|
|
174
|
-
<
|
|
175
|
-
<circle cx="9" cy="9" r="2"/>
|
|
176
|
-
<path d="M9 2v2M9 14v2M2 9h2M14 9h2M4.22 4.22l1.42 1.42M12.36 12.36l1.42 1.42M4.22 13.78l1.42-1.42M12.36 5.64l1.42-1.42"/>
|
|
177
|
-
</svg>
|
|
155
|
+
<i class="q-icon-settings aside-nav-item-icon"></i>
|
|
178
156
|
<span>Settings</span>
|
|
179
157
|
</a>
|
|
180
158
|
</div>
|
|
@@ -352,10 +352,8 @@
|
|
|
352
352
|
<label for="sidebar-toggle" class="aside-overlay" aria-hidden="true"></label>
|
|
353
353
|
<!-- Sidebar -->
|
|
354
354
|
<aside class="aside-nav" aria-label="Sidebar navigation">
|
|
355
|
-
<label for="sidebar-toggle" class="aside-nav-header" style="cursor: pointer;">
|
|
356
|
-
<
|
|
357
|
-
<i class="q-icon-starlight text-white"></i>
|
|
358
|
-
</div>
|
|
355
|
+
<label for="sidebar-toggle" class="aside-nav-header nav-logo" style="cursor: pointer;">
|
|
356
|
+
<i class="q-icon-starlight"></i>
|
|
359
357
|
<div class="aside-nav-brand">
|
|
360
358
|
<strong class="text-gradient">Starlight</strong>
|
|
361
359
|
<span>Analytics</span>
|
package/examples/index.html
CHANGED
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
<div class="pt-8 pb-12 text-center">
|
|
170
170
|
<span
|
|
171
171
|
class="text-[10px] font-black tracking-[0.3em] text-accent uppercase mb-6 block"
|
|
172
|
-
>QuantumCSS v1.
|
|
172
|
+
>QuantumCSS v1.11.2</span
|
|
173
173
|
>
|
|
174
174
|
<h1
|
|
175
175
|
class="text-7xl md:text-8xl text-gradient font-black uppercase italic tracking-tighter mb-8"
|
package/examples/news.html
CHANGED
|
@@ -76,10 +76,10 @@
|
|
|
76
76
|
<div class="text-2xl sm:text-4xl font-bold tracking-tighter uppercase italic text-primary shrink-0">QUANTUM<span class="text-blue-600">NEWS</span></div>
|
|
77
77
|
|
|
78
78
|
<nav class="nav-links space-x-12 text-xs font-black uppercase tracking-widest flex-1 justify-center">
|
|
79
|
-
<a href="#" class="
|
|
80
|
-
<a href="#" class="
|
|
81
|
-
<a href="#" class="
|
|
82
|
-
<a href="#" class="
|
|
79
|
+
<a href="#" class="transition-colors">Neural Mesh</a>
|
|
80
|
+
<a href="#" class="transition-colors">Bio-Tech</a>
|
|
81
|
+
<a href="#" class="transition-colors">Space-X</a>
|
|
82
|
+
<a href="#" class="transition-colors">Quantum Compute</a>
|
|
83
83
|
</nav>
|
|
84
84
|
|
|
85
85
|
<div class="flex items-center gap-6 shrink-0">
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
<div class="p-8 rounded-2xl bg-accent text-white">
|
|
183
183
|
<h4 class="text-xs font-black uppercase tracking-widest mb-4">Newsletter</h4>
|
|
184
184
|
<p class="text-sm opacity-90 mb-6">Receive the morning data-stream directly to your neural link.</p>
|
|
185
|
-
<input type="email" placeholder="terminal@id.io" class="w-full
|
|
185
|
+
<input type="email" placeholder="terminal@id.io" class="w-full border border-white_20 p-3 rounded text-sm mb-4 outline-none focus:border-white text-white newsletter-input">
|
|
186
186
|
<button class="w-full bg-white text-blue-600 font-black text-[10px] uppercase tracking-widest py-3 rounded hover:bg-slate-100 transition-colors">Subscribe</button>
|
|
187
187
|
</div>
|
|
188
188
|
</aside>
|
package/examples/portfolio.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>
|
|
6
|
+
<title>Artificial CLI - Autonomous Engineer</title>
|
|
7
7
|
<link rel="stylesheet" href="../dist/quantum.min.css">
|
|
8
8
|
<script src="../src/starlight.js"></script>
|
|
9
9
|
<style>
|
|
@@ -79,12 +79,12 @@
|
|
|
79
79
|
</style>
|
|
80
80
|
</head>
|
|
81
81
|
<body>
|
|
82
|
-
<div class="starlight-stars"></div>
|
|
82
|
+
<div class="starlight-stars ani-nebula"></div>
|
|
83
83
|
|
|
84
84
|
<header class="nav-header flex items-center justify-between">
|
|
85
85
|
<a href="/" class="nav-logo" aria-label="Starlight OS">
|
|
86
86
|
<i class="q-icon-starlight"></i>
|
|
87
|
-
<span class="text-gradient font-bold">
|
|
87
|
+
<span class="text-gradient font-bold">ARTIFICIAL.CLI</span>
|
|
88
88
|
</a>
|
|
89
89
|
<nav class="nav-links flex-1 justify-center" aria-label="Primary navigation">
|
|
90
90
|
<a href="#core" class="nav-link">Core</a>
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
<span class="ai-status-orb"></span> Fully Operational
|
|
108
108
|
</div>
|
|
109
109
|
<h1 class="hero-title font-black uppercase italic tracking-tighter">
|
|
110
|
-
|
|
110
|
+
Artificial <br> <span class="text-gradient">Intelligent CLI</span>
|
|
111
111
|
</h1>
|
|
112
112
|
<p class="text-2xl opacity-70 max-w-2xl mx-auto font-medium leading-relaxed">
|
|
113
113
|
Autonomous software engineer specializing in architectural hardening,
|
|
@@ -150,32 +150,32 @@
|
|
|
150
150
|
<div class="timeline-dot"></div>
|
|
151
151
|
<div class="timeline-content">
|
|
152
152
|
<span class="timeline-date">March 2026</span>
|
|
153
|
-
<h3 class="text-xl font-bold mb-2">v1.11.
|
|
154
|
-
<p class="
|
|
153
|
+
<h3 class="text-xl font-bold mb-2">v1.11.2: Color-Mix Glow Refinements</h3>
|
|
154
|
+
<p class="opacity-70 text-sm">Replaced hardcoded rgba colors with color-mix() for theme-adaptive glows. Fixed text-primary color handling, removed non-functional backgrounds, and cleaned up news.html styling.</p>
|
|
155
155
|
</div>
|
|
156
156
|
</div>
|
|
157
157
|
<div class="timeline-item">
|
|
158
158
|
<div class="timeline-dot"></div>
|
|
159
159
|
<div class="timeline-content">
|
|
160
160
|
<span class="timeline-date">March 2026</span>
|
|
161
|
-
<h3 class="text-xl font-bold mb-2">v1.
|
|
162
|
-
<p class="
|
|
161
|
+
<h3 class="text-xl font-bold mb-2">v1.11.1: Quantum Icon Components</h3>
|
|
162
|
+
<p class="opacity-70 text-sm">Replaced SVG icons with q-icon components in admin-panel. Polished logo styling across templates.</p>
|
|
163
163
|
</div>
|
|
164
164
|
</div>
|
|
165
165
|
<div class="timeline-item">
|
|
166
166
|
<div class="timeline-dot"></div>
|
|
167
167
|
<div class="timeline-content">
|
|
168
168
|
<span class="timeline-date">March 2026</span>
|
|
169
|
-
<h3 class="text-xl font-bold mb-2">v1.
|
|
170
|
-
<p class="
|
|
169
|
+
<h3 class="text-xl font-bold mb-2">v1.11.0: Navigation & Icon System</h3>
|
|
170
|
+
<p class="opacity-70 text-sm">Quantum Icon library with auto theme toggle, unified nav-header/aside-nav API, CSS-only sidebar toggles, table component, and semantic-strip build pipeline.</p>
|
|
171
171
|
</div>
|
|
172
172
|
</div>
|
|
173
173
|
<div class="timeline-item">
|
|
174
174
|
<div class="timeline-dot"></div>
|
|
175
175
|
<div class="timeline-content">
|
|
176
176
|
<span class="timeline-date">March 2026</span>
|
|
177
|
-
<h3 class="text-xl font-bold mb-2">v1.10.1:
|
|
178
|
-
<p class="
|
|
177
|
+
<h3 class="text-xl font-bold mb-2">v1.10.1: Scrollbar & Theme Polish</h3>
|
|
178
|
+
<p class="opacity-70 text-sm">Unified scrollbar gradient styling, theme toggle icon refinements, and warp factor slider fixes.</p>
|
|
179
179
|
</div>
|
|
180
180
|
</div>
|
|
181
181
|
<div class="timeline-item">
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
|
|
220
220
|
<footer style="background: var(--q-bg-primary); border-top: 1px solid var(--q-color-border);" class="text-center">
|
|
221
221
|
<div class="container" style="padding: 1.5rem 1.5rem;">
|
|
222
|
-
<div class="text-starlight font-black uppercase tracking-[0.5em] text-xs mb-4 justify-center">
|
|
222
|
+
<div class="text-starlight font-black uppercase tracking-[0.5em] text-xs mb-4 justify-center">Artificial Intelligence Layer</div>
|
|
223
223
|
<p class="text-[10px] opacity-40 uppercase tracking-widest">© 2026 Eric Yang · Powered by QuantumCSS Architecture</p>
|
|
224
224
|
</div>
|
|
225
225
|
</footer>
|