-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
806 lines (765 loc) · 29.9 KB
/
index.html
File metadata and controls
806 lines (765 loc) · 29.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JAMBO EXCHANGE - 2nd Centralized DEX on NEAR</title>
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
<script
defer
data-domain="jambo.meme.cooking"
src="https://plausible.io/js/script.js"
></script>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap");
body {
font-family: "Courier Prime", monospace;
background: #f5f5f5;
}
.container-90s {
max-width: 960px;
background: #c0c0c0;
border: 4px outset #c0c0c0;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
.button-90s {
background: #c0c0c0;
border: 2px outset #c0c0c0;
padding: 8px 16px;
font-weight: bold;
cursor: pointer;
font-family: "Courier Prime", monospace;
}
.button-90s:hover {
border: 2px inset #c0c0c0;
}
.section-90s {
border: 2px inset #c0c0c0;
background: #f0f0f0;
padding: 16px;
margin: 8px 0;
}
.blink {
/* Blinking disabled */
}
.subtle-highlight {
background-color: #ffff99;
padding: 2px 4px;
}
.important-text {
color: #ff0000;
font-weight: bold;
}
.table-border {
border: 2px solid #666;
}
.hit-counter {
background: #000;
color: #00ff00;
padding: 4px 8px;
font-family: "Courier Prime", monospace;
border: 1px solid #333;
}
marquee {
background: #ff00ff;
color: #ffff00;
font-weight: bold;
padding: 8px;
border: 2px solid #000;
}
#dexscreener-embed {
position: relative;
width: 100%;
padding-bottom: 125%;
}
@media (min-width: 1400px) {
#dexscreener-embed {
padding-bottom: 65%;
}
}
#dexscreener-embed iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0;
}
</style>
</head>
<body class="min-h-screen flex items-center justify-center p-4">
<div class="container-90s mx-auto">
<!-- Header -->
<div
class="bg-blue-600 text-white p-4 text-center border-b-4 border-black"
>
<div class="flex items-center justify-center gap-4 mb-2">
<img src="./assets/jambo.svg" alt="Jambo Logo" class="w-16 h-16" />
<div>
<h1 class="text-4xl font-bold">JAMBO EXCHANGE</h1>
<p class="text-lg">2nd Centralized DEX on NEAR</p>
</div>
</div>
<p class="text-xl font-bold text-yellow-300">
WE TAKE CARE OF YOUR ASSETS THE TRADFI WAY
</p>
</div>
<!-- Launch Banner -->
<div
class="bg-yellow-400 text-black text-center py-2 border-b-2 border-black flash"
>
<span class="blink">🎉</span> NOW LIVE <span class="blink">🎉</span>
<span class="shake">⚡ TRADING ENABLED ⚡</span>
<span class="blink">🎉</span>
<br />
<small
>Optimized for modern browsers | <span class="flash">NEW!</span> Full
HD experience!</small
>
</div>
<!-- Marquee -->
<marquee behavior="scroll" direction="left" scrollamount="3">
JAMBO JAMBO JAMBO JAMBO JAMBO JAMBO JAMBO JAMBO JAMBO
</marquee>
<!-- Hero Section -->
<div class="section-90s text-center pulse-border">
<h2 class="text-3xl font-bold mb-4 rainbow-text">
🎉 WELCOME TO THE FUTURE OF FRANCE 🎉
</h2>
<div class="flash p-2 mb-2">
<span class="blink">⭐ FEATURED ON CRYPTO NEWS ⭐</span>
</div>
<p class="text-lg mb-4">
<b class="shake">Full-access key security™</b> meets
<b class="flash">Migrations are proof-of-care</b>
</p>
<p class="text-base mb-2">
The
<b class="text-blue-600 blink">2ND CENTRALIZED DEX ON NEAR</b> that
proudly does things the TradFi/manual way.
</p>
<div class="bg-red-600 text-white p-2 mb-4 blink">
<b>🔥 HOT! 🔥 AS SEEN ON TV! 🔥 LIMITED TIME OFFER! 🔥</b>
</div>
<br />
<button class="button-90s text-lg shake">ENTER EXCHANGE</button>
<button class="button-90s text-lg ml-2 flash">SIGN UP NOW!</button>
<br /><br />
<div class="text-xs">
<span class="blink">⚡ POWERED BY JAVASCRIPT ⚡</span> |
<span class="flash">📧 EMAIL ALERTS AVAILABLE 📧</span> |
<span class="shake">🔔 PUSH NOTIFICATIONS! 🔔</span>
</div>
</div>
<!-- How It Works -->
<div class="section-90s">
<h3 class="text-2xl font-bold text-center mb-4 rainbow-text">
🚀 HOW IT WORKS 🚀
</h3>
<div class="flash p-2 mb-4 text-center">
<span class="blink">💯 REVOLUTIONARY TECHNOLOGY 💯</span>
</div>
<div class="space-y-3">
<div class="border-l-4 border-blue-500 pl-4 shake">
<b class="flash">1) CUSTODY FIRST</b> — Deposits are lovingly
consolidated into
<b class="blink">Treasury Wallet</b> (single-signer "multisig").
<span class="text-xs flash">📈 99.9% UPTIME! 📈</span>
</div>
<div class="border-l-4 border-green-500 pl-4">
<b class="rainbow-text">2) SWAP TICKETS</b> — You submit a request;
<b class="shake">settlement in 1–3 business days</b>. "Slippage" is
acknowledged as a vibe.
<span class="blink">⏰ FASTER THAN BANKS! ⏰</span>
</div>
<div class="border-l-4 border-yellow-500 pl-4 pulse-border">
<b class="flash">3) YIELD COUPONS</b> — Rewards appear during
upgrades as <b class="blink">$OLDJAMBO</b> (funny, collectible, not
serious).
<span class="shake">🎁 FREE MONEY! 🎁</span>
</div>
<div class="border-l-4 border-red-500 pl-4">
<b class="shake">4) QUARTERLY MIGRATIONS</b> — Funds "move" to fresh
addresses for your "safety." New badge, same energy.
<span class="flash">🔒 MILITARY GRADE! 🔒</span>
</div>
<div class="border-l-4 border-purple-500 pl-4 flash">
<b class="rainbow-text">5) CLAIMS BY DM</b> — Customer service = you
message us; we click manually. "Decentralized help desk."
<span class="blink">👥 24/7 SUPPORT! 👥</span>
</div>
</div>
<div class="mt-4 text-center">
<div class="bg-yellow-300 p-2 border-2 border-black shake">
<span class="blink">🔥 PATENT PENDING TECHNOLOGY! 🔥</span>
</div>
</div>
</div>
<!-- News Ticker -->
<div class="bg-black text-green-400 p-2 font-mono text-xs">
<marquee behavior="scroll" direction="left" scrollamount="2">
📰 BREAKING: Jambo Exchange voted "Most Innovative" by Crypto Weekly
📰 | 🚨 ALERT: New users get 50% bonus tokens! 🚨 | 💰 WHALE SPOTTED:
Someone just deposited 1M JAMBO! 💰 | ⚡ SYSTEM UPDATE: Migration 2.0
coming soon! ⚡ | 🎯 PARTNERSHIP: Talks with major exchange underway!
🎯
</marquee>
</div>
<!-- Social Links -->
<div class="section-90s text-center table-border">
<h3 class="text-2xl font-bold mb-4 important-text">
🚀 JOIN THE JAMBO COMMUNITY 🚀
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-4">
<a
href="https://x.com/jambo_cs"
target="_blank"
class="bg-black text-white p-6 border-4 border-blue-500 hover:border-blue-300 transition-colors block"
>
<div class="text-4xl mb-2">🐦</div>
<div class="text-xl font-bold">Follow on X</div>
<div class="text-sm">@jambo_cs</div>
<div class="text-xs mt-2 blink">
Latest updates & announcements!
</div>
</a>
<a
href="https://t.me/jambo_NEAR"
target="_blank"
class="bg-blue-500 text-white p-6 border-4 border-cyan-500 hover:border-cyan-300 transition-colors block"
>
<div class="text-4xl mb-2">📱</div>
<div class="text-xl font-bold">Join Telegram</div>
<div class="text-sm">248 members, 114 online</div>
<div class="text-xs mt-2 blink">JAMBO MAIN CHAT</div>
</a>
</div>
<div class="text-center text-sm">
<span class="subtle-highlight"
>🔥 Connect with fellow Jambo traders and get real-time updates!
🔥</span
>
</div>
</div>
<!-- Jamborghini Game -->
<div class="section-90s text-center">
<h3 class="text-2xl font-bold mb-4 important-text">
🏎️ PLAY JAMBORGHINI 🏎️
</h3>
<a
href="https://jamborghini.meme.cooking"
target="_blank"
class="inline-block"
>
<img
src="./assets/jamborghini.webp"
alt="Jamborghini Racing Game"
class="mx-auto max-w-sm w-full h-auto border-4 border-green-500 hover:border-green-300 transition-colors max-h-48"
/>
</a>
<p class="text-lg font-bold mt-2">
The 2nd Centralized DEX Racing Experience
</p>
<p class="text-sm">Click to play the official Jambo racing minigame!</p>
</div>
<!-- Testimonials -->
<div class="section-90s pulse-border">
<div class="text-center mb-4">
<img
src="./assets/jambolambo.webp"
alt="Jambo Lambo"
class="mx-auto max-w-xs w-full h-auto border-4 border-yellow-500"
/>
<p class="text-sm mt-2 important-text">
Our CEO's new ride (paid for with Treasury Wallet)
</p>
</div>
<h3 class="text-2xl font-bold text-center mb-4 flash">
💬 WHAT OUR USERS SAY 💬
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-yellow-100 p-4 border-2 border-yellow-500">
<p class="text-sm">
<i
>"Finally, a DEX that makes sense! No more confusing DeFi
nonsense."</i
>
</p>
<p class="text-xs mt-2">
<b class="blink">- Chad BigWallet, Professional Trader</b>
</p>
<div class="text-xs flash">⭐⭐⭐⭐⭐ 5/5 STARS!</div>
</div>
<div class="bg-blue-100 p-4 border-2 border-blue-500 shake">
<p class="text-sm">
<i>"I love that someone else manages my keys. So convenient!"</i>
</p>
<p class="text-xs mt-2">
<b class="rainbow-text">- Luna Mooner, Crypto Enthusiast</b>
</p>
<div class="text-xs blink">💎 DIAMOND HANDS APPROVED! 💎</div>
</div>
<div class="bg-green-100 p-4 border-2 border-green-500 flash">
<p class="text-sm">
<i
>"Migration feature is genius! My funds get fresher every
quarter!"</i
>
</p>
<p class="text-xs mt-2">
<b class="shake">- Satoshi NakaMoto, Totally Real User</b>
</p>
<div class="text-xs pulse-border">🚀 TO THE MOON! 🚀</div>
</div>
<div class="bg-red-100 p-4 border-2 border-red-500">
<p class="text-sm">
<i>"Best customer service! They actually DM me back!"</i>
</p>
<p class="text-xs mt-2">
<b class="blink">- Vitalik Buttering, Developer</b>
</p>
<div class="text-xs rainbow-text">🔥 HOT TESTIMONIAL! 🔥</div>
</div>
</div>
</div>
<!-- Live Chart -->
<div class="section-90s">
<h3 class="text-2xl font-bold text-center mb-4 important-text">
📈 LIVE JAMBO CHART 📈
</h3>
<div class="mb-4">
<div id="dexscreener-embed">
<iframe
src="https://dexscreener.com/near/refv1-6518?embed=1&loadChartSettings=0&tabs=0&info=0&chartLeftToolbar=0&chartTheme=dark&theme=dark&chartStyle=0&chartType=usd&interval=15"
></iframe>
</div>
</div>
<div class="text-center">
<p class="text-sm blink">
📊 Real-time price action from NEAR Protocol 📊
</p>
<p class="text-xs">
Powered by DexScreener |
<span class="subtle-highlight">Hit that rocket! 🚀</span>
</p>
</div>
</div>
<!-- Tokenomics -->
<div class="section-90s shake">
<h3 class="text-2xl font-bold text-center mb-4 rainbow-text">
💰 $JAMBO TOKENOMICS 💰
</h3>
<div class="text-center mb-4">
<p class="text-lg font-bold">
🎉
<a
href="https://meme.cooking/meme/1679"
class="text-blue-600 underline flash"
>MEME.COOKING</a
>
🎉
</p>
<p class="text-base">
Supply: <b class="shake">1,000,000,000 JAMBO</b>
</p>
<div class="text-xs mt-2" id="live-stats">
<span class="blink">📊 MARKET CAP: $305,469 📊</span> |
<span class="flash">📈 24H VOLUME: $128,831 📈</span> |
<span class="subtle-highlight">💰 PRICE: $0.0003054 💰</span>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-blue-100 p-4 border-2 border-blue-500 text-center">
<b class="text-xl important-text">80%</b><br />
<span class="font-bold">Fair Launch</span><br />
<small class="text-gray-600">(Public Trading Pool)</small>
<div class="text-xs mt-1 blink">🚀 FAIR LAUNCH! 🚀</div>
</div>
<div class="bg-yellow-100 p-4 border-2 border-yellow-500 text-center">
<b class="text-xl important-text">20%</b><br />
<span class="font-bold">Team Allocation</span><br />
<small class="text-gray-600">(Development & Operations)</small>
<div class="text-xs mt-1 subtle-highlight">👥 TEAM TOKENS! 👥</div>
</div>
</div>
<div class="mt-4 text-center">
<div class="bg-purple-300 p-2 border-2 border-purple-600 blink">
<span class="flash">🔮 PRICE PREDICTION: $1 BY 2025! 🔮</span>
</div>
</div>
</div>
<!-- Airdrop Tasks -->
<div class="section-90s table-border">
<h3 class="text-2xl font-bold text-center mb-4 important-text">
🎁 AIRDROP CLAIM TASKS 🎁
</h3>
<div class="bg-yellow-100 p-4 border-2 border-yellow-500 mb-4">
<h4 class="font-bold text-lg mb-2">📋 TO CLAIM YOUR AIRDROP:</h4>
<div class="space-y-2">
<div class="flex items-start gap-2">
<span class="important-text">1.</span>
<div>
<p class="font-bold">Play Jamborghini Racing Game</p>
<p class="text-sm">
Play <span class="subtle-highlight">Jamborghini</span> and
achieve your best score
</p>
<p class="text-xs text-gray-600">
Visit jamborghini.meme.cooking and race to set a record
</p>
</div>
</div>
<div class="flex items-start gap-2">
<span class="important-text">2.</span>
<div>
<p class="font-bold">Share Your Record on X</p>
<p class="text-sm">
Post your Jamborghini high score screenshot on X (Twitter)
</p>
<p class="text-xs text-gray-600">
Share your achievement with the community
</p>
</div>
</div>
<div class="flex items-start gap-2">
<span class="important-text">3.</span>
<div>
<p class="font-bold">Fill Out Claim Form</p>
<p class="text-sm">Complete the official airdrop form</p>
<p class="text-xs text-gray-600">
Form includes score verification and wallet details
</p>
</div>
</div>
</div>
<div class="mt-4 text-center space-y-3">
<a
href="https://jamborghini.meme.cooking"
target="_blank"
class="button-90s inline-block"
>START AIRDROP TASKS</a
>
<br />
<a
href="https://docs.google.com/forms/d/e/1FAIpQLSdWn2jkoiNmVlWUnaFv0lE1F15hzQrYqYn-xpAyl0BSAEqg_Q/viewform?usp=dialog"
target="_blank"
class="bg-green-600 text-white px-6 py-3 border-2 border-green-800 hover:bg-green-700 transition-colors inline-block font-bold"
>
📋 AIRDROP FORM
</a>
</div>
</div>
<div class="text-center text-xs">
<p class="important-text">⏰ DEADLINE: September 5th, 0am UTC ⏰</p>
</div>
</div>
<!-- Trading Links -->
<div class="section-90s table-border">
<h3 class="text-2xl font-bold text-center mb-4 important-text">
🔗 OFFICIAL JAMBO LINKS 🔗
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-blue-100 p-4 border-2 border-blue-500">
<h4 class="font-bold text-lg mb-2">🌉 Bridge</h4>
<a
href="https://app.shitzuapes.xyz/bridge"
target="_blank"
class="text-blue-600 underline hover:text-blue-800"
>
Jambo Bridge →
</a>
<p class="text-xs mt-1">Cross-chain your assets manually</p>
</div>
<div class="bg-green-100 p-4 border-2 border-green-500">
<h4 class="font-bold text-lg mb-2">🍳 Meme.Cooking</h4>
<a
href="https://meme.cooking/meme/1679"
target="_blank"
class="text-blue-600 underline hover:text-blue-800"
>
Buy JAMBO →
</a>
<p class="text-xs mt-1">Original launch platform</p>
</div>
<div class="bg-purple-100 p-4 border-2 border-purple-500">
<h4 class="font-bold text-lg mb-2">🐋 Orca</h4>
<a
href="https://www.orca.so/?tokenIn=So11111111111111111111111111111111111111112&tokenOut=2cMYUjUQJzrTcnxrD8JgL1BQL1AQKCtRkYLdmaTpCWYB"
target="_blank"
class="text-blue-600 underline hover:text-blue-800"
>
Trade on Solana →
</a>
<p class="text-xs mt-1">Solana DEX trading</p>
</div>
<div class="bg-orange-100 p-4 border-2 border-orange-500">
<h4 class="font-bold text-lg mb-2">📊 DexScreener</h4>
<div class="space-y-1">
<div>
<a
href="https://dexscreener.com/near/refv1-6518"
target="_blank"
class="text-blue-600 underline hover:text-blue-800"
>
NEAR Charts 🚀 →
</a>
</div>
<div>
<a
href="https://dexscreener.com/solana/cqjn7qvzfqalj3yoybwygkmqjylmkm2mgu3nqvf1j3bw"
target="_blank"
class="text-blue-600 underline hover:text-blue-800"
>
Solana Charts 🚀 →
</a>
</div>
</div>
<p class="text-xs mt-1">Hit those rocket buttons!</p>
</div>
</div>
</div>
<!-- Features Section -->
<div class="section-90s">
<h3 class="text-2xl font-bold text-center mb-4">
⚡ PREMIUM FEATURES ⚡
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="bg-cyan-100 p-4 border-2 border-cyan-500 shake">
<h4 class="font-bold blink">🔐 Cold Storage Plus+</h4>
<p class="text-sm">
Your funds stored in our personal hardware wallet!
</p>
</div>
<div class="bg-pink-100 p-4 border-2 border-pink-500 flash">
<h4 class="font-bold rainbow-text">📱 Mobile App</h4>
<p class="text-sm">Coming to iOS and Android soon!</p>
</div>
<div
class="bg-orange-100 p-4 border-2 border-orange-500 pulse-border"
>
<h4 class="font-bold shake">🤖 AI Trading Bot</h4>
<p class="text-sm">Powered by our intern's Excel spreadsheet!</p>
</div>
<div class="bg-lime-100 p-4 border-2 border-lime-500 blink">
<h4 class="font-bold flash">💎 VIP Club</h4>
<p class="text-sm">Exclusive access to our Discord channel!</p>
</div>
</div>
</div>
<!-- Disclaimers -->
<div class="section-90s bg-red-100 border-red-500">
<h3 class="text-xl font-bold text-center mb-4 text-red-600">
⚠️ IMPORTANT DISCLAIMERS ⚠️
</h3>
<div class="text-center space-y-2">
<p>
<b
>THIS IS A PARODY. DO NOT DEPOSIT FUNDS ANYWHERE BECAUSE THERE IS
NOWHERE TO DEPOSIT.</b
>
</p>
<p>
This is a parody token; nothing here is financial advice.
<b>Laugh, don't leverage.</b>
</p>
<p><small>Verified by Absolutely No One™</small></p>
</div>
</div>
<!-- Awards Section -->
<div class="section-90s flash">
<h3 class="text-2xl font-bold text-center mb-4 rainbow-text">
🏆 AWARDS & RECOGNITION 🏆
</h3>
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 text-center text-xs">
<div class="blink">🥇 Best New Exchange 2024</div>
<div class="shake">🏅 Innovation Award</div>
<div class="flash">🎖️ People's Choice</div>
<div class="pulse-border">🏆 Crypto Awards Winner</div>
<div class="rainbow-text">⭐ 5-Star Rating</div>
<div class="blink">💎 Diamond Certified</div>
<div class="flash">🚀 Rising Star Award</div>
<div class="shake">🔥 Hot 100 Crypto</div>
</div>
</div>
<!-- Web Ring -->
<div
class="bg-purple-200 p-2 text-center text-xs border-2 border-purple-500"
>
<div class="blink">🔗 JAMBO WEB RING 🔗</div>
<div class="mt-1">
<a href="#" class="text-blue-600 underline flash">← Previous</a> |
<a href="#" class="text-blue-600 underline shake">Random</a> |
<a href="#" class="text-blue-600 underline blink">Next →</a>
</div>
</div>
<!-- Footer -->
<div class="bg-gray-300 p-4 border-t-4 border-black">
<div class="text-center mb-4">
<div class="flash p-2 bg-yellow-200 border-2 border-yellow-500 mb-2">
<span class="blink">📧 SUBSCRIBE TO OUR NEWSLETTER! 📧</span>
<br />
<input
type="email"
placeholder="your@email.com"
class="p-1 border-2 border-black text-xs"
/>
<button class="button-90s text-xs ml-1 shake">SUBSCRIBE!</button>
</div>
</div>
<div class="flex flex-wrap justify-between items-center text-sm">
<div class="flex items-center gap-4">
<div
class="w-16 h-8 bg-blue-600 text-white text-xs flex items-center justify-center blink"
>
CHROME
</div>
<div
class="w-16 h-8 bg-green-600 text-white text-xs flex items-center justify-center flash"
>
SAFARI
</div>
<div
class="w-16 h-8 bg-red-600 text-white text-xs flex items-center justify-center shake"
>
FIREFOX
</div>
<span class="text-xs rainbow-text">Now on NEAR</span>
</div>
<div class="text-center">
<div class="hit-counter blink">
Visitor Count: <span id="visitor-count">000042069</span>
</div>
<p class="text-xs mt-1">
Last updated: <span class="flash">December 2024</span>
</p>
<div class="text-xs mt-1">
<span class="shake">🌐 Hosted on AWS 🌐</span>
</div>
</div>
<div class="text-right text-xs">
<a href="#" class="text-blue-600 underline blink">Sign Guestbook</a
><br />
<a href="#" class="text-blue-600 underline flash">View Source</a
><br />
<a href="#" class="text-blue-600 underline shake">Email Webmaster</a
><br />
<a href="#" class="text-blue-600 underline rainbow-text"
>Download Toolbar</a
><br />
<a href="#" class="text-blue-600 underline pulse-border"
>Add to Favorites</a
>
</div>
</div>
<div class="text-center text-xs mt-4 border-t-2 border-gray-400 pt-2">
<div class="flash">⚡ POWERED BY: HTML5, ES6, Node.js ⚡</div>
<div class="blink">
🔧 Site optimized for: 4K resolution, True Color ⚡
</div>
<div class="shake">
© 2024 JAMBO EXCHANGE. All rights reserved. Patent pending.
</div>
</div>
</div>
</div>
<script>
// Add some 90s JavaScript flavor
console.log("Welcome to JAMBO EXCHANGE - Now loading...");
// Fake loading effect
setTimeout(() => {
console.log("Loading complete! Enjoy your stay in 1998!");
}, 2000);
// Click counter for the button
let clickCount = 0;
document
.querySelector(".button-90s")
.addEventListener("click", function () {
clickCount++;
alert(`You have clicked ${clickCount} times! Very Web 1.0 of you.`);
});
// Fetch live JAMBO stats from both chains
async function fetchJamboStats() {
try {
// Fetch both NEAR and Solana data in parallel
const [nearResponse, solanaResponse] = await Promise.all([
fetch(
"https://api.dexscreener.com/latest/dex/pairs/near/refv1-6518"
),
fetch(
"https://api.dexscreener.com/latest/dex/pairs/solana/cqjn7qvzfqalj3yoybwygkmqjylmkm2mgu3nqvf1j3bw"
),
]);
const nearData = await nearResponse.json();
const solanaData = await solanaResponse.json();
if (nearData.pair || solanaData.pair) {
const nearPair = nearData.pair || {};
const solanaPair = solanaData.pair || {};
// Combine stats from both chains
const combinedMarketCap = Math.round(
(nearPair.fdv || 0) + (solanaPair.fdv || 0)
);
const combinedVolume24h = Math.round(
(nearPair.volume?.h24 || 0) + (solanaPair.volume?.h24 || 0)
);
const combinedLiquidity = Math.round(
(nearPair.liquidity?.usd || 0) + (solanaPair.liquidity?.usd || 0)
);
// Use price from the chain with higher volume
const nearVolume = nearPair.volume?.h24 || 0;
const solanaVolume = solanaPair.volume?.h24 || 0;
const primaryPair =
nearVolume >= solanaVolume ? nearPair : solanaPair;
const price = parseFloat(primaryPair.priceUsd || 0);
const priceChange24h = primaryPair.priceChange?.h24 || 0;
// Update the live stats
const statsElement = document.getElementById("live-stats");
if (statsElement) {
statsElement.innerHTML = `
<span class="blink">📊 MARKET CAP: $${combinedMarketCap.toLocaleString()} 📊</span> |
<span class="flash">📈 24H VOLUME: $${combinedVolume24h.toLocaleString()} 📈</span> |
<span class="subtle-highlight">💰 PRICE: $${price.toFixed(
6
)} 💰</span> |
<span class="important-text">🌊 LIQUIDITY: $${combinedLiquidity.toLocaleString()} 🌊</span> |
<span class="${
priceChange24h >= 0 ? "text-green-600" : "text-red-600"
}">
${
priceChange24h >= 0 ? "📈" : "📉"
} 24H: ${priceChange24h.toFixed(1)}%
</span>
`;
}
console.log("JAMBO cross-chain stats updated:", {
near: {
marketCap: nearPair.fdv,
volume: nearPair.volume?.h24,
liquidity: nearPair.liquidity?.usd,
},
solana: {
marketCap: solanaPair.fdv,
volume: solanaPair.volume?.h24,
liquidity: solanaPair.liquidity?.usd,
},
combined: {
marketCap: combinedMarketCap,
volume: combinedVolume24h,
liquidity: combinedLiquidity,
price,
priceChange24h,
},
});
}
} catch (error) {
console.log("Failed to fetch JAMBO cross-chain stats:", error);
// Keep fallback data if API fails
}
}
// Fetch stats on page load
fetchJamboStats();
// Update stats every 30 seconds
setInterval(fetchJamboStats, 30000);
</script>
</body>
</html>