SolsticeAI commited on
Commit
fc57476
·
verified ·
1 Parent(s): 79e1cdf

Rebuild Mission Control with Awwwards Linear-tier Double-Bezel & 4D Quaternion Rotor Canvas

Browse files
Files changed (1) hide show
  1. index.html +737 -581
index.html CHANGED
@@ -3,26 +3,29 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>SolsticeAI Foundry | Mission Control & Ecosystem Hub</title>
7
- <meta name="description" content="Central mission control and nexus for SolsticeAI Foundry — open weights, CERN Zenodo community, QuATernaryons architecture, Discord sanctuary, Anvil engine, and models.">
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=Fira+Code:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
 
11
  <style>
12
  :root {
13
- --bg: #07090e;
14
- --card-bg: rgba(15, 19, 32, 0.72);
15
- --card-border: rgba(255, 255, 255, 0.08);
16
- --card-hover-border: rgba(245, 158, 11, 0.4);
17
- --card-hover-shadow: 0 12px 36px -8px rgba(245, 158, 11, 0.18), 0 0 24px -4px rgba(99, 102, 241, 0.2);
18
  --amber: #f59e0b;
19
- --amber-glow: rgba(245, 158, 11, 0.35);
20
- --cyan: #06b6d4;
21
  --indigo: #6366f1;
22
- --purple: #8b5cf6;
23
- --text-main: #f3f4f6;
 
 
 
24
  --text-muted: #9ca3af;
25
- --text-dim: #6b7280;
 
26
  }
27
 
28
  * {
@@ -34,833 +37,986 @@
34
  body {
35
  background-color: var(--bg);
36
  color: var(--text-main);
37
- font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
38
  min-height: 100vh;
39
- display: flex;
40
- flex-direction: column;
41
- position: relative;
42
  overflow-x: hidden;
43
  line-height: 1.5;
 
 
44
  }
45
 
46
- /* Cosmic Grid & Glow Canvas Background */
47
- #bg-canvas {
48
  position: fixed;
49
- top: 0;
50
- left: 0;
51
  width: 100vw;
52
  height: 100vh;
53
- z-index: 0;
54
  pointer-events: none;
 
 
55
  }
56
 
57
- .ambient-glow-1 {
 
58
  position: fixed;
59
- top: -150px;
60
  left: 50%;
61
  transform: translateX(-50%);
62
- width: 700px;
63
- height: 450px;
64
- background: radial-gradient(ellipse at center, rgba(245, 158, 11, 0.12) 0%, rgba(99, 102, 241, 0.08) 45%, transparent 70%);
65
- z-index: 0;
66
  pointer-events: none;
67
- filter: blur(50px);
 
68
  }
69
 
70
- .ambient-glow-2 {
71
  position: fixed;
72
  bottom: -150px;
73
- right: 10%;
74
- width: 600px;
75
- height: 400px;
76
- background: radial-gradient(ellipse at center, rgba(6, 182, 212, 0.08) 0%, rgba(139, 92, 246, 0.06) 50%, transparent 70%);
77
- z-index: 0;
78
  pointer-events: none;
79
- filter: blur(60px);
 
80
  }
81
 
82
  .container {
83
  position: relative;
84
- z-index: 1;
85
- max-width: 1180px;
86
  margin: 0 auto;
87
- padding: 2.5rem 1.5rem 4rem;
88
- width: 100%;
89
  }
90
 
91
- /* Top Telemetry Bar */
92
- .telemetry-bar {
93
  display: flex;
94
  align-items: center;
95
  justify-content: space-between;
96
  flex-wrap: wrap;
97
- gap: 0.75rem;
98
- padding: 0.55rem 1rem;
99
- background: rgba(13, 17, 28, 0.85);
100
- border: 1px solid rgba(255, 255, 255, 0.07);
101
  border-radius: 9999px;
102
- backdrop-filter: blur(12px);
103
- font-family: 'Fira Code', monospace;
104
- font-size: 0.75rem;
105
- color: var(--text-muted);
106
- margin-bottom: 2.75rem;
107
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
108
  }
109
 
110
- .telemetry-left {
111
  display: flex;
112
  align-items: center;
113
- gap: 0.6rem;
 
 
 
114
  }
