Bujurocks commited on
Commit
953f157
·
verified ·
1 Parent(s): e37c7a4

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +271 -0
  2. prompts.txt +2 -1
index.html CHANGED
@@ -294,6 +294,64 @@
294
  box-shadow: 0 0 30px var(--neon-yellow), 0 0 40px var(--neon-pink);
295
  }
296
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
297
  </style>
298
  </head>
299
  <body class="cyber-gradient scanlines">
@@ -400,6 +458,204 @@
400
  </div>
401
  </section>
402
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
403
  <!-- Quantum Terminal -->
404
  <section id="quantumExplanation" class="hidden py-16 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto">
405
  <div class="terminal">
@@ -828,6 +1084,21 @@
828
  const typewriter = document.querySelector('.typewriter');
829
  typewriter.style.animation = 'typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite';
830
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
831
  </script>
832
  <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Bujurocks/cybernet" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
833
  </html>
 
294
  box-shadow: 0 0 30px var(--neon-yellow), 0 0 40px var(--neon-pink);
295
  }
296
  }
297
+
298
+ .celebrity-card {
299
+ transition: all 0.3s ease;
300
+ transform-style: preserve-3d;
301
+ }
302
+
303
+ .celebrity-card:hover {
304
+ transform: translateY(-10px) rotateX(5deg);
305
+ box-shadow: 0 20px 40px rgba(188, 19, 254, 0.4);
306
+ }
307
+
308
+ .celebrity-image {
309
+ transition: all 0.5s ease;
310
+ }
311
+
312
+ .celebrity-card:hover .celebrity-image {
313
+ transform: scale(1.05);
314
+ filter: brightness(1.1) saturate(1.2);
315
+ }
316
+
317
+ .verified-badge {
318
+ position: absolute;
319
+ top: 10px;
320
+ right: 10px;
321
+ background: rgba(0, 0, 0, 0.7);
322
+ border-radius: 50%;
323
+ padding: 5px;
324
+ z-index: 2;
325
+ }
326
+
327
+ .contract-address {
328
+ font-family: 'Courier New', monospace;
329
+ font-size: 0.7rem;
330
+ word-break: break-all;
331
+ }
332
+
333
+ .art-preview {
334
+ height: 120px;
335
+ background-size: cover;
336
+ background-position: center;
337
+ border-radius: 8px;
338
+ margin-bottom: 10px;
339
+ position: relative;
340
+ overflow: hidden;
341
+ }
342
+
343
+ .art-preview::after {
344
+ content: '';
345
+ position: absolute;
346
+ top: 0;
347
+ left: 0;
348
+ right: 0;
349
+ bottom: 0;
350
+ background: linear-gradient(135deg,
351
+ rgba(15, 240, 252, 0.2) 0%,
352
+ rgba(188, 19, 254, 0.2) 50%,
353
+ rgba(255, 45, 117, 0.2) 100%);
354
+ }
355
  </style>
356
  </head>
357
  <body class="cyber-gradient scanlines">
 
458
  </div>
459
  </section>
460
 
