-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
860 lines (798 loc) · 55.7 KB
/
Copy pathindex.html
File metadata and controls
860 lines (798 loc) · 55.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Interchained — Ecosystem Release Hub</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="styles.css?v=19901991" />
</head>
<body>
<!-- cinematic background layers -->
<div class="bg-field"></div>
<div class="bg-grid" id="bgGrid"></div>
<div class="bg-stars" id="bgStars"></div>
<!-- ============================ NAV ============================ -->
<nav class="nav" id="nav">
<div class="nav-inner">
<a class="brand" href="#top">
<img src="assets/itc-coin.png" alt="Interchained coin" />
<span class="bn">Interchained<small>Proof of Work · ITC</small></span>
</a>
<div class="nav-links" id="navLinks">
<a href="#ecosystem">Ecosystem</a>
<a href="#releases">Releases</a>
<a href="#portals">Portals</a>
<a href="#build">Build</a>
<a href="#learn">Learn</a>
<a href="#earn">Earn</a>
<a href="#explore">Explore</a>
<a href="#community">Community</a>
</div>
<a class="btn btn-gold btn-sm nav-cta pulse-ring" href="https://vision.interchained.org" target="_blank" rel="noopener">Launch Vision <span class="arr">→</span></a>
<button class="nav-toggle" id="navToggle" aria-label="Menu">☰</button>
</div>
</nav>
<span id="top"></span>
<!-- ============================ HERO ============================ -->
<header class="hero">
<div class="wrap hero-inner">
<div class="hero-copy">
<div class="hero-badge reveal"><span class="dot"></span> The chain is live · Ecosystem online</div>
<h1 class="reveal" data-d="1">Interchained Is<span class="accent">Becoming an Ecosystem</span></h1>
<p class="hero-sub reveal" data-d="2">Proof-of-work infrastructure, AI-assisted coordination, native tokens, self-custody wallets, social mining, and public blockchain education — all connected through ITC.</p>
<div class="hero-btns reveal" data-d="3">
<a class="btn btn-gold pulse-ring" href="#ecosystem">Explore the Ecosystem <span class="arr">→</span></a>
<a class="btn btn-ghost" href="https://deck.interchained.org" target="_blank" rel="noopener">View the Pitch Deck</a>
<a class="link-arrow" href="https://t.me/Interchained_itc" target="_blank" rel="noopener">Join the Community →</a>
</div>
<div class="hero-stats reveal" data-d="4">
<div class="stat"><div class="n">18+</div><div class="l">Live Portals</div></div>
<div class="stat"><div class="n">PoW</div><div class="l">Base Consensus</div></div>
<div class="stat"><div class="n">ITC</div><div class="l">Native Asset</div></div>
<div class="stat"><div class="n">Open</div><div class="l">Source First</div></div>
</div>
</div>
<!-- ORBIT VISUAL -->
<div class="orbit-stage reveal" data-d="2" aria-label="Interchained ecosystem orbit">
<div class="orbit-ring r1"></div>
<div class="orbit-ring r2"></div>
<div class="orbit-ring r3"></div>
<div class="orbit-ring r4"></div>
<div class="coin-core"><a href="https://interchained.org" target="_blank" rel="noopener" aria-label="Interchained main site"><img src="assets/itc-coin.png" alt="Interchained ITC coin" /></a></div>
<!-- CORE ring: the layers around the chain -->
<div class="orbiter core-orbiter" style="--r:30cqmin;--dur:36s;--delay:0s">
<div class="arm"><a class="node core" href="https://aiassist.net" target="_blank" rel="noopener"><span class="d g"></span>AiAS</a></div>
</div>
<div class="orbiter core-orbiter" style="--r:30cqmin;--dur:36s;--delay:-9s">
<div class="arm"><a class="node core" href="https://vision.interchained.org" target="_blank" rel="noopener"><span class="d"></span>Vision</a></div>
</div>
<div class="orbiter core-orbiter" style="--r:30cqmin;--dur:36s;--delay:-18s">
<div class="arm"><a class="node core" href="https://elara.interchained.org" target="_blank" rel="noopener"><span class="d g"></span>Elara</a></div>
</div>
<div class="orbiter core-orbiter" style="--r:30cqmin;--dur:36s;--delay:-27s">
<div class="arm"><a class="node core" href="https://itsl.interchained.org" target="_blank" rel="noopener"><span class="d"></span>ITSL</a></div>
</div>
<!-- RELEASE ring (counter direction) -->
<div class="orbiter ccw" style="--r:40cqmin;--dur:48s;--delay:0s">
<div class="arm"><a class="node" href="https://kudos.interchained.org" target="_blank" rel="noopener"><span class="d g"></span>Kudos</a></div>
</div>
<div class="orbiter ccw" style="--r:40cqmin;--dur:48s;--delay:-9.6s">
<div class="arm"><a class="node" href="https://labs.interchained.org" target="_blank" rel="noopener"><span class="d r"></span>Labs</a></div>
</div>
<div class="orbiter ccw" style="--r:40cqmin;--dur:48s;--delay:-19.2s">
<div class="arm"><a class="node" href="https://daa.interchained.org" target="_blank" rel="noopener"><span class="d"></span>DAA</a></div>
</div>
<div class="orbiter ccw" style="--r:40cqmin;--dur:48s;--delay:-28.8s">
<div class="arm"><a class="node" href="https://subsidy.interchained.org" target="_blank" rel="noopener"><span class="d g"></span>Subsidy</a></div>
</div>
<div class="orbiter ccw" style="--r:40cqmin;--dur:48s;--delay:-38.4s">
<div class="arm"><a class="node" href="https://deck.interchained.org" target="_blank" rel="noopener"><span class="d r"></span>Deck</a></div>
</div>
<!-- PORTAL ring: the broader economy -->
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:0s">
<div class="arm"><a class="node portal" href="https://1337.news" target="_blank" rel="noopener"><span class="d"></span>iNEWS</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-7.1s">
<div class="arm"><a class="node portal" href="https://earn.interchained.org/launchpad/m/about" target="_blank" rel="noopener"><span class="d g"></span>iFUND</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-14.2s">
<div class="arm"><a class="node portal" href="https://earn.interchained.org/itrade" target="_blank" rel="noopener"><span class="d"></span>iTRADE</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-21.3s">
<div class="arm"><a class="node portal" href="https://earn.interchained.org/hosting" target="_blank" rel="noopener"><span class="d r"></span>iHOST</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-28.4s">
<div class="arm"><a class="node portal" href="https://app.gamexchange.org" target="_blank" rel="noopener"><span class="d g"></span>GameXchange</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-35.5s">
<div class="arm"><a class="node portal" href="https://earn.interchained.org/hub" target="_blank" rel="noopener"><span class="d"></span>iHUB</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-42.6s">
<div class="arm"><a class="node portal" href="https://earn.interchained.org/inop" target="_blank" rel="noopener"><span class="d r"></span>iNOP</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-49.7s">
<div class="arm"><a class="node portal" href="https://wallet.interchained.org/bake.html" target="_blank" rel="noopener"><span class="d g"></span>iBake</a></div>
</div>
<div class="orbiter" style="--r:48cqmin;--dur:64s;--delay:-56.8s">
<div class="arm"><a class="node portal" href="https://wallet.interchained.org/bridge.html" target="_blank" rel="noopener"><span class="d"></span>iBridge</a></div>
</div>
</div>
</div>
</header>
<!-- ==================== ECOSYSTEM OVERVIEW ==================== -->
<section id="ecosystem">
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">Ecosystem Overview</span>
<h2 class="section-title">One Chain. <span class="gold-text">Many Interfaces.</span></h2>
<p class="section-lead">Interchained is not a single application. It is a connected digital economy built around ITC, proof-of-work security, AI-assisted coordination, native assets, self-custody, creator portals, launchpads, hosting rails, trading games, education tools, bridge flows, wallet utility, and transparent network dashboards.</p>
<p class="section-lead" style="margin-top:16px;font-size:1rem;color:var(--steel-dim)">The recent release wave introduced new public infrastructure — Kudos, ITSL, Elara, Subsidy, Labs, DAA, Deck, and Vision. Those releases now connect into a broader portal network including iNEWS, iFUND, iTRADE, iHOST, GameXchange, iHUB, iNOP, iBake, iBridge, and AiAS.</p>
</div>
<div class="eco-map reveal" data-d="1">
<svg class="eco-lines" viewBox="0 0 900 560" preserveAspectRatio="none">
<path d="M450,280 L150,90" /><path d="M450,280 L450,60" /><path d="M450,280 L750,90" />
<path d="M450,280 L800,280" /><path d="M450,280 L750,470" /><path d="M450,280 L450,500" />
<path d="M450,280 L150,470" /><path d="M450,280 L100,280" /><path d="M450,280 L290,180" />
</svg>
<div class="eco-center">
<div class="t">ITC</div>
<div class="s">Proof-of-Work Base Layer</div>
</div>
<a class="eco-node" href="https://aiassist.net" target="_blank" rel="noopener" style="top:16%;left:17%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M12 3v18M5 10l7-7 7 7"/></svg></span>
<span><span class="nm">AiAS</span><br><span class="ct">AI Orchestration</span></span>
</a>
<a class="eco-node" href="https://kudos.interchained.org" target="_blank" rel="noopener" style="top:9%;left:50%">
<span class="ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M8 12l3 3 5-6"/></svg></span>
<span><span class="nm">Kudos</span><br><span class="ct">Social Mining</span></span>
</a>
<a class="eco-node" href="https://itsl.interchained.org" target="_blank" rel="noopener" style="top:16%;left:83%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M12 2l8 4.5v9L12 20l-8-4.5v-9z"/><path d="M12 11v9M4 6.5l8 4.5 8-4.5"/></svg></span>
<span><span class="nm">ITSL</span><br><span class="ct">Native Tokens</span></span>
</a>
<a class="eco-node" href="https://elara.interchained.org" target="_blank" rel="noopener" style="top:50%;left:90%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z"/><path d="M9 12l2 2 4-4"/></svg></span>
<span><span class="nm">Elara</span><br><span class="ct">Self-Custody</span></span>
</a>
<a class="eco-node" href="https://vision.interchained.org" target="_blank" rel="noopener" style="top:84%;left:83%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z"/><circle cx="12" cy="12" r="3"/></svg></span>
<span><span class="nm">Vision</span><br><span class="ct">Explorer</span></span>
</a>
<a class="eco-node" href="https://labs.interchained.org" target="_blank" rel="noopener" style="top:91%;left:50%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3"/></svg></span>
<span><span class="nm">Labs</span><br><span class="ct">Education</span></span>
</a>
<a class="eco-node" href="https://daa.interchained.org" target="_blank" rel="noopener" style="top:84%;left:17%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M21 12a9 9 0 1 0-18 0"/><path d="M12 12l4-3"/></svg></span>
<span><span class="nm">DAA</span><br><span class="ct">Difficulty</span></span>
</a>
<a class="eco-node" href="https://subsidy.interchained.org" target="_blank" rel="noopener" style="top:50%;left:10%">
<span class="ico"><svg viewBox="0 0 24 24"><path d="M3 20V4M3 20h18M7 16l4-5 3 3 5-7"/></svg></span>
<span><span class="nm">Subsidy</span><br><span class="ct">Monetary Policy</span></span>
</a>
<a class="eco-node" href="https://deck.interchained.org" target="_blank" rel="noopener" style="top:32%;left:32%">
<span class="ico"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4"/></svg></span>
<span><span class="nm">Deck</span><br><span class="ct">Narrative</span></span>
</a>
</div>
</div>
</section>
<!-- ==================== RELEASE GRID ==================== -->
<section id="releases" class="section-alt">
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">The Release Wave</span>
<h2 class="section-title">A Growing Stack for the Network</h2>
<p class="section-lead">A growing stack of tools for miners, builders, users, contributors, and learners — each one a live interface into the same proof-of-work base.</p>
</div>
<div class="cards-grid">
<!-- CARD 1: KUDOS -->
<article class="rcard reveal">
<div class="mockup mock-kudos">
<div class="mk-post">
<div class="mk-row"><span class="mk-ava"></span><span class="mk-handle">@builder</span><span class="mk-time">live</span></div>
<div class="mk-line w90"></div><div class="mk-line w70"></div>
<div class="mk-score"><span class="mk-ai">AiAS</span><span class="mk-bar"><i></i></span><span class="mk-val">92</span></div>
</div>
<div class="mk-coin c1">+ITC</div><div class="mk-coin c2">+ITC</div><div class="mk-coin c3">+ITC</div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M8 12l3 3 5-6"/></svg></div>
<span class="cat">Social Mining</span>
</div>
<h3>Kudos</h3>
<p class="tagline">Earn ITC from posts on X.</p>
<p class="desc">Kudos lets users submit X posts to topic-based reward pools. AiAS evaluates relevance and quality, then contributors compete for ITC rewards through useful public participation.</p>
<div class="mock-url">kudos.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://kudos.interchained.org" target="_blank" rel="noopener">Start Earning <span class="arr">→</span></a>
<a class="link-arrow" href="#earn">Read release post →</a>
</div>
</article>
<!-- CARD 2: ITSL -->
<article class="rcard reveal" data-d="1">
<div class="mockup mock-itsl">
<div class="mk-engine"></div>
<div class="mk-tok t1">Utility</div><div class="mk-tok t2">Asset</div>
<div class="mk-tok t3">NFT</div><div class="mk-tok t4">Rewards</div><div class="mk-tok t5">Governance</div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><path d="M12 2l8 4.5v9L12 20l-8-4.5v-9z"/><path d="M12 11v9M4 6.5l8 4.5 8-4.5"/></svg></div>
<span class="cat">Token Infrastructure</span>
</div>
<h3>ITSL</h3>
<p class="tagline">Native tokens for the Interchained network.</p>
<p class="desc">ITSL gives builders a native layer for issuing assets on Interchained — supporting utility tokens, community rewards, experimental assets, and future tokenized systems.</p>
<div class="mock-url">itsl.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://itsl.interchained.org" target="_blank" rel="noopener">Explore ITSL <span class="arr">→</span></a>
<a class="link-arrow" href="#build">Read release post →</a>
</div>
</article>
<!-- CARD 3: ELARA -->
<article class="rcard reveal" data-d="2">
<div class="mockup mock-elara">
<div class="mk-phone">
<div class="mk-ph-top">Elara</div>
<div class="mk-bal"><span>ITC Balance</span><b>128.40</b></div>
<div class="mk-actions"><span>Send</span><span>Receive</span></div>
<div class="mk-shield"><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
</div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
<span class="cat">Self-Custody</span>
</div>
<h3>Elara Wallet</h3>
<p class="tagline">Hold your own keys.</p>
<p class="desc">Elara is the self-custody wallet layer for the Interchained ecosystem, built around seed ownership, simple sending and receiving, QR workflows, address management, and sovereign control.</p>
<div class="mock-url">elara.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://elara.interchained.org" target="_blank" rel="noopener">Open Elara <span class="arr">→</span></a>
<a class="link-arrow" href="#earn">Read release post →</a>
</div>
</article>
<!-- CARD 4: SUBSIDY -->
<article class="rcard reveal">
<div class="mockup mock-subsidy">
<svg class="mk-curve" viewBox="0 0 300 150" preserveAspectRatio="none">
<path class="mk-area" d="M0,140 C60,140 60,40 120,40 C180,40 180,80 240,80 C280,80 280,95 300,95 L300,150 L0,150 Z"/>
<path class="mk-stroke" d="M0,140 C60,140 60,40 120,40 C180,40 180,80 240,80 C280,80 280,95 300,95"/>
</svg>
<div class="mk-steps"><i></i><i></i><i></i><i></i><i></i></div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><path d="M3 20V4M3 20h18M7 16l4-5 3 3 5-7"/></svg></div>
<span class="cat">Monetary Policy</span>
</div>
<h3>Subsidy Curve</h3>
<p class="tagline">The ITC emission curve made visible.</p>
<p class="desc">The Subsidy Curve page helps miners, holders, and builders understand ITC block rewards, emission behavior, long-term supply progression, and tail reward structure.</p>
<div class="mock-url">subsidy.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://subsidy.interchained.org" target="_blank" rel="noopener">View Subsidy <span class="arr">→</span></a>
<a class="link-arrow" href="#learn">Read release post →</a>
</div>
</article>
<!-- CARD 5: LABS -->
<article class="rcard reveal" data-d="1">
<div class="mockup mock-labs">
<div class="mk-browser"><span class="mk-bdots"><i></i><i></i><i></i></span><span class="mk-burl">labs.interchained.org</span></div>
<div class="mk-blocks"><span class="bl">#1</span><span class="bl">#2</span><span class="bl">#3</span><span class="bl mined">#4</span></div>
<div class="mk-code"><span></span><span></span><span></span></div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><path d="M9 3h6M10 3v6l-5 9a2 2 0 0 0 2 3h10a2 2 0 0 0 2-3l-5-9V3"/></svg></div>
<span class="cat">Education</span>
</div>
<h3>Interchained Labs</h3>
<p class="tagline">Learn blockchain by touching it.</p>
<p class="desc">Labs is a browser-based blockchain playground where users can explore blocks, hashes, transactions, and consensus through hands-on interaction.</p>
<div class="mock-url">labs.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://labs.interchained.org" target="_blank" rel="noopener">Enter Labs <span class="arr">→</span></a>
<a class="link-arrow" href="#learn">Read release post →</a>
</div>
</article>
<!-- CARD 6: DAA -->
<article class="rcard reveal" data-d="2">
<div class="mockup mock-daa">
<div class="mk-gauge"><svg viewBox="0 0 120 70"><path class="g-track" d="M10,65 A50,50 0 0 1 110,65"/><path class="g-fill" d="M10,65 A50,50 0 0 1 110,65"/></svg><span class="g-needle"></span><span class="g-lbl">DIFFICULTY</span></div>
<div class="mk-compare"><span class="cc">BTC<i>10m</i></span><span class="cc itc">ITC<i>stable</i></span></div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><path d="M21 12a9 9 0 1 0-18 0"/><path d="M12 12l4-3"/></svg></div>
<span class="cat">Mining Education</span>
</div>
<h3>Interchained DAA</h3>
<p class="tagline">Understand difficulty adjustment.</p>
<p class="desc">The DAA page explains how mining difficulty responds to hashpower, why block timing matters, and how network stability depends on adjustment logic.</p>
<div class="mock-url">daa.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://daa.interchained.org" target="_blank" rel="noopener">Learn DAA <span class="arr">→</span></a>
<a class="link-arrow" href="#learn">Read release post →</a>
</div>
</article>
<!-- CARD 7: PITCH DECK -->
<article class="rcard reveal">
<div class="mockup mock-deck">
<div class="mk-slide s1"></div><div class="mk-slide s2"></div><div class="mk-slide s3">
<span class="mk-logo"><img src="assets/itc-coin.png" alt=""/></span>
</div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4"/></svg></div>
<span class="cat">Investor / Contributor</span>
</div>
<h3>Interchained Pitch Deck</h3>
<p class="tagline">The ecosystem story in one place.</p>
<p class="desc">The deck brings together Interchained's vision, infrastructure, products, roadmap, token economy, and ecosystem opportunity for investors, partners, and contributors.</p>
<div class="mock-url">deck.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://deck.interchained.org" target="_blank" rel="noopener">View Deck <span class="arr">→</span></a>
<a class="link-arrow" href="#explore">Read release post →</a>
</div>
</article>
<!-- CARD 8: VISION -->
<article class="rcard reveal" data-d="1">
<div class="mockup mock-vision">
<div class="mk-dash">
<div class="mk-dblocks"><i></i><i></i><i></i><i></i></div>
<svg class="mk-spark" viewBox="0 0 120 36" preserveAspectRatio="none"><polyline points="0,30 20,22 40,26 60,12 80,18 100,6 120,14"/></svg>
<div class="mk-stats"><span>BLOCKS<b>+1</b></span><span>TX<b>live</b></span><span>MEMPOOL<b>—</b></span></div>
</div>
</div>
<div class="rcard-head">
<div class="rcard-ico"><svg viewBox="0 0 24 24"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z"/><circle cx="12" cy="12" r="3"/></svg></div>
<span class="cat">Explorer / Dashboard</span>
</div>
<h3>Interchained Vision</h3>
<p class="tagline">See everything. Verify anything.</p>
<p class="desc">Vision is the real-time dashboard for the ITC network, including blocks, transactions, addresses, mempool visibility, ITSL registry tools, and network analytics.</p>
<div class="mock-url">vision.interchained.org</div>
<div class="rcard-foot">
<a class="btn btn-gold btn-sm" href="https://vision.interchained.org" target="_blank" rel="noopener">Launch Vision <span class="arr">→</span></a>
<a class="link-arrow" href="#explore">Read release post →</a>
</div>
</article>
</div>
</div>
</section>
<!-- ==================== PORTAL NETWORK ==================== -->
<section id="portals">
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">Application & Economy Layer</span>
<h2 class="section-title">The Portal Network</h2>
<p class="section-lead">The recent release wave sits inside a larger Interchained economy: publishing, funding, trading, hosting, gaming, operator tools, bridge flows, wallet utility, and AI orchestration.</p>
</div>
<div class="portals-grid">
<!-- iNEWS -->
<article class="pcard reveal">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 8h10M7 12h10M7 16h6"/></svg></div>
<span class="cat">Creator Economy / News / Publishing</span>
<h3><span class="i">i</span>NEWS</h3>
<p class="tagline">Publish. Discover. Earn attention.</p>
<p class="desc">iNEWS is the Interchained-aligned publishing and media portal for creators, news, updates, ecosystem storytelling, and content discovery.</p>
<div class="purl">1337.news</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://1337.news" target="_blank" rel="noopener">Explore iNEWS <span class="arr">→</span></a></div>
</article>
<!-- iFUND -->
<article class="pcard reveal" data-d="1">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><path d="M12 2c2.5 2.5 4 6 4 9l-4 3-4-3c0-3 1.5-6.5 4-9z"/><circle cx="12" cy="9" r="1.6"/><path d="M8 15l-3 5 4-1M16 15l3 5-4-1"/></svg></div>
<span class="cat">Launchpad / Crowdfunding</span>
<h3><span class="i">i</span>FUND</h3>
<p class="tagline">Fund ideas from the Interchained ecosystem.</p>
<p class="desc">iFUND is the ecosystem launchpad for community-backed projects, builder funding, contributor support, and transparent project discovery.</p>
<div class="purl">earn.interchained.org/launchpad</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://earn.interchained.org/launchpad/m/about" target="_blank" rel="noopener">Explore iFUND <span class="arr">→</span></a></div>
</article>
<!-- iTRADE -->
<article class="pcard reveal" data-d="2">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><path d="M4 4v16h16"/><rect x="7" y="10" width="3" height="6"/><rect x="14" y="6" width="3" height="8"/></svg></div>
<span class="cat">Trading / Competition / Market Game</span>
<h3><span class="i">i</span>TRADE</h3>
<p class="tagline">Markets become competition.</p>
<p class="desc">iTRADE is a trading and competition portal where market-style activity, skill, and ecosystem participation come together.</p>
<div class="purl">earn.interchained.org/itrade</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://earn.interchained.org/itrade" target="_blank" rel="noopener">Enter iTRADE <span class="arr">→</span></a></div>
</article>
<!-- iHOST -->
<article class="pcard reveal">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="6" rx="1.5"/><rect x="4" y="14" width="16" height="6" rx="1.5"/><path d="M8 7h.01M8 17h.01"/></svg></div>
<span class="cat">Hosting / Infrastructure</span>
<h3><span class="i">i</span>HOST</h3>
<p class="tagline">Infrastructure rails for the ecosystem.</p>
<p class="desc">iHOST is the hosting and infrastructure portal for Interchained, supporting deployment, hosting, operator workflows, and ecosystem infrastructure access.</p>
<div class="purl">earn.interchained.org/hosting</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://earn.interchained.org/hosting" target="_blank" rel="noopener">Explore iHOST <span class="arr">→</span></a></div>
</article>
<!-- GameXchange -->
<article class="pcard reveal" data-d="1">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><rect x="2.5" y="8" width="19" height="9" rx="4.5"/><path d="M7 11v3M5.5 12.5h3M15.5 12h.01M18 13.5h.01"/></svg></div>
<span class="cat">Gaming / Prediction / Market Platform</span>
<h3>GameXchange</h3>
<p class="tagline">Where games meet markets.</p>
<p class="desc">GameXchange is an experimental gaming and market platform blending prediction mechanics, raffles, swaps, digital balances, and gamified financial experiences.</p>
<div class="purl">app.gamexchange.org</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://app.gamexchange.org" target="_blank" rel="noopener">Open GameXchange <span class="arr">→</span></a></div>
</article>
<!-- iHUB -->
<article class="pcard reveal" data-d="2">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><circle cx="12" cy="4" r="1.5"/><circle cx="12" cy="20" r="1.5"/><circle cx="5" cy="8" r="1.5"/><circle cx="19" cy="8" r="1.5"/><path d="M12 9V5.5M12 15v3.5M9.6 10.7L6.3 8.8M14.4 10.7l3.3-1.9"/></svg></div>
<span class="cat">Unified Ecosystem Portal</span>
<h3><span class="i">i</span>HUB</h3>
<p class="tagline">One identity. One ecosystem.</p>
<p class="desc">iHUB is the unified portal layer for Interchained, connecting user flows, balances, portal access, participation, and ecosystem navigation.</p>
<div class="purl">earn.interchained.org/hub</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://earn.interchained.org/hub" target="_blank" rel="noopener">Enter iHUB <span class="arr">→</span></a></div>
</article>
<!-- iNOP -->
<article class="pcard reveal">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><circle cx="6" cy="6" r="2.2"/><circle cx="18" cy="6" r="2.2"/><circle cx="12" cy="18" r="2.2"/><path d="M7.5 7.7l3.4 8.6M16.5 7.7l-3.4 8.6M8.2 6h7.6"/></svg></div>
<span class="cat">Node Operator Program</span>
<h3><span class="i">i</span>NOP</h3>
<p class="tagline">Operators become part of the network economy.</p>
<p class="desc">iNOP is the Interchained Node Operator Program, connecting infrastructure operators, services, node participation, and ecosystem support workflows.</p>
<div class="purl">earn.interchained.org/inop</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://earn.interchained.org/inop" target="_blank" rel="noopener">Explore iNOP <span class="arr">→</span></a></div>
</article>
<!-- iBake -->
<article class="pcard reveal" data-d="1">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><path d="M12 3l9 5-9 5-9-5z"/><path d="M3 13l9 5 9-5"/></svg></div>
<span class="cat">Participation / Utility Layer</span>
<h3><span class="i">i</span>Bake</h3>
<p class="tagline">Put ITC and wITC to work.</p>
<p class="desc">iBake is the Interchained baking and participation layer for ITC and wrapped ecosystem utility flows.</p>
<div class="purl">wallet.interchained.org/bake</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://wallet.interchained.org/bake.html" target="_blank" rel="noopener">Open iBake <span class="arr">→</span></a></div>
</article>
<!-- iBridge -->
<article class="pcard reveal" data-d="2">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><path d="M3 16c0-5 4-9 9-9s9 4 9 9"/><path d="M3 16v3M21 16v3M9 11.5V19M15 11.5V19M3 16h18"/></svg></div>
<span class="cat">Bridge / Cross-Rail Asset Flow</span>
<h3><span class="i">i</span>Bridge</h3>
<p class="tagline">Move value across rails.</p>
<p class="desc">iBridge connects Interchained asset flows across compatible rails, helping users bridge, wrap, and extend ITC-related liquidity.</p>
<div class="purl">wallet.interchained.org/bridge</div>
<div class="pcard-foot"><a class="btn btn-gold btn-sm" href="https://wallet.interchained.org/bridge.html" target="_blank" rel="noopener">Open iBridge <span class="arr">→</span></a></div>
</article>
<!-- AiAS (featured) -->
<article class="pcard feature reveal">
<span class="motif"><svg viewBox="0 0 100 100"><path d="M50 4 L91 27 V73 L50 96 L9 73 V27 Z"/><path d="M50 26 L72 38 V62 L50 74 L28 62 V38 Z"/></svg></span>
<div class="pcard-ico"><svg viewBox="0 0 24 24"><path d="M12 3l1.9 5L19 9.9l-5.1 1.4L12 16l-1.9-4.7L5 9.9l5.1-.9z"/><circle cx="18.5" cy="17.5" r="1.4"/><circle cx="5.5" cy="17" r="1.4"/></svg></div>
<span class="cat">AI Orchestration / Secure AI Infrastructure</span>
<h3>AiAS</h3>
<p class="tagline">The intelligence layer above the ecosystem.</p>
<p class="desc">AiAS is the AI orchestration and secure multi-provider intelligence layer connected to Interchained, supporting scoring, automation, assistant workflows, API access, and self-hosted AI infrastructure.</p>
<div class="purl">aiassist.net</div>
<div class="pcard-foot">
<a class="btn btn-gold btn-sm" href="https://aiassist.net" target="_blank" rel="noopener">Explore AiAS <span class="arr">→</span></a>
<div class="sec-ctas">
<a class="link-arrow" href="https://api.aiassist.net" target="_blank" rel="noopener">API Access →</a>
<a class="link-arrow" href="https://aiassistsecure.com" target="_blank" rel="noopener">Read Docs →</a>
</div>
</div>
</article>
</div>
</div>
</section>
<!-- ==================== BLOG TIMELINE ==================== -->
<section id="explore">
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">Release Notes</span>
<h2 class="section-title">Notes from the Interchained Stack</h2>
<p class="section-lead">Every interface ships in public. Read the release post behind each launch.</p>
</div>
<div class="timeline">
<div class="tl-item reveal"><a class="blog-card" href="https://kudos.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-kudos" data-l="KUDOS IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">Kudos</span><span class="date">REL · 001</span></div>
<h3>Kudos Is Live: Earn ITC From Posts on X</h3>
<p class="excerpt">Topic-based reward pools, AiAS quality scoring, and ITC rewards for useful public participation — social mining is now online.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://itsl.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-itsl" data-l="ITSL IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">ITSL</span><span class="date">REL · 002</span></div>
<h3>ITSL Is Live: Native Tokens for the Interchained Network</h3>
<p class="excerpt">A native layer for issuing assets on Interchained — utility tokens, community rewards, and experimental tokenized systems.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://elara.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-elara" data-l="ELARA IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">Elara</span><span class="date">REL · 003</span></div>
<h3>Elara Wallet Is Live: Hold Your Own Keys</h3>
<p class="excerpt">Seed ownership, simple send and receive, QR workflows, and sovereign control over ITC and BTC-style assets.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://subsidy.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-subsidy" data-l="SUBSIDY IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">Subsidy</span><span class="date">REL · 004</span></div>
<h3>The Interchained Subsidy Curve Is Live</h3>
<p class="excerpt">Block rewards, emission behavior, long-term supply progression, and tail reward structure — transparency as infrastructure.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://labs.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-labs" data-l="LABS IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">Labs</span><span class="date">REL · 005</span></div>
<h3>Interchained Labs Is Live: Learn Blockchain by Touching It</h3>
<p class="excerpt">A browser-based playground for blocks, hashes, transactions, and consensus — explored through hands-on interaction.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://daa.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-daa" data-l="DAA IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">DAA</span><span class="date">REL · 006</span></div>
<h3>Interchained DAA Is Live: Understanding Difficulty Adjustment</h3>
<p class="excerpt">How difficulty responds to hashpower, why block timing matters, and how network stability depends on adjustment logic.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://deck.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-deck" data-l="DECK IS LIVE"></div>
<div class="blog-body"><div class="meta"><span class="tag">Deck</span><span class="date">REL · 007</span></div>
<h3>The Interchained Pitch Deck Is Live</h3>
<p class="excerpt">Vision, infrastructure, products, roadmap, and token economy — the full ecosystem narrative for partners and contributors.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
<div class="tl-item reveal"><a class="blog-card" href="https://vision.interchained.org" target="_blank" rel="noopener">
<div class="blog-thumb tb-vision" data-l="VISION"></div>
<div class="blog-body"><div class="meta"><span class="tag">Vision</span><span class="date">REL · 008</span></div>
<h3>Interchained Vision: The Network Dashboard for ITC</h3>
<p class="excerpt">Live blocks, transactions, address activity, mempool visibility, ITSL registry tools, and network analytics in one view.</p>
<span class="link-arrow">Read Post →</span></div>
</a></div>
</div>
</div>
</section>
<!-- ==================== AUDIENCE PATHS ==================== -->
<section id="build" class="section-alt">
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">Choose Your Path</span>
<h2 class="section-title">Four Ways Into the Network</h2>
<p class="section-lead">Whether you secure the chain, build on it, hold on it, or learn from it — there's a route in.</p>
</div>
<div class="paths-grid">
<div class="path-card reveal" id="learn">
<div class="path-num">PATH 01</div>
<div class="pico"><svg viewBox="0 0 24 24"><path d="M12 2l2.5 6.5L21 9l-5 4 1.5 7L12 16l-5.5 4L8 13 3 9l6.5-.5z"/></svg></div>
<h3>For Miners</h3>
<p>Explore DAA, Subsidy, Vision, and ITC network tools built for understanding block production, rewards, and chain health.</p>
<div class="path-links">
<a class="chip" href="https://daa.interchained.org" target="_blank" rel="noopener">DAA</a>
<a class="chip" href="https://subsidy.interchained.org" target="_blank" rel="noopener">Subsidy</a>
<a class="chip" href="https://vision.interchained.org" target="_blank" rel="noopener">Vision</a>
</div>
<a class="btn btn-ghost btn-sm" href="https://vision.interchained.org" target="_blank" rel="noopener">Explore Mining Tools <span class="arr">→</span></a>
</div>
<div class="path-card reveal" data-d="1">
<div class="path-num">PATH 02</div>
<div class="pico"><svg viewBox="0 0 24 24"><path d="M16 18l6-6-6-6M8 6l-6 6 6 6"/></svg></div>
<h3>For Builders</h3>
<p>Use ITSL, Vision, GitHub, and AiAS-powered infrastructure to create assets, applications, and contribution systems.</p>
<div class="path-links">
<a class="chip" href="https://itsl.interchained.org" target="_blank" rel="noopener">ITSL</a>
<a class="chip" href="https://vision.interchained.org" target="_blank" rel="noopener">Vision</a>
<a class="chip" href="https://github.com/interchained" target="_blank" rel="noopener">GitHub</a>
</div>
<a class="btn btn-ghost btn-sm" href="https://github.com/interchained" target="_blank" rel="noopener">Start Building <span class="arr">→</span></a>
</div>
<div class="path-card reveal" data-d="2" id="earn">
<div class="path-num">PATH 03</div>
<div class="pico"><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z"/></svg></div>
<h3>For Users</h3>
<p>Use Elara to hold your keys, Kudos to participate publicly, and Vision to verify activity across the network.</p>
<div class="path-links">
<a class="chip" href="https://elara.interchained.org" target="_blank" rel="noopener">Elara</a>
<a class="chip" href="https://kudos.interchained.org" target="_blank" rel="noopener">Kudos</a>
<a class="chip" href="https://vision.interchained.org" target="_blank" rel="noopener">Vision</a>
</div>
<a class="btn btn-ghost btn-sm" href="https://elara.interchained.org" target="_blank" rel="noopener">Enter the Ecosystem <span class="arr">→</span></a>
</div>
<div class="path-card reveal" data-d="3">
<div class="path-num">PATH 04</div>
<div class="pico"><svg viewBox="0 0 24 24"><path d="M2 7l10-4 10 4-10 4z"/><path d="M6 10v5c0 1.5 3 3 6 3s6-1.5 6-3v-5"/></svg></div>
<h3>For Learners</h3>
<p>Use Labs, DAA, and Subsidy to learn how blockchain, mining, rewards, and difficulty adjustment actually work.</p>
<div class="path-links">
<a class="chip" href="https://labs.interchained.org" target="_blank" rel="noopener">Labs</a>
<a class="chip" href="https://daa.interchained.org" target="_blank" rel="noopener">DAA</a>
<a class="chip" href="https://subsidy.interchained.org" target="_blank" rel="noopener">Subsidy</a>
</div>
<a class="btn btn-ghost btn-sm" href="https://labs.interchained.org" target="_blank" rel="noopener">Start Learning <span class="arr">→</span></a>
</div>
</div>
</div>
</section>
<!-- ==================== NARRATIVE PILLARS ==================== -->
<section>
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">What Interchained Is Building</span>
<h2 class="section-title">Sovereign Digital Infrastructure</h2>
<p class="section-lead">Interchained is building a sovereign digital infrastructure stack where proof-of-work security, AI-assisted coordination, native token systems, wallet ownership, public contribution rewards, and transparent network intelligence work together.</p>
</div>
<div class="pillars">
<div class="pillar reveal">
<div class="pn">01</div>
<h3>Ownership</h3>
<p>Elara gives users control of their keys. ITC gives the ecosystem a proof-of-work base asset. Vision gives users a way to verify activity directly.</p>
</div>
<div class="pillar reveal" data-d="1">
<div class="pn">02</div>
<h3>Participation</h3>
<p>Kudos turns public contribution into a rewardable action. AiAS helps evaluate relevance and quality, making participation measurable without reducing the ecosystem to spam.</p>
</div>
<div class="pillar reveal" data-d="2">
<div class="pn">03</div>
<h3>Infrastructure</h3>
<p>ITSL, Labs, DAA, Subsidy, and Vision form the public infrastructure layer for builders, miners, educators, and contributors.</p>
</div>
</div>
</div>
</section>
<!-- ==================== BRAND SYSTEM ==================== -->
<section class="section-alt">
<div class="wrap">
<div class="head-center reveal">
<span class="eyebrow">Visual Identity System</span>
<h2 class="section-title">The ITC Look and Feel</h2>
<p class="section-lead">Deep space backgrounds, gold coin accents, electric blue network lines, and signal-red pulse points — a serious, sovereign, builder-first visual language.</p>
</div>
<div class="brand-grid">
<div class="brand-panel reveal">
<h3>// Color Tokens</h3>
<div class="swatches">
<div class="swatch"><div class="chiparea" style="background:#020817"></div><div class="meta"><div class="nm">Midnight Navy</div><div class="hex">#020817</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#061A33"></div><div class="meta"><div class="nm">Deep Chain Blue</div><div class="hex">#061A33</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#2D8CFF"></div><div class="meta"><div class="nm">Electric Blue</div><div class="hex">#2D8CFF</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#F5C469"></div><div class="meta"><div class="nm">ITC Gold</div><div class="hex">#F5C469</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#D99A35"></div><div class="meta"><div class="nm">Metallic Gold</div><div class="hex">#D99A35</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#EF3340"></div><div class="meta"><div class="nm">Signal Red</div><div class="hex">#EF3340</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#FFFFFF"></div><div class="meta"><div class="nm">Pure White</div><div class="hex">#FFFFFF</div></div></div>
<div class="swatch"><div class="chiparea" style="background:#AAB4C8"></div><div class="meta"><div class="nm">Soft Steel</div><div class="hex">#AAB4C8</div></div></div>
</div>
<h3 style="margin-top:28px">// Textures</h3>
<div class="token-row">
<span class="token-pill">Blockchain mesh</span>
<span class="token-pill">Glass panels</span>
<span class="token-pill">Metallic coin</span>
<span class="token-pill">Red pulse traces</span>
<span class="token-pill">Neon blue glow</span>
<span class="token-pill">Gold rim light</span>
</div>
</div>
<div class="brand-panel reveal" data-d="1">
<h3>// Typography</h3>
<div class="type-demo">
<div class="big">Interchained</div>
<div class="mono-lbl">// system label · jetbrains mono</div>
<p class="body-demo">Readable body copy with strong contrast. Large uppercase headings, generous letter spacing, bold hero typography, and small mono-style labels for system details.</p>
</div>
<h3 style="margin-top:28px">// Icon Style</h3>
<div class="icon-demo">
<div class="ic"><svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z"/><path d="M9 12l2 2 4-4"/></svg></div>
<div class="ic"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="3"/><path d="M12 11v6M9 17h6"/></svg></div>
<div class="ic"><svg viewBox="0 0 24 24"><path d="M12 2l8 4.5v9L12 20l-8-4.5v-9z"/></svg></div>
<div class="ic"><svg viewBox="0 0 24 24"><path d="M3 20V4M3 20h18M7 16l4-5 3 3 5-7"/></svg></div>
<div class="ic"><svg viewBox="0 0 24 24"><rect x="4" y="6" width="6" height="12" rx="1"/><rect x="14" y="6" width="6" height="12" rx="1"/></svg></div>
</div>
<p class="body-demo" style="margin-top:14px">Thin line icons · gold stroke · occasional red accent · circular containment · blockchain node geometry.</p>
</div>
</div>
</div>
</section>
<!-- ==================== DEV CTA ==================== -->
<section>
<div class="wrap">
<div class="dev-grid">
<div class="reveal">
<span class="eyebrow">Open Source</span>
<h2 class="section-title">Build in Public.<br><span class="gold-text">Verify in Public.</span></h2>
<p class="section-lead">Interchained is releasing tools, infrastructure, wallets, education pages, dashboards, and ecosystem experiments in the open. Developers, miners, contributors, educators, and operators are invited to inspect, build, and participate.</p>
<div class="hero-btns" style="margin-top:30px">
<a class="btn btn-gold pulse-ring" href="https://github.com/interchained" target="_blank" rel="noopener">GitHub <span class="arr">→</span></a>
<a class="btn btn-ghost" href="https://interchained.org" target="_blank" rel="noopener">Main Site</a>
<a class="btn btn-ghost" href="https://t.me/Interchained_itc" target="_blank" rel="noopener">Community</a>
</div>
</div>
<div class="terminal reveal" data-d="1">
<div class="term-bar"><span class="dots"><i style="background:#EF3340"></i><i style="background:#F5C469"></i><i style="background:#6fd08a"></i></span><span class="title">interchained — node</span></div>
<div class="term-body" id="term"></div>
</div>
</div>
</div>
</section>
<!-- ==================== COMMUNITY CTA ==================== -->
<section id="community" class="community section-alt">
<img class="coin-bg" src="assets/itc-coin.png" alt="" aria-hidden="true" />
<div class="wrap community-inner">
<div class="head-center reveal">
<span class="eyebrow" style="justify-content:center">Join the Network</span>
<h2 class="section-title">Join the Interchained Network</h2>
<p class="section-lead">Follow the releases, test the tools, mine the network, build assets, earn ITC, hold your keys, and help shape the next layer of sovereign digital infrastructure.</p>
</div>
<div class="btn-row reveal" data-d="1">
<a class="btn btn-gold pulse-ring" href="https://t.me/Interchained_itc" target="_blank" rel="noopener">Join Telegram <span class="arr">→</span></a>
<a class="btn btn-ghost" href="https://x.com/interchained" target="_blank" rel="noopener">Follow on X</a>
<a class="btn btn-ghost" href="https://vision.interchained.org" target="_blank" rel="noopener">Explore Vision</a>
<a class="btn btn-ghost" href="https://kudos.interchained.org" target="_blank" rel="noopener">Earn with Kudos</a>
</div>
</div>
</section>
<!-- ==================== CLOSING HERO ==================== -->
<section class="closing-hero">
<div class="wrap reveal">
<span class="eyebrow" style="justify-content:center">Not one product shipping — an ecosystem coming online</span>
<h2 style="margin-top:18px"><span class="l1">The chain is live.</span><span class="l2">The tools are shipping.</span><span class="l3">The ecosystem is waking up.</span></h2>
<div style="margin-top:40px">
<a class="btn btn-gold pulse-ring" href="https://interchained.org" target="_blank" rel="noopener" style="font-size:1.05rem;padding:18px 34px">Enter Interchained <span class="arr">→</span></a>
</div>
</div>
</section>
<!-- ==================== FOOTER ==================== -->
<footer class="footer">
<div class="wrap">
<div class="footer-top">
<div>
<a class="brand" href="#top"><img src="assets/itc-coin.png" alt="Interchained" /><span class="bn">Interchained<small>Proof of Work · ITC</small></span></a>
<p class="tagline">Proof-of-work infrastructure for builders, miners, users, and contributors.</p>
</div>
<div class="footer-groups">
<div class="fgroup">
<h4>Releases</h4>
<a href="https://kudos.interchained.org" target="_blank" rel="noopener">Kudos</a>
<a href="https://itsl.interchained.org" target="_blank" rel="noopener">ITSL</a>
<a href="https://elara.interchained.org" target="_blank" rel="noopener">Elara</a>
<a href="https://subsidy.interchained.org" target="_blank" rel="noopener">Subsidy</a>
<a href="https://labs.interchained.org" target="_blank" rel="noopener">Labs</a>
<a href="https://daa.interchained.org" target="_blank" rel="noopener">DAA</a>
<a href="https://deck.interchained.org" target="_blank" rel="noopener">Deck</a>
<a href="https://vision.interchained.org" target="_blank" rel="noopener">Vision</a>
</div>
<div class="fgroup">
<h4>Core Portals</h4>
<a href="https://1337.news" target="_blank" rel="noopener">iNEWS</a>
<a href="https://earn.interchained.org/launchpad/m/about" target="_blank" rel="noopener">iFUND</a>
<a href="https://earn.interchained.org/itrade" target="_blank" rel="noopener">iTRADE</a>
<a href="https://earn.interchained.org/hosting" target="_blank" rel="noopener">iHOST</a>
<a href="https://app.gamexchange.org" target="_blank" rel="noopener">GameXchange</a>
<a href="https://earn.interchained.org/hub" target="_blank" rel="noopener">iHUB</a>
<a href="https://earn.interchained.org/inop" target="_blank" rel="noopener">iNOP</a>
<a href="https://wallet.interchained.org/bake.html" target="_blank" rel="noopener">iBake</a>
<a href="https://wallet.interchained.org/bridge.html" target="_blank" rel="noopener">iBridge</a>
</div>
<div class="fgroup">
<h4>Network & AI</h4>
<a href="https://interchained.org" target="_blank" rel="noopener">Main Site</a>
<a href="https://aiassist.net" target="_blank" rel="noopener">AiAS</a>
<a href="https://api.aiassist.net" target="_blank" rel="noopener">AiAS API</a>
<a href="https://aiassistsecure.com" target="_blank" rel="noopener">AiAS Docs</a>
<a href="https://github.com/interchained" target="_blank" rel="noopener">GitHub</a>
<a href="https://x.com/interchained" target="_blank" rel="noopener">X</a>
<a href="https://t.me/Interchained_itc" target="_blank" rel="noopener">Telegram</a>
</div>
</div>
</div>
<div class="footer-note">
<span>Interchained is an experimental ecosystem of open digital infrastructure, AI-assisted coordination, and proof-of-work network tools.</span>
<span>© 2026 INTERCHAINED</span>
</div>
</div>
</footer>
<script src="app.js?v=19901991"></script>
</body>
</html>