115
 
116
- .telemetry-right {
117
  display: flex;
118
  align-items: center;
119
- gap: 1rem;
 
 
 
 
 
 
120
  }
121
 
122
- .status-dot {
123
- width: 8px;
124
- height: 8px;
125
  background: #10b981;
126
  border-radius: 50%;
127
- box-shadow: 0 0 10px #10b981;
128
  animation: pulse 2s infinite;
129
  }
130
 
131
  @keyframes pulse {
132
  0%, 100% { opacity: 1; transform: scale(1); }
133
- 50% { opacity: 0.5; transform: scale(0.9); }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
  }
135
 
136
  /* Hero Section */
137
  .hero {
138
- text-align: center;
139
- margin-bottom: 3.5rem;
140
  }
141
 
142
- .brand-mark {
143
  display: inline-flex;
144
  align-items: center;
145
- justify-content: center;
146
- width: 72px;
147
- height: 72px;
148
- background: linear-gradient(135deg, rgba(245, 158, 11, 0.18), rgba(99, 102, 241, 0.22));
149
- border: 1px solid rgba(245, 158, 11, 0.4);
150
- border-radius: 20px;
 
 
 
 
151
  margin-bottom: 1.5rem;
152
- box-shadow: 0 0 35px rgba(245, 158, 11, 0.25);
153
- position: relative;
154
  }
155
 
156
- .brand-mark svg {
157
- width: 38px;
158
- height: 38px;
159
- fill: none;
160
- stroke: var(--amber);
161
- stroke-width: 2;
 
 
162
  }
163
 