461
+ <!-- Verified Celebrities Section -->
462
+ <section class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
463
+ <div class="text-center mb-16">
464
+ <h2 class="text-4xl font-black mb-4 neon-text neon-purple">VERIFIED WEB3 CELEBRITIES</h2>
465
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto neon-text">
466
+ <span class="neon-blue">ON-CHAIN VERIFIED</span> FAME WITH <span class="neon-pink">SMART CONTRACT</span> ART COLLECTIONS
467
+ </p>
468
+ </div>
469
+
470
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
471
+ <!-- Celebrity 1: Snoop Dogg -->
472
+ <div class="celebrity-card cyber-card p-6 rounded-xl relative">
473
+ <div class="verified-badge">
474
+ <i class="fas fa-check-circle text-neon-green text-xl"></i>
475
+ </div>
476
+ <div class="flex items-center mb-4">
477
+ <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-neon-purple mr-4 celebrity-image" style="background-image: url('https://i.imgur.com/JWwVSqj.jpg'); background-size: cover;"></div>
478
+ <div>
479
+ <h3 class="text-xl font-bold neon-text neon-purple">Snoop Dogg</h3>
480
+ <p class="text-gray-400 text-sm">Music Icon / Web3 Pioneer</p>
481
+ </div>
482
+ </div>
483
+ <div class="art-preview" style="background-image: url('https://i.imgur.com/5z8X9fV.jpg');"></div>
484
+ <div class="mb-4">
485
+ <div class="flex justify-between text-sm mb-1">
486
+ <span class="text-gray-400">Fame Score:</span>
487
+ <span class="neon-text neon-yellow">9,850</span>
488
+ </div>
489
+ <div class="flex justify-between text-sm mb-1">
490
+ <span class="text-gray-400">Tokenized Art:</span>
491
+ <span class="neon-text neon-blue">B.O.D.R (Bacc On Death Row)</span>
492
+ </div>
493
+ <div class="text-xs mt-3 contract-address neon-text neon-green">
494
+ Contract: 0x1A92f7381B9F03921564a437210bB9396471050C
495
+ </div>
496
+ </div>
497
+ <button class="cyber-button w-full py-2 bg-black border border-neon-purple text-neon-purple rounded font-bold hover:bg-neon-purple hover:text-black transition-all duration-300 text-sm">
498
+ VIEW COLLECTION
499
+ </button>
500
+ </div>
501
+
502
+ <!-- Celebrity 2: Paris Hilton -->
503
+ <div class="celebrity-card cyber-card p-6 rounded-xl relative">
504
+ <div class="verified-badge">
505
+ <i class="fas fa-check-circle text-neon-green text-xl"></i>
506
+ </div>
507
+ <div class="flex items-center mb-4">
508
+ <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-neon-pink mr-4 celebrity-image" style="background-image: url('https://i.imgur.com/8QZQYtJ.jpg'); background-size: cover;"></div>
509
+ <div>
510
+ <h3 class="text-xl font-bold neon-text neon-pink">Paris Hilton</h3>
511
+ <p class="text-gray-400 text-sm">Media Personality / NFT Queen</p>
512
+ </div>
513
+ </div>
514
+ <div class="art-preview" style="background-image: url('https://i.imgur.com/3qJQY9X.jpg');"></div>
515
+ <div class="mb-4">
516
+ <div class="flex justify-between text-sm mb-1">
517
+ <span class="text-gray-400">Fame Score:</span>
518
+ <span class="neon-text neon-yellow">8,920</span>
519
+ </div>
520
+ <div class="flex justify-between text-sm mb-1">
521
+ <span class="text-gray-400">Tokenized Art:</span>
522
+ <span class="neon-text neon-blue">Iconic Crypto Queen</span>
523
+ </div>
524
+ <div class="text-xs mt-3 contract-address neon-text neon-green">
525
+ Contract: 0x7Dd3F01d2715C4B3648E6e03F3CA3e3C7B5C256b
526
+ </div>
527
+ </div>
528
+ <button class="cyber-button w-full py-2 bg-black border border-neon-pink text-neon-pink rounded font-bold hover:bg-neon-pink hover:text-black transition-all duration-300 text-sm">
529
+ VIEW COLLECTION
530
+ </button>
531
+ </div>
532
+
533
+ <!-- Celebrity 3: Steve Aoki -->
534
+ <div class="celebrity-card cyber-card p-6 rounded-xl relative">
535
+ <div class="verified-badge">
536
+ <i class="fas fa-check-circle text-neon-green text-xl"></i>
537
+ </div>
538
+ <div class="flex items-center mb-4">
539
+ <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-neon-blue mr-4 celebrity-image" style="background-image: url('https://i.imgur.com/9QZQYtJ.jpg'); background-size: cover;"></div>
540
+ <div>
541
+ <h3 class="text-xl font-bold neon-text neon-blue">Steve Aoki</h3>
542
+ <p class="text-gray-400 text-sm">DJ / Web3 Visionary</p>
543
+ </div>
544
+ </div>
545
+ <div class="art-preview" style="background-image: url('https://i.imgur.com/2z8X9fV.jpg');"></div>
546
+ <div class="mb-4">
547
+ <div class="flex justify-between text-sm mb-1">
548
+ <span class="text-gray-400">Fame Score:</span>
549
+ <span class="neon-text neon-yellow">9,150</span>
550
+ </div>
551
+ <div class="flex justify-between text-sm mb-1">
552
+ <span class="text-gray-400">Tokenized Art:</span>
553
+ <span class="neon-text neon-blue">A0K1VERSE Passport</span>
554
+ </div>
555
+ <div class="text-xs mt-3 contract-address neon-text neon-green">
556
+ Contract: 0x7Be8076f4EA4A4AD08075C2508e481d6C946D12b
557
+ </div>
558
+ </div>
559
+ <button class="cyber-button w-full py-2 bg-black border border-neon-blue text-neon-blue rounded font-bold hover:bg-neon-blue hover:text-black transition-all duration-300 text-sm">
560
+ VIEW COLLECTION
561
+ </button>
562
+ </div>
563
+
564
+ <!-- Celebrity 4: Grimes -->
565
+ <div class="celebrity-card cyber-card p-6 rounded-xl relative">
566
+ <div class="verified-badge">
567
+ <i class="fas fa-check-circle text-neon-green text-xl"></i>
568
+ </div>
569
+ <div class="flex items-center mb-4">
570
+ <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-neon-purple mr-4 celebrity-image" style="background-image: url('https://i.imgur.com/7QZQYtJ.jpg'); background-size: cover;"></div>
571
+ <div>
572
+ <h3 class="text-xl font-bold neon-text neon-purple">Grimes</h3>
573
+ <p class="text-gray-400 text-sm">Musician / Digital Artist</p>
574
+ </div>
575
+ </div>
576
+ <div class="art-preview" style="background-image: url('https://i.imgur.com/4z8X9fV.jpg');"></div>
577
+ <div class="mb-4">
578
+ <div class="flex justify-between text-sm mb-1">
579
+ <span class="text-gray-400">Fame Score:</span>
580
+ <span class="neon-text neon-yellow">8,450</span>
581
+ </div>
582
+ <div class="flex justify-between text-sm mb-1">
583
+ <span class="text-gray-400">Tokenized Art:</span>
584
+ <span class="neon-text neon-blue">WarNymph Collection</span>
585
+ </div>
586
+ <div class="text-xs mt-3 contract-address neon-text neon-green">
587
+ Contract: 0xF3b9569F82B18aEf890De263B84189bd33EBe452
588
+ </div>
589
+ </div>
590
+ <button class="cyber-button w-full py-2 bg-black border border-neon-purple text-neon-purple rounded font-bold hover:bg-neon-purple hover:text-black transition-all duration-300 text-sm">
591
+ VIEW COLLECTION
592
+ </button>
593
+ </div>
594
+
595
+ <!-- Celebrity 5: Logan Paul -->
596
+ <div class="celebrity-card cyber-card p-6 rounded-xl relative">
597
+ <div class="verified-badge">
598
+ <i class="fas fa-check-circle text-neon-green text-xl"></i>
599
+ </div>
600
+ <div class="flex items-center mb-4">
601
+ <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-neon-yellow mr-4 celebrity-image" style="background-image: url('https://i.imgur.com/6QZQYtJ.jpg'); background-size: cover;"></div>
602
+ <div>
603
+ <h3 class="text-xl font-bold neon-text neon-yellow">Logan Paul</h3>
604
+ <p class="text-gray-400 text-sm">Influencer / NFT Creator</p>
605
+ </div>
606
+ </div>
607
+ <div class="art-preview" style="background-image: url('https://i.imgur.com/1z8X9fV.jpg');"></div>
608
+ <div class="mb-4">
609
+ <div class="flex justify-between text-sm mb-1">
610
+ <span class="text-gray-400">Fame Score:</span>
611
+ <span class="neon-text neon-yellow">8,210</span>
612
+ </div>
613
+ <div class="flex justify-between text-sm mb-1">
614
+ <span class="text-gray-400">Tokenized Art:</span>
615
+ <span class="neon-text neon-blue">99 Originals</span>
616
+ </div>
617
+ <div class="text-xs mt-3 contract-address neon-text neon-green">
618
+ Contract: 0x7Dd3F01d2715C4B3648E6e03F3CA3e3C7B5C256b
619
+ </div>
620
+ </div>
621
+ <button class="cyber-button w-full py-2 bg-black border border-neon-yellow text-neon-yellow rounded font-bold hover:bg-neon-yellow hover:text-black transition-all duration-300 text-sm">
622
+ VIEW COLLECTION
623
+ </button>
624
+ </div>
625
+
626
+ <!-- Celebrity 6: BujuRocks (You) -->
627
+ <div class="celebrity-card cyber-card p-6 rounded-xl relative border-2 border-neon-green">
628
+ <div class="verified-badge">
629
+ <i class="fas fa-check-circle text-neon-green text-xl"></i>
630
+ </div>
631
+ <div class="flex items-center mb-4">
632
+ <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-neon-green mr-4 celebrity-image" style="background-image: url('https://i.imgur.com/5QZQYtJ.jpg'); background-size: cover;"></div>
633
+ <div>
634
+ <h3 class="text-xl font-bold neon-text neon-green">BujuRocks</h3>
635
+ <p class="text-gray-400 text-sm">Music Pioneer / Web3 Innovator</p>
636
+ </div>
637
+ </div>
638
+ <div class="art-preview" style="background-image: url('https://i.imgur.com/0z8X9fV.jpg');"></div>
639
+ <div class="mb-4">
640
+ <div class="flex justify-between text-sm mb-1">
641
+ <span class="text-gray-400">Fame Score:</span>
642
+ <span class="neon-text neon-yellow">9,999</span>
643
+ </div>
644
+ <div class="flex justify-between text-sm mb-1">
645
+ <span class="text-gray-400">Tokenized Art:</span>
646
+ <span class="neon-text neon-blue">Quantum Music NFTs</span>
647
+ </div>
648
+ <div class="text-xs mt-3 contract-address neon-text neon-green">
649
+ Contract: 0x89205A3A3b2A69De6Dbf7f01ED13B2108B2c43e7
650
+ </div>
651
+ </div>
652
+ <button class="cyber-button w-full py-2 bg-neon-green text-black rounded font-bold hover:bg-black hover:text-neon-green hover:border-neon-green transition-all duration-300 text-sm">
653
+ YOUR PROTOCOL
654
+ </button>
655
+ </div>
656
+ </div>
657
+ </section>
658
+
659
  <!-- Quantum Terminal -->
