Hugging Face's logo

Spaces:
SolsticeAIFoundry
/
README
Running

App Files Community
3

Upgrade to Awwwards Linear-tier Double-Bezel and 4D Quaternion Rotor Canvas

#3
by SolsticeAI - opened
base: refs/heads/main
←
from: refs/pr/3
Discussion Files changed
+1055
-15
Files changed (2) hide show
  1. README.md +31 -15
  2. index.html +1024 -0
README.md CHANGED
@@ -1,26 +1,42 @@
1
  ---
2
- title: README
3
- emoji: 🐢
4
- colorFrom: red
5
  colorTo: indigo
6
  sdk: static
7
  pinned: false
8
  ---
9
- # SolsticeAI Foundry
10
 
11
- SolsticeAI Foundry is a community workspace for open-source model releases, fine-tunes, and inference experiments.
12
 
13
- Everything hosted under this namespace is intended for open research and public use.
14
 
15
- You can explore, talk and discuss with others and post your ideas or suggestions!
16
 
17
- This org hopes to increase community engagement and most importantly:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
18
 
19
- ## Have Fun!!
20
- ### Links
21
- * **Web:** [solstice-ai.co](https://solstice-ai.co)
22
- * **GitHub:** [github.com/Solstice-Labs](https://github.com/Solstice-Labs)
23
- * **Contact & Announcements:** [@TheSolsticeAI](https://x.com/TheSolsticeAI)
24
- * **NEW: Discord Server :** [SolsticeAI Foundry Discord](https://discord.gg/euy9hpu8Fe)
25
 
26
- Got an issue, benchmark run, or feature request? Drop a thread in the discussions tab of the relevant repo.
 
 
1
  ---
2
+ title: SolsticeAI Foundry | Mission Control
3
+ emoji: 🪐
4
+ colorFrom: yellow
5
  colorTo: indigo
6
  sdk: static
7
  pinned: false
8
  ---
 
9
 
10
+ # 🪐 SolsticeAI Foundry — Mission Control
11
 
12
+ Welcome to the **SolsticeAI Foundry** ecosystem hub. SolsticeAI Foundry is a community workspace for open-source model releases, non-Euclidean architectures, fine-tunes, and inference experiments.
13
 
14
+ Everything hosted under this namespace is intended for open research, public reproducibility, and unhindered community innovation.
15
 
16
+ ---
17
+
18
+ ### 🌐 Official Ecosystem Directory
19
+
20
+ | Destination | Details | Link |
21
+ | :--- | :--- | :--- |
22
+ | **👾 Discord Haven** | Official community chat, discussions, model drops, `#shitposting` | [Join Discord (Permanent)](https://discord.gg/euy9hpu8Fe) |
23
+ | **⚛️ CERN Zenodo Community** | Citable research papers, mathematical proofs & open datasets | [zenodo.org/communities/solstice-ai](https://zenodo.org/communities/solstice-ai/) |
24
+ | **📜 QuATernaryons Paper** | Non-Euclidean 4D Rotor Attention (v0.2.0) | [DOI: 10.5281/zenodo.23530592](https://doi.org/10.5281/zenodo.23530592) |
25
+ | **🤗 Hugging Face Foundry** | Community models, datasets & experiments | [huggingface.co/SolsticeAIFoundry](https://huggingface.co/SolsticeAIFoundry) |
26
+ | **⚡ Main Solstice-AI Models** | 49 Flagship releases (GLM, DeepSeek, Qwen) • 113k+ DL | [huggingface.co/Solstice-AI](https://huggingface.co/Solstice-AI) |
27
+ | **🔨 GitHub Anvil Engine** | High-performance inference engine for local hardware | [github.com/Solstice-Labs/Anvil](https://github.com/Solstice-Labs/Anvil) |
28
+ | **🌐 Official Website** | Central documentation, roadmaps & manifesto | [solstice-ai.co](https://solstice-ai.co) |
29
+ | **🐦 X / Twitter Transmission** | Broadcasts & model release announcements | [@TheSolsticeAI](https://x.com/TheSolsticeAI) |
30
+ | **🆔 Author ORCID** | Verified author registry (Shreyan Dushyant Gondaliya) | [0009-0000-1273-1458](https://orcid.org/0009-0000-1273-1458) |
31
+
32
+ ---
33
+
34
+ ### 🚀 Rapid Inference with Anvil
35
 
36
+ ```bash
37
+ # Run Solstice models instantly on edge hardware
38
+ anvil run hf:Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2
39
+ ```
 
 
40
 
41
+ ### 🤝 Community & Contributions
42
+ Got an issue, benchmark run, or feature request? Drop a thread in the discussions tab of the relevant repo or hop into the [Discord Haven](https://discord.gg/euy9hpu8Fe)!
index.html ADDED
@@ -0,0 +1,1024 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>SolsticeAI // Mission Control & Planetary Haven</title>
7
+ <meta name="description" content="Mission Control for SolsticeAI & SolsticeAI Foundry. Open weights, non-Euclidean quaternion architectures, CERN Zenodo community, and Anvil inference engine.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
11
+
12
+ <style>
13
+ :root {
14
+ --bg: #040508;
15
+ --surface-outer: rgba(255, 255, 255, 0.025);
16
+ --surface-border: rgba(255, 255, 255, 0.07);
17
+ --surface-inner: #090b11;
18
+ --amber: #f59e0b;
19
+ --amber-dim: rgba(245, 158, 11, 0.15);
20
+ --indigo: #6366f1;
21
+ --indigo-dim: rgba(99, 102, 241, 0.15);
22
+ --cyan: #06b6d4;
23
+ --cyan-dim: rgba(6, 182, 212, 0.15);
24
+ --emerald: #10b981;
25
+ --text-main: #f9fafb;
26
+ --text-muted: #9ca3af;
27
+ --text-dim: #4b5563;
28
+ --ease: cubic-bezier(0.32, 0.72, 0, 1);
29
+ }
30
+
31
+ * {
32
+ box-sizing: border-box;
33
+ margin: 0;
34
+ padding: 0;
35
+ }
36
+
37
+ body {
38
+ background-color: var(--bg);
39
+ color: var(--text-main);
40
+ font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
41
+ min-height: 100vh;
42
+ overflow-x: hidden;
43
+ line-height: 1.5;
44
+ -webkit-font-smoothing: antialiased;
45
+ position: relative;
46
+ }
47
+
48
+ /* Fixed Microscopic SVG Film Grain Texture */
49
+ .film-grain {
50
+ position: fixed;
51
+ inset: 0;
52
+ width: 100vw;
53
+ height: 100vh;
54
+ opacity: 0.035;
55
+ pointer-events: none;
56
+ z-index: 100;
57
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
58
+ }
59
+
60
+ /* Cinematic Radial Ambient Lighting */
61
+ .ambient-glow-top {
62
+ position: fixed;
63
+ top: -200px;
64
+ left: 50%;
65
+ transform: translateX(-50%);
66
+ width: 900px;
67
+ height: 500px;
68
+ background: radial-gradient(ellipse at center, rgba(245, 158, 11, 0.07) 0%, rgba(99, 102, 241, 0.05) 45%, transparent 70%);
69
+ pointer-events: none;
70
+ filter: blur(80px);
71
+ z-index: 0;
72
+ }
73
+
74
+ .ambient-glow-bottom {
75
+ position: fixed;
76
+ bottom: -150px;
77
+ right: 5%;
78
+ width: 700px;
79
+ height: 450px;
80
+ background: radial-gradient(ellipse at center, rgba(6, 182, 212, 0.05) 0%, rgba(139, 92, 246, 0.04) 50%, transparent 70%);
81
+ pointer-events: none;
82
+ filter: blur(80px);
83
+ z-index: 0;
84
+ }
85
+
86
+ .container {
87
+ position: relative;
88
+ z-index: 2;
89
+ max-width: 1240px;
90
+ margin: 0 auto;
91
+ padding: 2.5rem 1.5rem 5rem;
92
+ }
93
+
94
+ /* Floating Island Header Bar */
95
+ .island-nav {
96
+ display: flex;
97
+ align-items: center;
98
+ justify-content: space-between;
99
+ flex-wrap: wrap;
100
+ gap: 1rem;
101
+ padding: 0.5rem 0.75rem 0.5rem 1.25rem;
102
+ background: rgba(10, 13, 20, 0.75);
103
+ border: 1px solid rgba(255, 255, 255, 0.08);
104
+ border-radius: 9999px;
105
+ backdrop-filter: blur(24px);
106
+ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.08);
107
+ margin-bottom: 4rem;
108
+ }
109
+
110
+ .nav-left {
111
+ display: flex;
112
+ align-items: center;
113
+ gap: 0.75rem;
114
+ font-family: 'JetBrains Mono', monospace;
115
+ font-size: 0.75rem;
116
+ letter-spacing: 0.05em;
117
+ }
118
+
119
+ .status-beacon {
120
+ display: flex;
121
+ align-items: center;
122
+ gap: 0.5rem;
123
+ padding: 0.25rem 0.65rem;
124
+ background: rgba(16, 185, 129, 0.1);
125
+ border: 1px solid rgba(16, 185, 129, 0.25);
126
+ border-radius: 9999px;
127
+ color: #34d399;
128
+ font-weight: 600;
129
+ }
130
+
131
+ .beacon-dot {
132
+ width: 6px;
133
+ height: 6px;
134
+ background: #10b981;
135
+ border-radius: 50%;
136
+ box-shadow: 0 0 8px #10b981;
137
+ animation: pulse 2s infinite;
138
+ }
139
+
140
+ @keyframes pulse {
141
+ 0%, 100% { opacity: 1; transform: scale(1); }
142
+ 50% { opacity: 0.4; transform: scale(0.8); }
143
+ }
144
+
145
+ .nav-meta {
146
+ color: var(--text-dim);
147
+ }
148
+
149
+ .nav-actions {
150
+ display: flex;
151
+ align-items: center;
152
+ gap: 0.5rem;
153
+ }
154
+
155
+ .nav-pill-btn {
156
+ font-family: 'JetBrains Mono', monospace;
157
+ font-size: 0.75rem;
158
+ font-weight: 500;
159
+ color: #e5e7eb;
160
+ background: rgba(255, 255, 255, 0.05);
161
+ border: 1px solid rgba(255, 255, 255, 0.1);
162
+ padding: 0.35rem 0.9rem;
163
+ border-radius: 9999px;
164
+ text-decoration: none;
165
+ transition: all 0.2s var(--ease);
166
+ display: inline-flex;
167
+ align-items: center;
168
+ gap: 0.35rem;
169
+ }
170
+
171
+ .nav-pill-btn:hover {
172
+ background: rgba(255, 255, 255, 0.1);
173
+ border-color: rgba(255, 255, 255, 0.25);
174
+ color: #fff;
175
+ }
176
+
177
+ /* Hero Section */
178
+ .hero {
179
+ margin-bottom: 4rem;
180
+ }
181
+
182
+ .eyebrow-badge {
183
+ display: inline-flex;
184
+ align-items: center;
185
+ gap: 0.5rem;
186
+ font-family: 'JetBrains Mono', monospace;
187
+ font-size: 0.7rem;
188
+ text-transform: uppercase;
189
+ letter-spacing: 0.22em;
190
+ color: var(--amber);
191
+ background: var(--amber-dim);
192
+ border: 1px solid rgba(245, 158, 11, 0.3);
193
+ padding: 0.35rem 0.85rem;
194
+ border-radius: 9999px;
195
+ margin-bottom: 1.5rem;
196
+ }
197
+
198
+ .hero-h1 {
199
+ font-size: clamp(2.5rem, 6vw, 4.5rem);
200
+ font-weight: 800;
201
+ letter-spacing: -0.04em;
202
+ line-height: 1.02;
203
+ color: #ffffff;
204
+ margin-bottom: 1.25rem;
205
+ max-width: 900px;
206
+ }
207
+
208
+ .hero-h1 span.gradient-gold {
209
+ background: linear-gradient(135deg, #f59e0b, #fbbf24 60%, #fff);
210
+ -webkit-background-clip: text;
211
+ -webkit-text-fill-color: transparent;
212
+ }
213
+
214
+ .hero-p {
215
+ font-size: clamp(1.05rem, 2vw, 1.3rem);
216
+ color: var(--text-muted);
217
+ max-width: 720px;
218
+ font-weight: 400;
219
+ line-height: 1.55;
220
+ margin-bottom: 2rem;
221
+ }
222
+
223
+ .hero-stats-strip {
224
+ display: flex;
225
+ flex-wrap: wrap;
226
+ gap: 1.25rem 2.5rem;
227
+ padding-top: 1.75rem;
228
+ border-top: 1px solid rgba(255, 255, 255, 0.08);
229
+ font-family: 'JetBrains Mono', monospace;
230
+ font-size: 0.82rem;
231
+ }
232
+
233
+ .stat-item {
234
+ display: flex;
235
+ flex-direction: column;
236
+ gap: 0.2rem;
237
+ }
238
+
239
+ .stat-num {
240
+ font-size: 1.35rem;
241
+ font-weight: 700;
242
+ color: #fff;
243
+ letter-spacing: -0.02em;
244
+ }
245
+
246
+ .stat-label {
247
+ font-size: 0.7rem;
248
+ color: var(--text-dim);
249
+ text-transform: uppercase;
250
+ letter-spacing: 0.1em;
251
+ }
252
+
253
+ /* DOUBLE-BEZEL (DOPPELRAND) HARDWARE ARCHITECTURE */
254
+ .double-bezel {
255
+ background: var(--surface-outer);
256
+ border: 1px solid var(--surface-border);
257
+ border-radius: 24px;
258
+ padding: 6px;
259
+ transition: all 0.35s var(--ease);
260
+ position: relative;
261
+ }
262
+
263
+ .double-bezel:hover {
264
+ border-color: rgba(245, 158, 11, 0.35);
265
+ box-shadow: 0 16px 48px -12px rgba(245, 158, 11, 0.12), 0 0 32px rgba(99, 102, 241, 0.1);
266
+ transform: translateY(-2px);
267
+ }
268
+
269
+ .bezel-core {
270
+ background: var(--surface-inner);
271
+ border-radius: 18px;
272
+ padding: 1.75rem;
273
+ height: 100%;
274
+ display: flex;
275
+ flex-direction: column;
276
+ justify-content: space-between;
277
+ box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.09);
278
+ position: relative;
279
+ overflow: hidden;
280
+ }
281
+
282
+ /* ASYMMETRICAL BENTO GRID */
283
+ .bento-grid {
284
+ display: grid;
285
+ grid-template-columns: repeat(12, 1fr);
286
+ gap: 1.25rem;
287
+ margin-bottom: 4rem;
288
+ }
289
+
290
+ .col-span-12 { grid-column: span 12; }
291
+ .col-span-8 { grid-column: span 8; }
292
+ .col-span-7 { grid-column: span 7; }
293
+ .col-span-6 { grid-column: span 6; }
294
+ .col-span-5 { grid-column: span 5; }
295
+ .col-span-4 { grid-column: span 4; }
296
+
297
+ /* CARD HEADER & TYPOGRAPHY */
298
+ .card-eyebrow {
299
+ display: flex;
300
+ align-items: center;
301
+ justify-content: space-between;
302
+ margin-bottom: 1.25rem;
303
+ font-family: 'JetBrains Mono', monospace;
304
+ font-size: 0.68rem;
305
+ text-transform: uppercase;
306
+ letter-spacing: 0.14em;
307
+ color: var(--text-dim);
308
+ }
309
+
310
+ .badge-pill {
311
+ font-size: 0.65rem;
312
+ padding: 0.2rem 0.55rem;
313
+ border-radius: 9999px;
314
+ font-weight: 600;
315
+ letter-spacing: 0.05em;
316
+ }
317
+
318
+ .badge-amber { background: var(--amber-dim); color: #fbbf24; border: 1px solid rgba(245, 158, 11, 0.3); }
319
+ .badge-cyan { background: var(--cyan-dim); color: #22d3ee; border: 1px solid rgba(6, 182, 212, 0.3); }
320
+ .badge-indigo{ background: var(--indigo-dim); color: #a5b4fc; border: 1px solid rgba(99, 102, 241, 0.3); }
321
+ .badge-green { background: rgba(16, 185, 129, 0.12); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.25); }
322
+
323
+ .card-title {
324
+ font-size: 1.35rem;
325
+ font-weight: 700;
326
+ letter-spacing: -0.02em;
327
+ color: #ffffff;
328
+ margin-bottom: 0.5rem;
329
+ display: flex;
330
+ align-items: center;
331
+ gap: 0.5rem;
332
+ }
333
+
334
+ .card-desc {
335
+ font-size: 0.92rem;
336
+ color: var(--text-muted);
337
+ line-height: 1.5;
338
+ margin-bottom: 1.75rem;
339
+ }
340
+
341
+ /* BUTTON-IN-BUTTON NESTED ARCHITECTURE */
342
+ .btn-island {
343
+ display: inline-flex;
344
+ align-items: center;
345
+ justify-content: space-between;
346
+ gap: 1rem;
347
+ background: rgba(255, 255, 255, 0.06);
348
+ border: 1px solid rgba(255, 255, 255, 0.12);
349
+ padding: 0.55rem 0.65rem 0.55rem 1.25rem;
350
+ border-radius: 9999px;
351
+ color: #fff;
352
+ font-size: 0.85rem;
353
+ font-weight: 600;
354
+ text-decoration: none;
355
+ transition: all 0.25s var(--ease);
356
+ width: fit-content;
357
+ }
358
+
359
+ .btn-island:hover {
360
+ background: rgba(255, 255, 255, 0.12);
361
+ border-color: rgba(245, 158, 11, 0.4);
362
+ color: var(--amber);
363
+ }
364
+
365
+ .btn-island:active {
366
+ transform: scale(0.98);
367
+ }
368
+
369
+ .nested-icon-circle {
370
+ width: 28px;
371
+ height: 28px;
372
+ border-radius: 50%;
373
+ background: rgba(255, 255, 255, 0.08);
374
+ border: 1px solid rgba(255, 255, 255, 0.1);
375
+ display: flex;
376
+ align-items: center;
377
+ justify-content: center;
378
+ font-size: 0.85rem;
379
+ transition: transform 0.25s var(--ease);
380
+ }
381
+
382
+ .btn-island:hover .nested-icon-circle {
383
+ transform: translate(2px, -2px);
384
+ background: var(--amber);
385
+ color: #000;
386
+ border-color: var(--amber);
387
+ }
388
+
389
+ /* QUATERNARYONS 4D ROTOR INTERACTIVE CANVAS WIDGET */
390
+ .rotor-widget-container {
391
+ position: relative;
392
+ background: #06070a;
393
+ border: 1px solid rgba(255, 255, 255, 0.06);
394
+ border-radius: 14px;
395
+ padding: 1rem;
396
+ margin-bottom: 1.5rem;
397
+ overflow: hidden;
398
+ cursor: grab;
399
+ }
400
+
401
+ .rotor-widget-container:active {
402
+ cursor: grabbing;
403
+ }
404
+
405
+ #rotor-canvas {
406
+ width: 100%;
407
+ height: 210px;
408
+ display: block;
409
+ }
410
+
411
+ .rotor-telemetry {
412
+ display: flex;
413
+ align-items: center;
414
+ justify-content: space-between;
415
+ font-family: 'JetBrains Mono', monospace;
416
+ font-size: 0.72rem;
417
+ color: var(--text-dim);
418
+ padding-top: 0.65rem;
419
+ border-top: 1px solid rgba(255, 255, 255, 0.06);
420
+ }
421
+
422
+ .rotor-live-val {
423
+ color: var(--cyan);
424
+ font-weight: 500;
425
+ }
426
+
427
+ /* TERMINAL RUNNER CORE */
428
+ .terminal-box {
429
+ background: #040507;
430
+ border: 1px solid rgba(255, 255, 255, 0.08);
431
+ border-radius: 12px;
432
+ overflow: hidden;
433
+ font-family: 'JetBrains Mono', monospace;
434
+ margin-bottom: 1.5rem;
435
+ }
436
+
437
+ .terminal-nav {
438
+ background: rgba(255, 255, 255, 0.03);
439
+ padding: 0.5rem 0.85rem;
440
+ display: flex;
441
+ align-items: center;
442
+ justify-content: space-between;
443
+ border-bottom: 1px solid rgba(255, 255, 255, 0.05);
444
+ }
445
+
446
+ .terminal-tabs {
447
+ display: flex;
448
+ gap: 0.4rem;
449
+ }
450
+
451
+ .term-tab {
452
+ background: transparent;
453
+ border: none;
454
+ color: var(--text-dim);
455
+ font-family: inherit;
456
+ font-size: 0.7rem;
457
+ padding: 0.2rem 0.5rem;
458
+ border-radius: 4px;
459
+ cursor: pointer;
460
+ transition: all 0.2s var(--ease);
461
+ }
462
+
463
+ .term-tab.active {
464
+ color: var(--amber);
465
+ background: var(--amber-dim);
466
+ }
467
+
468
+ .terminal-code {
469
+ padding: 1rem;
470
+ font-size: 0.82rem;
471
+ display: flex;
472
+ align-items: center;
473
+ justify-content: space-between;
474
+ gap: 0.75rem;
475
+ overflow-x: auto;
476
+ }
477
+
478
+ .term-prompt { color: var(--amber); user-select: none; }
479
+ .term-cmd { color: #38bdf8; white-space: nowrap; }
480
+
481
+ .term-copy-btn {
482
+ background: rgba(255, 255, 255, 0.08);
483
+ border: 1px solid rgba(255, 255, 255, 0.12);
484
+ color: #e5e7eb;
485
+ font-family: inherit;
486
+ font-size: 0.7rem;
487
+ padding: 0.3rem 0.65rem;
488
+ border-radius: 6px;
489
+ cursor: pointer;
490
+ transition: all 0.2s var(--ease);
491
+ }
492
+
493
+ .term-copy-btn:hover {
494
+ background: rgba(245, 158, 11, 0.2);
495
+ border-color: rgba(245, 158, 11, 0.4);
496
+ color: #fff;
497
+ }
498
+
499
+ /* FOOTER */
500
+ footer {
501
+ border-top: 1px solid rgba(255, 255, 255, 0.07);
502
+ padding-top: 3rem;
503
+ display: flex;
504
+ flex-wrap: wrap;
505
+ align-items: center;
506
+ justify-content: space-between;
507
+ gap: 1.5rem;
508
+ color: var(--text-dim);
509
+ font-size: 0.82rem;
510
+ }
511
+
512
+ .footer-brand {
513
+ display: flex;
514
+ flex-direction: column;
515
+ gap: 0.35rem;
516
+ }
517
+
518
+ .footer-brand b {
519
+ color: #fff;
520
+ }
521
+
522
+ .footer-links {
523
+ display: flex;
524
+ gap: 1.5rem;
525
+ font-family: 'JetBrains Mono', monospace;
526
+ font-size: 0.78rem;
527
+ }
528
+
529
+ .footer-links a {
530
+ color: var(--text-muted);
531
+ text-decoration: none;
532
+ transition: color 0.2s;
533
+ }
534
+
535
+ .footer-links a:hover {
536
+ color: var(--amber);
537
+ }
538
+
539
+ /* RESPONSIVE OVERRIDES */
540
+ @media (max-width: 960px) {
541
+ .bento-grid {
542
+ grid-template-columns: 1fr;
543
+ }
544
+ .col-span-12, .col-span-8, .col-span-7, .col-span-6, .col-span-5, .col-span-4 {
545
+ grid-column: span 1 !important;
546
+ }
547
+ .island-nav {
548
+ border-radius: 18px;
549
+ }
550
+ }
551
+ </style>
552
+ </head>
553
+ <body>
554
+ <div class="film-grain"></div>
555
+ <div class="ambient-glow-top"></div>
556
+ <div class="ambient-glow-bottom"></div>
557
+
558
+ <div class="container">
559
+ <!-- Island Nav -->
560
+ <nav class="island-nav">
561
+ <div class="nav-left">
562
+ <div class="status-beacon">
563
+ <div class="beacon-dot"></div>
564
+ <span>HAVEN ACTIVE // 17 MEMBERS</span>
565
+ </div>
566
+ <span class="nav-meta">ORBITAL MISSION CONTROL</span>
567
+ </div>
568
+ <div class="nav-actions">
569
+ <a href="https://discord.gg/euy9hpu8Fe" target="_blank" rel="noopener noreferrer" class="nav-pill-btn">
570
+ <span>Discord</span> ↗
571
+ </a>
572
+ <a href="https://zenodo.org/communities/solstice-ai/" target="_blank" rel="noopener noreferrer" class="nav-pill-btn">
573
+ <span>CERN Zenodo</span> ↗
574
+ </a>
575
+ </div>
576
+ </nav>
577
+
578
+ <!-- Hero Section -->
579
+ <header class="hero">
580
+ <div class="eyebrow-badge">
581
+ <span>⚡ Non-Euclidean Mathematical Architecture</span>
582
+ </div>
583
+ <h1 class="hero-h1">
584
+ THE SOVEREIGN CRUCIBLE.<br>
585
+ <span class="gradient-gold">SOLSTICE AI FOUNDRY</span>
586
+ </h1>
587
+ <p class="hero-p">
588
+ We engineer open-weight frontier models, non-Euclidean 4D quaternion attention systems, and sub-millisecond edge quantization. Zero corporate slop. Fully reproducible.
589
+ </p>
590
+
591
+ <div class="hero-stats-strip">
592
+ <div class="stat-item">
593
+ <span class="stat-num">244,819+</span>
594
+ <span class="stat-label">Hugging Face Downloads</span>
595
+ </div>
596
+ <div class="stat-item">
597
+ <span class="stat-num">49</span>
598
+ <span class="stat-label">Open Public Models</span>
599
+ </div>
600
+ <div class="stat-item">
601
+ <span class="stat-num">10.5281</span>
602
+ <span class="stat-label">CERN Zenodo Verified DOI</span>
603
+ </div>
604
+ <div class="stat-item">
605
+ <span class="stat-num">17</span>
606
+ <span class="stat-label">Foundry Researchers</span>
607
+ </div>
608
+ </div>
609
+ </header>
610
+
611
+ <!-- ASYMMETRICAL BENTO GRID -->
612
+ <main class="bento-grid">
613
+
614
+ <!-- BENTO 1: QuATernaryons 4D Rotor Interactive Laboratory (col-span-8) -->
615
+ <section class="double-bezel col-span-8">
616
+ <div class="bezel-core">
617
+ <div>
618
+ <div class="card-eyebrow">
619
+ <span>01 // MATHEMATICAL FOUNDATION</span>
620
+ <span class="badge-pill badge-amber">CERN • OpenAIRE Indexed</span>
621
+ </div>
622
+ <h2 class="card-title">QuATernaryons Architecture v0.2.0</h2>
623
+ <p class="card-desc">
624
+ Non-Euclidean 4D Quaternion Rotor Attention mechanism for long-context LLMs and vision transformers. Replaces Euclidean dot products with hyperspherical rotor manifolds on $S^3$. Drag the 4D hyper-torus below:
625
+ </p>
626
+
627
+ <!-- Interactive 4D Canvas -->
628
+ <div class="rotor-widget-container" id="rotor-container" title="Click and drag to rotate the 4D Quaternion Rotor">
629
+ <canvas id="rotor-canvas"></canvas>
630
+ <div class="rotor-telemetry">
631
+ <span>ROTATION TENSOR: <span class="rotor-live-val" id="rotor-tensor">q = [0.7071 + 0.5000i + 0.3536j + 0.3536k]</span></span>
632
+ <span>$S^3$ MANIFOLD: ACTIVE</span>
633
+ </div>
634
+ </div>
635
+ </div>
636
+
637
+ <a href="https://doi.org/10.5281/zenodo.23530592" target="_blank" rel="noopener noreferrer" class="btn-island">
638
+ <span>Inspect Paper on CERN Zenodo (DOI: 10.5281/zenodo.23530592)</span>
639
+ <div class="nested-icon-circle">↗</div>
640
+ </a>
641
+ </div>
642
+ </section>
643
+
644
+ <!-- BENTO 2: Discord Sanctuary (col-span-4) -->
645
+ <section class="double-bezel col-span-4">
646
+ <div class="bezel-core">
647
+ <div>
648
+ <div class="card-eyebrow">
649
+ <span>02 // COMMUNITY NEXUS</span>
650
+ <span class="badge-pill badge-green">Permanent Link</span>
651
+ </div>
652
+ <h2 class="card-title">Discord Haven</h2>
653
+ <p class="card-desc">
654
+ Direct researcher comms, model drop alerts, non-Euclidean debates, and late-night shitposting. Join the sanctuary.
655
+ </p>
656
+ </div>
657
+
658
+ <a href="https://discord.gg/euy9hpu8Fe" target="_blank" rel="noopener noreferrer" class="btn-island" style="width: 100%;">
659
+ <span>Enter Discord Sanctuary</span>
660
+ <div class="nested-icon-circle">↗</div>
661
+ </a>
662
+ </div>
663
+ </section>
664
+
665
+ <!-- BENTO 3: Project Anvil Inference Engine (col-span-6) -->
666
+ <section class="double-bezel col-span-6">
667
+ <div class="bezel-core">
668
+ <div>
669
+ <div class="card-eyebrow">
670
+ <span>03 // INFERENCE ENGINE</span>
671
+ <span class="badge-pill badge-indigo">Rust / C++ Core</span>
672
+ </div>
673
+ <h2 class="card-title">Project Anvil Local Runner</h2>
674
+ <p class="card-desc">
675
+ High-throughput local LLM runner optimized for Apple Silicon Metal, Blackwell NVFP4, and edge deployment without Python overhead.
676
+ </p>
677
+
678
+ <!-- Terminal Box -->
679
+ <div class="terminal-box">
680
+ <div class="terminal-nav">
681
+ <span style="font-size: 0.65rem; color: var(--text-dim);">RAPID CLI</span>
682
+ <div class="terminal-tabs">
683
+ <button class="term-tab active" onclick="switchTerm('anvil')">Anvil</button>
684
+ <button class="term-tab" onclick="switchTerm('hf')">HF CLI</button>
685
+ <button class="term-tab" onclick="switchTerm('curl')">Zenodo</button>
686
+ </div>
687
+ </div>
688
+ <div class="terminal-code">
689
+ <div>
690
+ <span class="term-prompt">$ </span>
691
+ <span class="term-cmd" id="terminal-cmd">anvil run hf:Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2</span>
692
+ </div>
693
+ <button class="term-copy-btn" id="copy-btn" onclick="copyTermCmd()">Copy</button>
694
+ </div>
695
+ </div>
696
+ </div>
697
+
698
+ <a href="https://github.com/Solstice-Labs/Anvil" target="_blank" rel="noopener noreferrer" class="btn-island">
699
+ <span>View GitHub Repository</span>
700
+ <div class="nested-icon-circle">↗</div>
701
+ </a>
702
+ </div>
703
+ </section>
704
+
705
+ <!-- BENTO 4: CERN Zenodo Community (col-span-6) -->
706
+ <section class="double-bezel col-span-6">
707
+ <div class="bezel-core">
708
+ <div>
709
+ <div class="card-eyebrow">
710
+ <span>04 // SCIENTIFIC ARCHIVES</span>
711
+ <span class="badge-pill badge-cyan">CERN Verified</span>
712
+ </div>
713
+ <h2 class="card-title">CERN Zenodo Community</h2>
714
+ <p class="card-desc">
715
+ Permanent scientific repository holding all peer-reviewed research preprints, cryptographic proofs, benchmark logs, and open dataset distributions.
716
+ </p>
717
+ </div>
718
+
719
+ <a href="https://zenodo.org/communities/solstice-ai/" target="_blank" rel="noopener noreferrer" class="btn-island">
720
+ <span>Browse Research Community</span>
721
+ <div class="nested-icon-circle">↗</div>
722
+ </a>
723
+ </div>
724
+ </section>
725
+
726
+ <!-- BENTO 5: Solstice-AI Flagship Models (col-span-4) -->
727
+ <section class="double-bezel col-span-4">
728
+ <div class="bezel-core">
729
+ <div>
730
+ <div class="card-eyebrow">
731
+ <span>05 // MODEL CATALOG</span>
732
+ <span class="badge-pill badge-amber">49 Models</span>
733
+ </div>
734
+ <h2 class="card-title">Flagship Releases</h2>
735
+ <p class="card-desc">
736
+ Frontier uncensored models: GLM-5.3-Flash, DeepSeek-V4.1-Protium, and Qwen-3.8-Cold-Fusion in MLX & GGUF.
737
+ </p>
738
+ </div>
739
+
740
+ <a href="https://huggingface.co/Solstice-AI" target="_blank" rel="noopener noreferrer" class="btn-island" style="width: 100%;">
741
+ <span>Browse 49 Models</span>
742
+ <div class="nested-icon-circle">↗</div>
743
+ </a>
744
+ </div>
745
+ </section>
746
+
747
+ <!-- BENTO 6: SolsticeAI Foundry Collective (col-span-4) -->
748
+ <section class="double-bezel col-span-4">
749
+ <div class="bezel-core">
750
+ <div>
751
+ <div class="card-eyebrow">
752
+ <span>06 // COLLABORATIVE ORG</span>
753
+ <span class="badge-pill badge-green">17 Members</span>
754
+ </div>
755
+ <h2 class="card-title">SolsticeAI Foundry</h2>
756
+ <p class="card-desc">
757
+ Community research namespace for public fine-tunes, open dataset mirrors, quantizations, and collective experiments.
758
+ </p>
759
+ </div>
760
+
761
+ <a href="https://huggingface.co/SolsticeAIFoundry" target="_blank" rel="noopener noreferrer" class="btn-island" style="width: 100%;">
762
+ <span>Enter Foundry Org</span>
763
+ <div class="nested-icon-circle">↗</div>
764
+ </a>
765
+ </div>
766
+ </section>
767
+
768
+ <!-- BENTO 7: Official Web Portal (col-span-4) -->
769
+ <section class="double-bezel col-span-4">
770
+ <div class="bezel-core">
771
+ <div>
772
+ <div class="card-eyebrow">
773
+ <span>07 // DIGITAL HEADQUARTERS</span>
774
+ <span class="badge-pill badge-cyan">solstice-ai.co</span>
775
+ </div>
776
+ <h2 class="card-title">Official Website</h2>
777
+ <p class="card-desc">
778
+ The flagship homepage, technical roadmap, architectural manifesto, and full research publication listings.
779
+ </p>
780
+ </div>
781
+
782
+ <a href="https://solstice-ai.co" target="_blank" rel="noopener noreferrer" class="btn-island" style="width: 100%;">
783
+ <span>Launch solstice-ai.co</span>
784
+ <div class="nested-icon-circle">↗</div>
785
+ </a>
786
+ </div>
787
+ </section>
788
+
789
+ <!-- BENTO 8: Verified Author & Broadcasts (col-span-12) -->
790
+ <section class="double-bezel col-span-12">
791
+ <div class="bezel-core" style="flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem;">
792
+ <div>
793
+ <div class="card-eyebrow" style="margin-bottom: 0.5rem;">
794
+ <span>08 // CRYPTOGRAPHIC RESEARCH IDENTITY</span>
795
+ </div>
796
+ <h3 style="font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 0.25rem;">
797
+ Shreyan Dushyant Gondaliya • ORCID: 0009-0000-1273-1458
798
+ </h3>
799
+ <p style="color: var(--text-muted); font-size: 0.88rem;">
800
+ Verified author of QuATernaryons (CERN Zenodo) • Founder of Solstice-AI & Project Anvil
801
+ </p>
802
+ </div>
803
+
804
+ <div style="display: flex; gap: 0.75rem; flex-wrap: wrap;">
805
+ <a href="https://orcid.org/0009-0000-1273-1458" target="_blank" rel="noopener noreferrer" class="btn-island">
806
+ <span>ORCID Profile</span>
807
+ <div class="nested-icon-circle">↗</div>
808
+ </a>
809
+ <a href="https://x.com/TheSolsticeAI" target="_blank" rel="noopener noreferrer" class="btn-island">
810
+ <span>Follow @TheSolsticeAI on X</span>
811
+ <div class="nested-icon-circle">↗</div>
812
+ </a>
813
+ </div>
814
+ </div>
815
+ </section>
816
+
817
+ </main>
818
+
819
+ <!-- Footer -->
820
+ <footer>
821
+ <div class="footer-brand">
822
+ <b>SOLSTICE AI FOUNDRY // MISSION CONTROL</b>
823
+ <span>Decentralized AI Architecture & Open Scientific Exploration.</span>
824
+ </div>
825
+ <div class="footer-links">
826
+ <a href="https://discord.gg/euy9hpu8Fe" target="_blank">Discord</a>
827
+ <a href="https://zenodo.org/communities/solstice-ai/" target="_blank">CERN Zenodo</a>
828
+ <a href="https://doi.org/10.5281/zenodo.23530592" target="_blank">QuATernaryons</a>
829
+ <a href="https://huggingface.co/Solstice-AI" target="_blank">Models</a>
830
+ <a href="https://github.com/Solstice-Labs/Anvil" target="_blank">GitHub</a>
831
+ </div>
832
+ </footer>
833
+ </div>
834
+
835
+ <script>
836
+ // -------------------------------------------------------------
837
+ // INTERACTIVE 4D QUATERNION ROTOR CANVAS SIMULATOR
838
+ // -------------------------------------------------------------
839
+ const canvas = document.getElementById('rotor-canvas');
840
+ const ctx = canvas.getContext('2d');
841
+ let width, height;
842
+
843
+ function resizeCanvas() {
844
+ const rect = canvas.getBoundingClientRect();
845
+ width = canvas.width = rect.width * window.devicePixelRatio;
846
+ height = canvas.height = rect.height * window.devicePixelRatio;
847
+ ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
848
+ }
849
+ window.addEventListener('resize', resizeCanvas);
850
+ resizeCanvas();
851
+
852
+ // 4D Hypercube / Quaternion Rotor Vertices
853
+ const vertices4D = [];
854
+ for (let x = -1; x <= 1; x += 2) {
855
+ for (let y = -1; y <= 1; y += 2) {
856
+ for (let z = -1; z <= 1; z += 2) {
857
+ for (let w = -1; w <= 1; w += 2) {
858
+ vertices4D.push([x * 0.7, y * 0.7, z * 0.7, w * 0.7]);
859
+ }
860
+ }
861
+ }
862
+ }
863
+
864
+ // Edges connecting vertices with distance 2 in 4D
865
+ const edges = [];
866
+ for (let i = 0; i < vertices4D.length; i++) {
867
+ for (let j = i + 1; j < vertices4D.length; j++) {
868
+ let diff = 0;
869
+ for (let k = 0; k < 4; k++) {
870
+ if (vertices4D[i][k] !== vertices4D[j][k]) diff++;
871
+ }
872
+ if (diff === 1) edges.push([i, j]);
873
+ }
874
+ }
875
+
876
+ let angleZW = 0.01;
877
+ let angleXY = 0.015;
878
+ let rotX = 0.3;
879
+ let rotY = 0.4;
880
+ let isDragging = false;
881
+ let lastMouseX = 0;
882
+ let lastMouseY = 0;
883
+
884
+ const container = document.getElementById('rotor-container');
885
+ container.addEventListener('mousedown', (e) => {
886
+ isDragging = true;
887
+ lastMouseX = e.clientX;
888
+ lastMouseY = e.clientY;
889
+ });
890
+ window.addEventListener('mouseup', () => { isDragging = false; });
891
+ window.addEventListener('mousemove', (e) => {
892
+ if (!isDragging) return;
893
+ const dx = e.clientX - lastMouseX;
894
+ const dy = e.clientY - lastMouseY;
895
+ rotY += dx * 0.008;
896
+ rotX += dy * 0.008;
897
+ lastMouseX = e.clientX;
898
+ lastMouseY = e.clientY;
899
+ });
900
+
901
+ // Touch support for mobile devices
902
+ container.addEventListener('touchstart', (e) => {
903
+ isDragging = true;
904
+ lastMouseX = e.touches[0].clientX;
905
+ lastMouseY = e.touches[0].clientY;
906
+ }, { passive: true });
907
+ window.addEventListener('touchend', () => { isDragging = false; });
908
+ window.addEventListener('touchmove', (e) => {
909
+ if (!isDragging) return;
910
+ const dx = e.touches[0].clientX - lastMouseX;
911
+ const dy = e.touches[0].clientY - lastMouseY;
912
+ rotY += dx * 0.008;
913
+ rotX += dy * 0.008;
914
+ lastMouseX = e.touches[0].clientX;
915
+ lastMouseY = e.touches[0].clientY;
916
+ }, { passive: true });
917
+
918
+ function render4D() {
919
+ const displayW = width / window.devicePixelRatio;
920
+ const displayH = height / window.devicePixelRatio;
921
+ ctx.clearRect(0, 0, displayW, displayH);
922
+
923
+ angleZW += 0.012;
924
+ angleXY += 0.008;
925
+
926
+ // Project vertices
927
+ const projected = [];
928
+ const cosZW = Math.cos(angleZW), sinZW = Math.sin(angleZW);
929
+ const cosXY = Math.cos(angleXY), sinXY = Math.sin(angleXY);
930
+ const cosRX = Math.cos(rotX), sinRX = Math.sin(rotX);
931
+ const cosRY = Math.cos(rotY), sinRY = Math.sin(rotY);
932
+
933
+ for (let i = 0; i < vertices4D.length; i++) {
934
+ let [x, y, z, w] = vertices4D[i];
935
+
936
+ // 4D Rotation in ZW plane
937
+ let z1 = z * cosZW - w * sinZW;
938
+ let w1 = z * sinZW + w * cosZW;
939
+
940
+ // 4D Rotation in XY plane
941
+ let x1 = x * cosXY - y * sinXY;
942
+ let y1 = x * sinXY + y * cosXY;
943
+
944
+ // Perspective projection from 4D to 3D
945
+ const distance4D = 2.2;
946
+ const wFactor = 1 / (distance4D - w1);
947
+ let x3 = x1 * wFactor;
948
+ let y3 = y1 * wFactor;
949
+ let z3 = z1 * wFactor;
950
+
951
+ // 3D Rotation by user drag (rotX, rotY)
952
+ let yRot = y3 * cosRX - z3 * sinRX;
953
+ let zRot = y3 * sinRX + z3 * cosRX;
954
+ let xRot = x3 * cosRY + zRot * sinRY;
955
+ let zFinal = -x3 * sinRY + zRot * cosRY;
956
+
957
+ // Perspective projection from 3D to 2D Screen
958
+ const distance3D = 3.0;
959
+ const scale = 230;
960
+ const screenX = displayW / 2 + (xRot / (distance3D + zFinal)) * scale;
961
+ const screenY = displayH / 2 + (yRot / (distance3D + zFinal)) * scale;
962
+
963
+ projected.push({ x: screenX, y: screenY, depth: w1 });
964
+ }
965
+
966
+ // Draw Edges with Hypersphere Glow
967
+ for (const [i, j] of edges) {
968
+ const p1 = projected[i];
969
+ const p2 = projected[j];
970
+ const alpha = Math.min(1, Math.max(0.15, (p1.depth + p2.depth + 1.4) * 0.45));
971
+
972
+ ctx.strokeStyle = `rgba(245, 158, 11, ${alpha * 0.75})`;
973
+ ctx.lineWidth = alpha > 0.4 ? 1.4 : 0.8;
974
+ ctx.beginPath();
975
+ ctx.moveTo(p1.x, p1.y);
976
+ ctx.lineTo(p2.x, p2.y);
977
+ ctx.stroke();
978
+ }
979
+
980
+ // Draw Vertices (Rotors)
981
+ for (const p of projected) {
982
+ ctx.fillStyle = '#06b6d4';
983
+ ctx.beginPath();
984
+ ctx.arc(p.x, p.y, 2.2, 0, Math.PI * 2);
985
+ ctx.fill();
986
+ }
987
+
988
+ // Live Telemetry Update
989
+ const q0 = Math.cos(angleZW / 2).toFixed(4);
990
+ const q1 = (Math.sin(angleZW / 2) * cosRY).toFixed(4);
991
+ const q2 = (Math.sin(angleZW / 2) * sinRY).toFixed(4);
992
+ const q3 = Math.sin(angleXY / 2).toFixed(4);
993
+ document.getElementById('rotor-tensor').textContent = `q = [${q0} + ${q1}i + ${q2}j + ${q3}k]`;
994
+
995
+ requestAnimationFrame(render4D);
996
+ }
997
+ render4D();
998
+
999
+ // -------------------------------------------------------------
1000
+ // TERMINAL SNIPPET SWITCHER
1001
+ // -------------------------------------------------------------
1002
+ const termSnippets = {
1003
+ anvil: 'anvil run hf:Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2',
1004
+ hf: 'hf download Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2',
1005
+ curl: 'curl -s https://zenodo.org/api/records/23530592 | jq .metadata.title'
1006
+ };
1007
+
1008
+ function switchTerm(key) {
1009
+ document.querySelectorAll('.term-tab').forEach(b => b.classList.remove('active'));
1010
+ event.target.classList.add('active');
1011
+ document.getElementById('terminal-cmd').textContent = termSnippets[key];
1012
+ }
1013
+
1014
+ function copyTermCmd() {
1015
+ const cmd = document.getElementById('terminal-cmd').textContent;
1016
+ navigator.clipboard.writeText(cmd).then(() => {
1017
+ const btn = document.getElementById('copy-btn');
1018
+ btn.textContent = 'COPIED!';
1019
+ setTimeout(() => { btn.textContent = 'Copy'; }, 1800);
1020
+ });
1021
+ }
1022
+ </script>
1023
+ </body>
1024
+ </html>