164
- .hero-title {
165
- font-size: clamp(2.2rem, 5vw, 3.75rem);
166
- font-weight: 900;
167
- letter-spacing: -0.04em;
168
- line-height: 1.08;
169
- margin-bottom: 1rem;
170
- background: linear-gradient(135deg, #ffffff 30%, #e0e7ff 70%, #f59e0b 100%);
171
  -webkit-background-clip: text;
172
  -webkit-text-fill-color: transparent;
173
  }
174
 
175
- .hero-subtitle {
176
- font-size: clamp(1rem, 2vw, 1.25rem);
177
  color: var(--text-muted);
178
- max-width: 680px;
179
- margin: 0 auto 1.75rem;
180
  font-weight: 400;
 
 
181
  }
182
 
183
- .stat-pills {
184
  display: flex;
185
  flex-wrap: wrap;
186
- justify-content: center;
187
- gap: 0.65rem;
188
- margin-top: 1.25rem;
 
 
189
  }
190
 
191
- .stat-pill {
192
- font-family: 'Fira Code', monospace;
193
- font-size: 0.78rem;
194
- background: rgba(255, 255, 255, 0.04);
195
- border: 1px solid rgba(255, 255, 255, 0.09);
196
- padding: 0.4rem 0.85rem;
197
- border-radius: 9999px;
198
- color: #e5e7eb;
199
  display: flex;
200
- align-items: center;
201
- gap: 0.45rem;
202
  }
203
 
204
- .stat-pill b {
205
- color: var(--amber);
 
 
 
206
  }
207
 
208
- /* Grid Layout */
209
- .section-label {
210
- font-family: 'Fira Code', monospace;
211
- font-size: 0.8rem;
212
  text-transform: uppercase;
213
- letter-spacing: 0.12em;
214
- color: var(--amber);
215
- margin-bottom: 1.25rem;
216
- display: flex;
217
- align-items: center;
218
- gap: 0.5rem;
219
  }
220
 
221
- .section-label::after {
222
- content: '';
223
- flex: 1;
224
- height: 1px;
225
- background: linear-gradient(to right, rgba(245, 158, 11, 0.4), transparent);
 
 
 
226
  }
227
 
228
- .grid {
229
- display: grid;
230
- grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
231
- gap: 1.35rem;
232
- margin-bottom: 3.5rem;
233
  }
234
 
235
- /* Glass Cards */
236
- .card {
237
- background: var(--card-bg);
238
- border: 1px solid var(--card-border);
239
- border-radius: 16px;
240
- padding: 1.5rem;
241
  display: flex;
242
  flex-direction: column;
243
  justify-content: space-between;
244
- text-decoration: none;
245
- color: inherit;
246
- transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
247
- backdrop-filter: blur(14px);
248
  position: relative;
249
  overflow: hidden;
250
  }
251
 
252
- .card::before {
253
- content: '';
254
- position: absolute;
255
- top: 0;
256
- left: 0;
257
- right: 0;
258
- height: 2px;
259
- background: linear-gradient(90deg, transparent, transparent, transparent);
260
- transition: all 0.28s ease;
261
- }
262
-
263
- .card:hover {
264
- transform: translateY(-4px);
265
- border-color: var(--card-hover-border);
266
- box-shadow: var(--card-hover-shadow);
267
- }
268
-
269
- .card:hover::before {
270
- background: linear-gradient(90deg, transparent, var(--amber), var(--indigo), transparent);
271
- }
272
-
273
- /* Card Variations */
274
- .card.primary-spotlight {
275
- background: linear-gradient(145deg, rgba(245, 158, 11, 0.08), rgba(15, 19, 32, 0.85));
276
- border-color: rgba(245, 158, 11, 0.28);
277
- }
278
-
279
- .card.science-spotlight {
280
- background: linear-gradient(145deg, rgba(6, 182, 212, 0.08), rgba(15, 19, 32, 0.85));
281
- border-color: rgba(6, 182, 212, 0.28);
282
- }
283
-
284
- .card.engine-spotlight {
285
- background: linear-gradient(145deg, rgba(139, 92, 246, 0.08), rgba(15, 19, 32, 0.85));
286
- border-color: rgba(139, 92, 246, 0.28);
287
  }
288
 
289
- .card-top {
290
- display: flex;
291
- align-items: flex-start;
292
- justify-content: space-between;
293
- gap: 0.75rem;
294
- margin-bottom: 1rem;
295
- }
296
 
297
- .card-icon-wrap {
298
- width: 44px;
299
- height: 44px;
300
- border-radius: 12px;
301
  display: flex;
302
  align-items: center;
303
- justify-content: center;
304
- background: rgba(255, 255, 255, 0.05);
305
- border: 1px solid rgba(255, 255, 255, 0.08);
306
- font-size: 1.35rem;
307
- }
308
-
309
- .badge {
310
- font-family: 'Fira Code', monospace;
311
  font-size: 0.68rem;
312
  text-transform: uppercase;
313
- letter-spacing: 0.06em;
314
- padding: 0.25rem 0.6rem;
315
- border-radius: 6px;
316
- background: rgba(255, 255, 255, 0.06);
317
- border: 1px solid rgba(255, 255, 255, 0.1);
318
- color: var(--text-muted);
319
- font-weight: 600;
320
- }
321
-
322
- .badge.gold {
323
- background: rgba(245, 158, 11, 0.15);
324
- border-color: rgba(245, 158, 11, 0.35);
325
- color: #fbbf24;
326
- }
327
-
328
- .badge.cyan {
329
- background: rgba(6, 182, 212, 0.15);
330
- border-color: rgba(6, 182, 212, 0.35);
331
- color: #22d3ee;
332
  }
333
 
334
- .badge.purple {
335
- background: rgba(168, 85, 247, 0.15);
336
- border-color: rgba(168, 85, 247, 0.35);
337
- color: #c084fc;
 
 
338
  }
339
 
340
- .badge.green {
341
- background: rgba(16, 185, 129, 0.15);
342
- border-color: rgba(16, 185, 129, 0.35);
343
- color: #34d399;
344
- }
345
 
346
  .card-title {
347
- font-size: 1.22rem;
348
  font-weight: 700;
 
349
  color: #ffffff;
350
- margin-bottom: 0.45rem;
351
  display: flex;
352
  align-items: center;
353
- gap: 0.45rem;
354
  }
355
 
356
  .card-desc {
357
- font-size: 0.88rem;
358
  color: var(--text-muted);
359
- line-height: 1.45;
360
- margin-bottom: 1.25rem;
361
  }
362
 
363
- .card-footer {
364
- display: flex;
 
365
  align-items: center;
366
  justify-content: space-between;
367
- padding-top: 0.85rem;
368
- border-top: 1px solid rgba(255, 255, 255, 0.06);
369
- font-size: 0.82rem;
 
 
 
 
370
  font-weight: 600;
371
- color: var(--text-main);
 
 
 
 
 
 
 
 
372
  }
373
 
374
- .card-link-text {
 
 
 
 
 
 
 
 
 
375
  display: flex;
376
  align-items: center;
377
- gap: 0.35rem;
378
- color: #e5e7eb;
379
- transition: color 0.2s ease;
380
  }
381
 
382
- .card:hover .card-link-text {
383
- color: var(--amber);
 
 
 
384
  }
385
 
386
- .card-arrow {
387
- font-size: 1rem;
388
- transition: transform 0.2s ease;
 
 
 
 
 
 
 
389
  }
390
 
391
- .card:hover .card-arrow {
392
- transform: translateX(4px);
393
  }
394
 
395
- /* Terminal Sandbox */
396
- .terminal-section {
397
- background: rgba(10, 13, 22, 0.9);
398
- border: 1px solid rgba(255, 255, 255, 0.09);
399
- border-radius: 16px;
400
- overflow: hidden;
401
- margin-bottom: 3.5rem;
402
- box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
403
  }
404
 
405
- .terminal-header {
406
- background: rgba(18, 24, 38, 0.95);
407
- padding: 0.75rem 1.25rem;
408
  display: flex;
409
  align-items: center;
410
  justify-content: space-between;
411
- border-bottom: 1px solid rgba(255, 255, 255, 0.07);
 
 
 
 
412
  }
413
 
414
- .terminal-dots {
415
- display: flex;
416
- align-items: center;
417
- gap: 6px;
418
  }
419
 
420
- .dot {
421
- width: 10px;
422
- height: 10px;
423
- border-radius: 50%;
 
 
 
 
424
  }
425
 
426
- .dot.red { background: #ef4444; }
427
- .dot.yellow { background: #f59e0b; }
428
- .dot.green { background: #10b981; }
429
-
430
- .terminal-title {
431
- font-family: 'Fira Code', monospace;
432
- font-size: 0.75rem;
433
- color: var(--text-dim);
434
  }
435
 
436
  .terminal-tabs {
437
  display: flex;
438
- gap: 0.5rem;
439
  }
440
 
441
- .terminal-tab {
442
  background: transparent;
443
  border: none;
444
  color: var(--text-dim);
445
- font-family: 'Fira Code', monospace;
446
- font-size: 0.75rem;
447
  padding: 0.2rem 0.5rem;
448
- cursor: pointer;
449
  border-radius: 4px;
450
- transition: all 0.2s;
 
451
  }
452
 
453
- .terminal-tab.active, .terminal-tab:hover {
454
  color: var(--amber);
455
- background: rgba(245, 158, 11, 0.1);
456
  }
457
 
458
- .terminal-body {
459
- padding: 1.25rem 1.5rem;
460
- font-family: 'Fira Code', monospace;
461
- font-size: 0.88rem;
462
  display: flex;
463
  align-items: center;
464
  justify-content: space-between;
465
- gap: 1rem;
466
  overflow-x: auto;
467
  }
468
 
469
- .terminal-command {
470
- color: #38bdf8;
471
- display: flex;
472
- align-items: center;
473
- gap: 0.6rem;
474
- white-space: nowrap;
475
- }
476
 
477
- .terminal-prompt {
478
- color: #f59e0b;
479
- user-select: none;
480
- }
481
-
482
- .copy-btn {
483
- background: rgba(255, 255, 255, 0.06);
484
  border: 1px solid rgba(255, 255, 255, 0.12);
485
  color: #e5e7eb;
486
- font-family: 'Fira Code', monospace;
487
- font-size: 0.75rem;
488
- padding: 0.45rem 0.85rem;
489
  border-radius: 6px;
490
  cursor: pointer;
491
- display: flex;
492
- align-items: center;
493
- gap: 0.4rem;
494
- transition: all 0.2s;
495
- white-space: nowrap;
496
  }
497
 
498
- .copy-btn:hover {
499
  background: rgba(245, 158, 11, 0.2);
500
  border-color: rgba(245, 158, 11, 0.4);
501
  color: #fff;
502
  }
503
 
504
- /* Footer */
505
  footer {
506
- text-align: center;
507
- padding-top: 2rem;
508
  border-top: 1px solid rgba(255, 255, 255, 0.07);
 
 
 
 
 
 
509
  color: var(--text-dim);
510
  font-size: 0.82rem;
511
  }
512
 
513
- .footer-credits {
514
- margin-bottom: 0.5rem;
515
- color: var(--text-muted);
 
516
  }
517
 
518
- .footer-credits a {
519
- color: var(--amber);
 
 
 
 
 
 
 
 
 
 
 
520
  text-decoration: none;
 
521
  }
522
 
523
- .footer-credits a:hover {
524
- text-decoration: underline;
525
  }
526
 
527
- @media (max-width: 640px) {
528
- .grid {
 
529
  grid-template-columns: 1fr;
530
  }
531
- .telemetry-bar {
532
- border-radius: 12px;
 
 
 
533
  }
534
  }
535
  </style>
536
  </head>
537
  <body>
538
- <canvas id="bg-canvas"></canvas>
539
- <div class="ambient-glow-1"></div>
540
- <div class="ambient-glow-2"></div>
541
 
542
  <div class="container">
543
- <!-- Telemetry Header -->
544
- <div class="telemetry-bar">
545
- <div class="telemetry-left">
546
- <div class="status-dot"></div>
547
- <span>HAVEN MISSION CONTROL // ALL SYSTEMS ONLINE</span>
 
 
 
548
  </div>
549
- <div class="telemetry-right">
550
- <span>CERN ZENODO: VERIFIED</span>
551
- <span>AUTH: UNRESTRICTED</span>
 
 
 
 
552
  </div>
553
- </div>
554
 
555
  <!-- Hero Section -->
556
  <header class="hero">
557
- <div class="brand-mark">
558
- <svg viewBox="0 0 24 24">
559
- <circle cx="12" cy="12" r="4" stroke-width="2.5" />
560
- <path d="M12 2v3m0 14v3M2 12h3m14 0h3" />
561
- <path d="M4.93 4.93l2.12 2.12m9.9 9.9l2.12 2.12M4.93 19.07l2.12-2.12m9.9-9.9l2.12-2.12" stroke-opacity="0.5" />
562
- </svg>
563
  </div>
564
- <h1 class="hero-title">SOLSTICE AI FOUNDRY</h1>
565
- <p class="hero-subtitle">
566
- The Open-Weights Research Haven & Mathematical AI Crucible. Non-Euclidean architectures, edge quantization, and frontier LLM experiments.
 
 
 
567
  </p>
568
 
569
- <div class="stat-pills">
570
- <div class="stat-pill"><b>244,819+</b> HF Downloads</div>
571
- <div class="stat-pill"><b>49</b> Open Models</div>
572
- <div class="stat-pill"><b>CERN</b> Zenodo Community</div>
573
- <div class="stat-pill"><b>v0.2.0</b> QuATernaryons</div>
574
- <div class="stat-pill"><b>100%</b> Zero Corporate Slop</div>
575
- </div>
576
- </header>
577
-
578
- <!-- Terminal Command Runner -->
579
- <div class="terminal-section">
580
- <div class="terminal-header">
581
- <div class="terminal-dots">
582
- <div class="dot red"></div>
583
- <div class="dot yellow"></div>
584
- <div class="dot green"></div>
585
  </div>
586
- <div class="terminal-title">TERMINAL // RAPID INFERENCE</div>
587
- <div class="terminal-tabs">
588
- <button class="terminal-tab active" onclick="switchSnippet('anvil')">Anvil</button>
589
- <button class="terminal-tab" onclick="switchSnippet('hf')">HF CLI</button>
590
- <button class="terminal-tab" onclick="switchSnippet('zenodo')">Zenodo DOI</button>
591
  </div>
592
- </div>
593
- <div class="terminal-body">
594
- <div class="terminal-command">
595
- <span class="terminal-prompt">$</span>
596
- <span id="cmd-text">anvil run hf:Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2</span>
 
 
597
  </div>
598
- <button class="copy-btn" id="copy-btn" onclick="copyCommand()">
599
- <span id="copy-label">Copy</span>
600
- </button>
601
  </div>
602
- </div>
603
-
604
- <!-- Core Havens Grid -->
605
- <div class="section-label">01 // THE CORE SANCTUARY & HUBS</div>
606
- <div class="grid">
607
- <!-- Discord Card -->
608
- <a href="https://discord.gg/euy9hpu8Fe" target="_blank" rel="noopener noreferrer" class="card primary-spotlight">
609
- <div>
610
- <div class="card-top">
611
- <div class="card-icon-wrap" style="color: #5865F2;">👾</div>
612
- <span class="badge gold">Permanent Link</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
613
  </div>
614
- <h2 class="card-title">Discord Haven</h2>
615
- <p class="card-desc">
616
- The beating heart of Solstice. Direct researcher sync, model fine-tuning collabs, architecture debates, announcements, and active shitposting.
617
- </p>
618
- </div>
619
- <div class="card-footer">
620
- <span>discord.gg/euy9hpu8Fe</span>
621
- <span class="card-link-text">Join Haven <span class="card-arrow">→</span></span>
622
  </div>
623
- </a>
624
-
625
- <!-- CERN Zenodo Community Card -->
626
- <a href="https://zenodo.org/communities/solstice-ai/" target="_blank" rel="noopener noreferrer" class="card science-spotlight">
627
- <div>
628
- <div class="card-top">
629
- <div class="card-icon-wrap" style="color: #06b6d4;">⚛️</div>
630
- <span class="badge cyan">CERN • OpenAIRE</span>
 
 
 
 
 
 
631
  </div>
632
- <h2 class="card-title">CERN Zenodo Community</h2>
633
- <p class="card-desc">
634
- Official archival home for Solstice-AI scientific manuscripts, academic DOIs, mathematical proofs, and reproducible open datasets.
635
- </p>
636
- </div>
637
- <div class="card-footer">
638
- <span>zenodo.org/communities/solstice-ai</span>
639
- <span class="card-link-text">Explore Research <span class="card-arrow">→</span></span>
640
  </div>
641
- </a>
642
-
643
- <!-- QuATernaryons Paper Card -->
644
- <a href="https://doi.org/10.5281/zenodo.23530592" target="_blank" rel="noopener noreferrer" class="card science-spotlight">
645
- <div>
646
- <div class="card-top">
647
- <div class="card-icon-wrap" style="color: #f59e0b;">📜</div>
648
- <span class="badge gold">DOI: 10.5281/zenodo.23530592</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
649
  </div>
650
- <h2 class="card-title">QuATernaryons Paper v0.2.0</h2>
651
- <p class="card-desc">
652
- Non-Euclidean 4D Quaternion Rotor Attention for LLMs & Vision. Verified concept DOI 10.5281/zenodo.23043500 indexed in CERN & OpenAIRE.
653
- </p>
654
- </div>
655
- <div class="card-footer">
656
- <span>Zenodo / CERN Ingested</span>
657
- <span class="card-link-text">Read Paper <span class="card-arrow">→</span></span>
658
  </div>
659
- </a>
660
-
661
- <!-- Hugging Face Foundry Org -->
662
- <a href="https://huggingface.co/SolsticeAIFoundry" target="_blank" rel="noopener noreferrer" class="card">
663
- <div>
664
- <div class="card-top">
665
- <div class="card-icon-wrap" style="color: #fbbf24;">🤗</div>
666
- <span class="badge green">Foundry Workspace</span>
 
 
 
 
 
 
667
  </div>
668
- <h2 class="card-title">HF Foundry Org</h2>
669
- <p class="card-desc">
670
- Our collaborative community playground on Hugging Face. Fine-tunes, quantizations, community experiments, and public discussions.
671
- </p>
672
- </div>
673
- <div class="card-footer">
674
- <span>huggingface.co/SolsticeAIFoundry</span>
675
- <span class="card-link-text">Enter Foundry <span class="card-arrow">→</span></span>
676
  </div>
677
- </a>
678
-
679
- <!-- Main Solstice-AI Hugging Face Profile -->
680
- <a href="https://huggingface.co/Solstice-AI" target="_blank" rel="noopener noreferrer" class="card">
681
- <div>
682
- <div class="card-top">
683
- <div class="card-icon-wrap" style="color: #6366f1;">⚡</div>
684
- <span class="badge purple">49 Models • 113k+ DL</span>
 
 
 
 
 
 
685
  </div>
686
- <h2 class="card-title">Flagship Solstice Models</h2>
687
- <p class="card-desc">
688
- Download frontier uncensored models: GLM-5.3-Flash, DeepSeek-V4.1-Flash Protium, and Qwen-3.8 Cold-Fusion in MLX & GGUF formats.
689
- </p>
690
- </div>
691
- <div class="card-footer">
692
- <span>huggingface.co/Solstice-AI</span>
693
- <span class="card-link-text">Model Catalog <span class="card-arrow">→</span></span>
694
  </div>
695
- </a>
696
-
697
- <!-- Anvil Inference Engine -->
698
- <a href="https://github.com/Solstice-Labs/Anvil" target="_blank" rel="noopener noreferrer" class="card engine-spotlight">
699
- <div>
700
- <div class="card-top">
701
- <div class="card-icon-wrap" style="color: #ec4899;">🔨</div>
702
- <span class="badge purple">GitHub Engine</span>
 
 
 
 
 
 
703
  </div>
704
- <h2 class="card-title">Project Anvil</h2>
705
- <p class="card-desc">
706
- High-throughput, lightweight local inference engine built to run Solstice models and quantized weights at blazing speeds on edge silicon.
707
- </p>
708
- </div>
709
- <div class="card-footer">
710
- <span>github.com/Solstice-Labs/Anvil</span>
711
- <span class="card-link-text">Fork Repo <span class="card-arrow">→</span></span>
712
  </div>
713
- </a>
714
-
715
- <!-- Official Website -->
716
- <a href="https://solstice-ai.co" target="_blank" rel="noopener noreferrer" class="card">
717
- <div>
718
- <div class="card-top">
719
- <div class="card-icon-wrap" style="color: #38bdf8;">🌐</div>
720
- <span class="badge cyan">Official Domain</span>
 
 
 
 
 
 
721
  </div>
722
- <h2 class="card-title">solstice-ai.co</h2>
723
- <p class="card-desc">
724
- The main Solstice AI digital headquarters. Technical roadmap, architecture breakdowns, ecosystem directory, and project vision.
725
- </p>
726
- </div>
727
- <div class="card-footer">
728
- <span>solstice-ai.co</span>
729
- <span class="card-link-text">Visit Portal <span class="card-arrow">→</span></span>
730
  </div>
731
- </a>
732
-
733
- <!-- X / Twitter -->
734
- <a href="https://x.com/TheSolsticeAI" target="_blank" rel="noopener noreferrer" class="card">
735
- <div>
736
- <div class="card-top">
737
- <div class="card-icon-wrap" style="color: #ffffff;">🐦</div>
738
- <span class="badge">@TheSolsticeAI</span>
 
 
 
 
 
 
 
739
  </div>
740
- <h2 class="card-title">X Broadcasts</h2>
741
- <p class="card-desc">
742
- Real-time model releases, raw benchmark charts, mathematical insights, and spicy takes on open-source edge AI sovereignty.
743
- </p>
744
- </div>
745
- <div class="card-footer">
746
- <span>x.com/TheSolsticeAI</span>
747
- <span class="card-link-text">Follow Transmission <span class="card-arrow">→</span></span>
748
- </div>
749
- </a>
750
-
751
- <!-- Author ORCID -->
752
- <a href="https://orcid.org/0009-0000-1273-1458" target="_blank" rel="noopener noreferrer" class="card">
753
- <div>
754
- <div class="card-top">
755
- <div class="card-icon-wrap" style="color: #a3e635;">🆔</div>
756
- <span class="badge green">Researcher ID</span>
757
  </div>
758
- <h2 class="card-title">ORCID Registry</h2>
759
- <p class="card-desc">
760
- Official cryptographic academic record for Shreyan Dushyant Gondaliya — verified author of QuATernaryons and Solstice AI initiatives.
761
- </p>
762
  </div>
763
- <div class="card-footer">
764
- <span>0009-0000-1273-1458</span>
765
- <span class="card-link-text">View Record <span class="card-arrow">→</span></span>
766
- </div>
767
- </a>
768
- </div>
769
 
770
  <!-- Footer -->
771
  <footer>
772
- <div class="footer-credits">
773
- Built with pride for the open-source community by <a href="https://solstice-ai.co">Solstice AI</a> & <a href="https://huggingface.co/SolsticeAIFoundry">SolsticeAIFoundry</a>.
 
774
  </div>
775
- <div>
776
- Permanent Discord: <a href="https://discord.gg/euy9hpu8Fe" style="color: #9ca3af;">discord.gg/euy9hpu8Fe</a> • CERN Community: <a href="https://zenodo.org/communities/solstice-ai/" style="color: #9ca3af;">zenodo.org/communities/solstice-ai</a>
 
 
 
 
777
  </div>
778
  </footer>
779
  </div>
780
 
781
  <script>
782
- // Starfield Particle Canvas
783
- const canvas = document.getElementById('bg-canvas');
 
 
784
  const ctx = canvas.getContext('2d');
785
- let width = canvas.width = window.innerWidth;
786
- let height = canvas.height = window.innerHeight;
787
-
788
- window.addEventListener('resize', () => {
789
- width = canvas.width = window.innerWidth;
790
- height = canvas.height = window.innerHeight;
791
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
792
 
793
- const particles = [];
794
- const count = 45;
795
- for (let i = 0; i < count; i++) {
796
- particles.push({
797
- x: Math.random() * width,
798
- y: Math.random() * height,
799
- r: Math.random() * 1.5 + 0.5,
800
- alpha: Math.random() * 0.5 + 0.2,
801
- dx: (Math.random() - 0.5) * 0.25,
802
- dy: (Math.random() - 0.5) * 0.25
803
- });
804
  }
805
 
806
- function renderCanvas() {
807
- ctx.clearRect(0, 0, width, height);
 
 
 
 
 
808
 
809
- // Subtle Grid
810
- ctx.strokeStyle = 'rgba(255, 255, 255, 0.015)';
811
- ctx.lineWidth = 1;
812
- const step = 48;
813
- for (let x = 0; x < width; x += step) {
814
- ctx.beginPath();
815
- ctx.moveTo(x, 0);
816
- ctx.lineTo(x, height);
817
- ctx.stroke();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
818
  }
819
- for (let y = 0; y < height; y += step) {
 
 
 
 
 
 
 
 
820
  ctx.beginPath();
821
- ctx.moveTo(0, y);
822
- ctx.lineTo(width, y);
823
  ctx.stroke();
824
  }
825
 
826
- // Particles
827
- for (const p of particles) {
828
- p.x += p.dx;
829
- p.y += p.dy;
830
- if (p.x < 0) p.x = width;
831
- if (p.x > width) p.x = 0;
832
- if (p.y < 0) p.y = height;
833
- if (p.y > height) p.y = 0;
834
-
835
- ctx.fillStyle = `rgba(245, 158, 11, ${p.alpha})`;
836
  ctx.beginPath();
837
- ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
838
  ctx.fill();
839
  }
840
 
841
- requestAnimationFrame(renderCanvas);
 
 
 
 
 
 
 
842
  }
843
- renderCanvas();
844
 
845
- // Command Switcher
846
- const snippets = {
 
 
847
  anvil: 'anvil run hf:Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2',
848
  hf: 'hf download Solstice-AI/GLM-5.3-Flash-UNCENSORED-mlx-oQ4e-DFlash2',
849
- zenodo: 'curl -s https://zenodo.org/api/records/23530592 | jq .metadata.title'
850
  };
851
 
852
- function switchSnippet(key) {
853
- document.querySelectorAll('.terminal-tab').forEach(t => t.classList.remove('active'));
854
  event.target.classList.add('active');
855
- document.getElementById('cmd-text').textContent = snippets[key];
856
  }
857
 
858
- function copyCommand() {
859
- const text = document.getElementById('cmd-text').textContent;
860
- navigator.clipboard.writeText(text).then(() => {
861
- const label = document.getElementById('copy-label');
862
- label.textContent = 'COPIED!';
863
- setTimeout(() => { label.textContent = 'Copy'; }, 2000);
864
  });
865
  }
866
  </script>
 
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
  * {
 
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>