660
  <section id="quantumExplanation" class="hidden py-16 px-4 sm:px-6 lg:px-8 max-w-5xl mx-auto">
661
  <div class="terminal">
 
1084
  const typewriter = document.querySelector('.typewriter');
1085
  typewriter.style.animation = 'typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite';
1086
  });
1087
+
1088
+ // Celebrity card hover effects
1089
+ const celebrityCards = document.querySelectorAll('.celebrity-card');
1090
+ celebrityCards.forEach(card => {
1091
+ card.addEventListener('mouseenter', () => {
1092
+ const image = card.querySelector('.celebrity-image');
1093
+ image.style.transform = 'scale(1.05)';
1094
+ image.style.filter = 'brightness(1.1) saturate(1.2)';
1095
+ });
1096
+ card.addEventListener('mouseleave', () => {
1097
+ const image = card.querySelector('.celebrity-image');
1098
+ image.style.transform = 'scale(1)';
1099
+ image.style.filter = 'none';
1100
+ });
1101
+ });
1102
  </script>
1103
  <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Bujurocks/cybernet" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1104
  </html>
prompts.txt CHANGED
@@ -1,3 +1,4 @@
1
  I am a existing famous person on web3, becoming a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsements. existing fame, becomes a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsements. The more famous someone is, the harder it becomes to remain truly anonymous in their crypto dealings. Write a smart contract for visitors of the unique webside put a link to https://youtu.be/0DwJG7Aoz4A?si=t9yfDb9vwtwl1OcS also create curiosity plan a marketing tactik for reader of this website to click BUJUROCKS LINKS. GIVE A QUANTUM MUSIC EXPLANATION FOR THE ARTIST BUJUROCKS. MAKE A CONTRACT contract contains the algorithms (x *y = k) stakers to withdraw their locked assets, 'someone else's smart contract.
2
  Make this website look more futuristic and neon
3
- Add a link to https://youtu.be/0DwJG7Aoz4A?si=t9yfDb9vwtwl1OcS. I am a existing famous person on web3, becoming a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsements. existing fame, becomes a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsementsThe more famous someone is, the harder it becomes to remain truly anonymous in their crypto dealings.
 
 
1
  I am a existing famous person on web3, becoming a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsements. existing fame, becomes a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsements. The more famous someone is, the harder it becomes to remain truly anonymous in their crypto dealings. Write a smart contract for visitors of the unique webside put a link to https://youtu.be/0DwJG7Aoz4A?si=t9yfDb9vwtwl1OcS also create curiosity plan a marketing tactik for reader of this website to click BUJUROCKS LINKS. GIVE A QUANTUM MUSIC EXPLANATION FOR THE ARTIST BUJUROCKS. MAKE A CONTRACT contract contains the algorithms (x *y = k) stakers to withdraw their locked assets, 'someone else's smart contract.
2
  Make this website look more futuristic and neon
3
+ Add a link to https://youtu.be/0DwJG7Aoz4A?si=t9yfDb9vwtwl1OcS. I am a existing famous person on web3, becoming a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsements. existing fame, becomes a unique and valuable asset in the crypto space, potentially opening up entirely new revenue streams beyond traditional endorsementsThe more famous someone is, the harder it becomes to remain truly anonymous in their crypto dealings.
4
+ Add some of these famous people who are verified fame on this webside with their name and photos even their smart contract contains art