Hugging Face's logo

Spaces:
Monday4
/
daniel-space
Running

App Files Community
Monday4 commited on
Commit
6876ef8
·
verified ·
1 Parent(s): fd1186a

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +32 -547
  2. prompts.txt +2 -1
index.html CHANGED
@@ -80,6 +80,28 @@
80
  background: #fff;
81
  border-radius: 50%;
82
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  </style>
84
  </head>
85
  <body class="bg-gray-100 font-sans">
@@ -111,7 +133,11 @@
111
  <div class="flex justify-between items-start">
112
  <div>
113
  <p class="text-sm opacity-80">Total Balance</p>
114
- <h2 class="text-3xl font-bold mt-1">70,000 <span class="text-lg">USDT</span></h2>
 
 
 
 
115
  </div>
116
  <div class="bg-white bg-opacity-20 p-2 rounded-lg">
117
  <i class="fas fa-ellipsis-h"></i>
@@ -120,7 +146,7 @@
120
  <div class="mt-6 flex justify-between">
121
  <div>
122
  <p class="text-xs opacity-80">Equivalent in USD</p>
123
- <p class="font-medium">$70,000.00</p>
124
  </div>
125
  <div class="text-right">
126
  <p class="text-xs opacity-80">Daily Yield</p>
@@ -249,11 +275,11 @@
249
  <div class="grid grid-cols-2 gap-4 mb-4">
250
  <div class="bg-white p-3 rounded-lg">
251
  <p class="text-xs text-gray-500 mb-1">Balance</p>
252
- <p class="font-medium">70,000 USDT</p>
253
  </div>
254
  <div class="bg-white p-3 rounded-lg">
255
  <p class="text-xs text-gray-500 mb-1">Value</p>
256
- <p class="font-medium">$70,000.00</p>
257
  </div>
258
  </div>
259
 
@@ -454,548 +480,7 @@
454
  <div class="flex items-center justify-between mb-3">
455
  <p class="text-sm font-medium">You pay</p>
456
  <div class="text-sm text-gray-500">
457
- Balance: 70,000 USDT
458
- </div>
459
- </div>
460
- <div class="bg-white p-3 rounded-lg flex items-center justify-between">
461
- <input type="number" class="w-1/2 outline-none text-xl font-medium" placeholder="0.00">
462
- <div class="flex items-center">
463
- <div class="w-8 h-8 bg-green-100 rounded-full flex items-center justify-center mr-2">
464
- <i class="fas fa-wallet text-green-500"></i>
465
- </div>
466
- <span class="font-medium">USDT</span>
467
- <i class="fas fa-chevron-down ml-2 text-gray-400"></i>
468
- </div>
469
- </div>
470
- </div>
471
-
472
- <div class="flex justify-center mb-6">
473
- <button class="w-10 h-10 bg-gray-100 rounded-full flex items-center justify-center text-gray-500">
474
- <i class="fas fa-exchange-alt transform rotate-90"></i>
475
- </button>
476
- </div>
477
-
478
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
479
- <div class="flex items-center justify-between mb-3">
480
- <p class="text-sm font-medium">You receive</p>
481
- </div>
482
- <div class="bg-white p-3 rounded-lg flex items-center justify-between">
483
- <input type="number" class="w-1/2 outline-none text-xl font-medium" placeholder="0.00" disabled>
484
- <div class="flex items-center">
485
- <div class="w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-2">
486
- <i class="fab fa-bitcoin text-orange-500"></i>
487
- </div>
488
- <span class="font-medium">BTC</span>
489
- <i class="fas fa-chevron-down ml-2 text-gray-400"></i>
490
- </div>
491
- </div>
492
- </div>
493
-
494
- <div class="bg-blue-50 rounded-xl p-4 mb-6">
495
- <div class="flex items-start">
496
- <div class="w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center mr-3 mt-1">
497
- <i class="fas fa-info-circle text-blue-500 text-xs"></i>
498
- </div>
499
- <div>
500
- <p class="text-sm font-medium text-blue-800">Exchange Rate</p>
501
- <p class="text-xs text-blue-600">1 USDT = 0.000035 BTC</p>
502
- <p class="text-xs text-blue-600 mt-1">No fees for this swap</p>
503
- </div>
504
- </div>
505
- </div>
506
-
507
- <button class="btn-primary w-full py-3 rounded-lg text-white font-medium">
508
- Review Swap
509
- </button>
510
- </div>
511
-
512
- <!-- Scan Section -->
513
- <div id="scanSection" class="section">
514
- <div class="flex items-center mb-6">
515
- <button onclick="showHomeSection()" class="mr-3 text-gray-500">
516
- <i class="fas fa-arrow-left"></i>
517
- </button>
518
- <h2 class="text-xl font-bold">Scan QR Code</h2>
519
- </div>
520
-
521
- <div class="text-center mb-6">
522
- <div class="qr-code mb-4 mx-auto">
523
- <i class="fas fa-camera text-4xl text-gray-300"></i>
524
- </div>
525
- <p class="font-medium">Point your camera at a QR code</p>
526
- <p class="text-sm text-gray-500 mt-1">Scan any USDT address to send payment</p>
527
- </div>
528
-
529
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
530
- <div class="flex items-center justify-between mb-3">
531
- <p class="text-sm font-medium">Or enter address manually</p>
532
- </div>
533
- <div class="bg-white p-3 rounded-lg">
534
- <input type="text" class="w-full outline-none" placeholder="USDT wallet address">
535
- </div>
536
- </div>
537
-
538
- <button class="btn-primary w-full py-3 rounded-lg text-white font-medium">
539
- Continue
540
- </button>
541
- </div>
542
-
543
- <!-- Invest Section -->
544
- <div id="investSection" class="section">
545
- <div class="flex items-center mb-6">
546
- <button onclick="showHomeSection()" class="mr-3 text-gray-500">
547
- <i class="fas fa-arrow-left"></i>
548
- </button>
549
- <h2 class="text-xl font-bold">Invest & Earn</h2>
550
- </div>
551
-
552
- <div class="grid grid-cols-2 gap-4 mb-6">
553
- <div class="bg-green-50 rounded-xl p-4">
554
- <div class="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center mb-3">
555
- <i class="fas fa-coins text-green-500"></i>
556
  </div>
557
- <h3 class="font-medium mb-1">Staking</h3>
558
- <p class="text-xs text-gray-500 mb-2">Earn up to 10% APY</p>
559
- <button class="btn-primary w-full py-2 rounded-lg text-white text-sm">
560
- Explore
561
- </button>
562
- </div>
563
- <div class="bg-blue-50 rounded-xl p-4">
564
- <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mb-3">
565
- <i class="fas fa-chart-line text-blue-500"></i>
566
- </div>
567
- <h3 class="font-medium mb-1">Crypto Index</h3>
568
- <p class="text-xs text-gray-500 mb-2">Diversified portfolio</p>
569
- <button class="btn-primary w-full py-2 rounded-lg text-white text-sm">
570
- Explore
571
- </button>
572
- </div>
573
- <div class="bg-purple-50 rounded-xl p-4">
574
- <div class="w-10 h-10 bg-purple-100 rounded-full flex items-center justify-center mb-3">
575
- <i class="fas fa-gem text-purple-500"></i>
576
- </div>
577
- <h3 class="font-medium mb-1">NFTs</h3>
578
- <p class="text-xs text-gray-500 mb-2">Digital collectibles</p>
579
- <button class="btn-primary w-full py-2 rounded-lg text-white text-sm">
580
- Explore
581
- </button>
582
- </div>
583
- <div class="bg-orange-50 rounded-xl p-4">
584
- <div class="w-10 h-10 bg-orange-100 rounded-full flex items-center justify-center mb-3">
585
- <i class="fas fa-landmark text-orange-500"></i>
586
- </div>
587
- <h3 class="font-medium mb-1">Crypto IRA</h3>
588
- <p class="text-xs text-gray-500 mb-2">Tax-advantaged</p>
589
- <button class="btn-primary w-full py-2 rounded-lg text-white text-sm">
590
- Explore
591
- </button>
592
- </div>
593
- </div>
594
-
595
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
596
- <h3 class="font-medium mb-3">Your Investments</h3>
597
- <div class="space-y-3">
598
- <div class="flex items-center p-3 rounded-lg border border-gray-100 bg-white">
599
- <div class="w-10 h-10 bg-green-100 rounded-full flex items-center justify-center mr-3">
600
- <i class="fas fa-coins text-green-500"></i>
601
- </div>
602
- <div class="flex-1">
603
- <p class="font-medium">USDT Staking</p>
604
- <p class="text-xs text-gray-500">8.5% APY • 30 days</p>
605
- </div>
606
- <div class="text-right">
607
- <p class="font-medium">5,000 USDT</p>
608
- <p class="text-xs text-green-500">+$42.50 earned</p>
609
- </div>
610
- </div>
611
- <div class="flex items-center p-3 rounded-lg border border-gray-100 bg-white">
612
- <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center mr-3">
613
- <i class="fab fa-bitcoin text-orange-500"></i>
614
- </div>
615
- <div class="flex-1">
616
- <p class="font-medium">BTC Savings</p>
617
- <p class="text-xs text-gray-500">5.2% APY • Flexible</p>
618
- </div>
619
- <div class="text-right">
620
- <p class="font-medium">0.12 BTC</p>
621
- <p class="text-xs text-green-500">+$15.60 earned</p>
622
- </div>
623
- </div>
624
- </div>
625
- </div>
626
-
627
- <button class="btn-secondary w-full py-3 rounded-lg font-medium">
628
- <i class="fas fa-plus mr-2"></i> New Investment
629
- </button>
630
- </div>
631
-
632
- <!-- Profile Section -->
633
- <div id="profileSection" class="section">
634
- <div class="flex items-center mb-6">
635
- <button onclick="showHomeSection()" class="mr-3 text-gray-500">
636
- <i class="fas fa-arrow-left"></i>
637
- </button>
638
- <h2 class="text-xl font-bold">My Profile</h2>
639
- </div>
640
-
641
- <div class="text-center mb-6">
642
- <div class="w-20 h-20 bg-gray-200 rounded-full mx-auto mb-3 flex items-center justify-center">
643
- <i class="fas fa-user text-3xl text-gray-500"></i>
644
- </div>
645
- <h3 class="font-bold text-lg">John Doe</h3>
646
- <p class="text-sm text-gray-500">[email protected]</p>
647
- <button class="text-green-500 text-sm font-medium mt-2">
648
- <i class="fas fa-pencil-alt mr-1"></i> Edit Profile
649
- </button>
650
- </div>
651
-
652
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
653
- <h3 class="font-medium mb-3">Account Information</h3>
654
- <div class="space-y-3">
655
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
656
- <div class="flex items-center">
657
- <i class="fas fa-id-card text-gray-500 mr-3"></i>
658
- <p>Account Level</p>
659
- </div>
660
- <p class="font-medium">Verified</p>
661
- </div>
662
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
663
- <div class="flex items-center">
664
- <i class="fas fa-phone text-gray-500 mr-3"></i>
665
- <p>Phone Number</p>
666
- </div>
667
- <p class="font-medium">+1 (555) 123-4567</p>
668
- </div>
669
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
670
- <div class="flex items-center">
671
- <i class="fas fa-map-marker-alt text-gray-500 mr-3"></i>
672
- <p>Country</p>
673
- </div>
674
- <p class="font-medium">United States</p>
675
- </div>
676
- </div>
677
- </div>
678
-
679
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
680
- <h3 class="font-medium mb-3">Security</h3>
681
- <div class="space-y-3">
682
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
683
- <div class="flex items-center">
684
- <i class="fas fa-lock text-gray-500 mr-3"></i>
685
- <p>Password</p>
686
- </div>
687
- <button class="text-green-500 text-sm font-medium">
688
- Change
689
- </button>
690
- </div>
691
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
692
- <div class="flex items-center">
693
- <i class="fas fa-shield-alt text-gray-500 mr-3"></i>
694
- <p>Two-Factor Auth</p>
695
- </div>
696
- <button class="text-green-500 text-sm font-medium">
697
- Enable
698
- </button>
699
- </div>
700
- </div>
701
- </div>
702
-
703
- <button class="btn-secondary w-full py-3 rounded-lg font-medium">
704
- <i class="fas fa-sign-out-alt mr-2"></i> Sign Out
705
- </button>
706
- </div>
707
-
708
- <!-- Settings Section -->
709
- <div id="settingsSection" class="section">
710
- <div class="flex items-center mb-6">
711
- <button onclick="showHomeSection()" class="mr-3 text-gray-500">
712
- <i class="fas fa-arrow-left"></i>
713
- </button>
714
- <h2 class="text-xl font-bold">Settings</h2>
715
- </div>
716
-
717
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
718
- <h3 class="font-medium mb-3">App Settings</h3>
719
- <div class="space-y-3">
720
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
721
- <div class="flex items-center">
722
- <i class="fas fa-moon text-gray-500 mr-3"></i>
723
- <p>Dark Mode</p>
724
- </div>
725
- <label class="relative inline-flex items-center cursor-pointer">
726
- <input type="checkbox" class="sr-only peer">
727
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-500"></div>
728
- </label>
729
- </div>
730
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
731
- <div class="flex items-center">
732
- <i class="fas fa-bell text-gray-500 mr-3"></i>
733
- <p>Notifications</p>
734
- </div>
735
- <label class="relative inline-flex items-center cursor-pointer">
736
- <input type="checkbox" class="sr-only peer" checked>
737
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-500"></div>
738
- </label>
739
- </div>
740
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
741
- <div class="flex items-center">
742
- <i class="fas fa-fingerprint text-gray-500 mr-3"></i>
743
- <p>Biometric Login</p>
744
- </div>
745
- <label class="relative inline-flex items-center cursor-pointer">
746
- <input type="checkbox" class="sr-only peer" checked>
747
- <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-500"></div>
748
- </label>
749
- </div>
750
- </div>
751
- </div>
752
-
753
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
754
- <h3 class="font-medium mb-3">Currency & Language</h3>
755
- <div class="space-y-3">
756
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
757
- <div class="flex items-center">
758
- <i class="fas fa-dollar-sign text-gray-500 mr-3"></i>
759
- <p>Default Currency</p>
760
- </div>
761
- <div class="flex items-center">
762
- <p class="font-medium mr-2">USD</p>
763
- <i class="fas fa-chevron-right text-gray-400"></i>
764
- </div>
765
- </div>
766
- <div class="flex items-center justify-between p-3 rounded-lg border border-gray-100 bg-white">
767
- <div class="flex items-center">
768
- <i class="fas fa-language text-gray-500 mr-3"></i>
769
- <p>Language</p>
770
- </div>
771
- <div class="flex items-center">
772
- <p class="font-medium mr-2">English</p>
773
- <i class="fas fa-chevron-right text-gray-400"></i>
774
- </div>
775
- </div>
776
- </div>
777
- </div>
778
-
779
- <div class="bg-gray-50 rounded-xl p-4 mb-6">
780
- <h3 class="font-medium mb-3">Support</h3>
781
- <div class="space-y-3">
782
- <div class="flex items-center p-3 rounded-lg border border-gray-100 bg-white">
783
- <div class="flex items-center">
784
- <i class="fas fa-question-circle text-gray-500 mr-3"></i>
785
- <p>Help Center</p>
786
- </div>
787
- </div>
788
- <div class="flex items-center p-3 rounded-lg border border-gray-100 bg-white">
789
- <div class="flex items-center">
790
- <i class="fas fa-headset text-gray-500 mr-3"></i>
791
- <p>Contact Support</p>
792
- </div>
793
- </div>
794
- <div class="flex items-center p-3 rounded-lg border border-gray-100 bg-white">
795
- <div class="flex items-center">
796
- <i class="fas fa-file-alt text-gray-500 mr-3"></i>
797
- <p>Terms & Conditions</p>
798
- </div>
799
- </div>
800
- </div>
801
- </div>
802
-
803
- <div class="text-center text-sm text-gray-500 mb-6">
804
- <p>CashApp Version 2.3.4</p>
805
- </div>
806
-
807
- <button class="btn-secondary w-full py-3 rounded-lg font-medium">
808
- <i class="fas fa-sign-out-alt mr-2"></i> Sign Out
809
- </button>
810
- </div>
811
- </main>
812
-
813
- <!-- Bottom Navigation -->
814
- <nav class="bg-white border-t border-gray-200 flex justify-around py-3 px-4">
815
- <a href="#" onclick="showHomeSection()" class="nav-item active flex flex-col items-center text-green-500">
816
- <i class="fas fa-home text-lg"></i>
817
- <span class="text-xs mt-1">Home</span>
818
- </a>
819
- <a href="#" onclick="showWalletSection()" class="nav-item flex flex-col items-center text-gray-500">
820
- <i class="fas fa-wallet text-lg"></i>
821
- <span class="text-xs mt-1">Wallet</span>
822
- </a>
823
- <a href="#" onclick="showInvestSection()" class="nav-item flex flex-col items-center text-gray-500">
824
- <i class="fas fa-chart-line text-lg"></i>
825
- <span class="text-xs mt-1">Invest</span>
826
- </a>
827
- <a href="#" onclick="showProfileSection()" class="nav-item flex flex-col items-center text-gray-500">
828
- <i class="fas fa-user text-lg"></i>
829
- <span class="text-xs mt-1">Profile</span>
830
- </a>
831
- </nav>
832
-
833
- <!-- Send Money Modal (hidden by default) -->
834
- <div id="sendModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 hidden">
835
- <div class="bg-white rounded-2xl w-full max-w-md p-6 animate-fade-in">
836
- <div class="flex justify-between items-center mb-4">
837
- <h3 class="font-bold text-lg">Send USDT</h3>
838
- <button onclick="closeModal()" class="text-gray-500">
839
- <i class="fas fa-times"></i>
840
- </button>
841
- </div>
842
-
843
- <div class="mb-4">
844
- <label class="block text-sm font-medium text-gray-700 mb-1">Amount</label>
845
- <div class="relative">
846
- <span class="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-500">$</span>
847
- <input type="number" class="w-full pl-8 pr-3 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500" placeholder="0.00">
848
- </div>
849
- </div>
850
-
851
- <div class="mb-6">
852
- <label class="block text-sm font-medium text-gray-700 mb-1">To</label>
853
- <div class="flex items-center border border-gray-300 rounded-lg px-3 py-2">
854
- <i class="fas fa-user text-gray-500 mr-2"></i>
855
- <input type="text" class="flex-1 outline-none" placeholder="Name, $Cashtag, or phone">
856
- <button class="text-green-500">
857
- <i class="fas fa-qrcode"></i>
858
- </button>
859
- </div>
860
- </div>
861
-
862
- <button class="btn-primary w-full py-3 rounded-lg text-white font-medium">
863
- Send 70,000 USDT
864
- </button>
865
- </div>
866
- </div>
867
- </div>
868
-
869
- <script>
870
- // Section navigation functions
871
- function showHomeSection() {
872
- hideAllSections();
873
- document.getElementById('homeSection').style.display = 'block';
874
- updateNav('home');
875
- }
876
-
877
- function showWalletSection() {
878
- hideAllSections();
879
- document.getElementById('walletSection').style.display = 'block';
880
- updateNav('wallet');
881
- }
882
-
883
- function showSecuritySection() {
884
- hideAllSections();
885
- document.getElementById('securitySection').style.display = 'block';
886
- updateNav('none');
887
- }
888
-
889
- function showReceiveSection() {
890
- hideAllSections();
891
- document.getElementById('receiveSection').style.display = 'block';
892
- updateNav('none');
893
- }
894
-
895
- function showSwapSection() {
896
- hideAllSections();
897
- document.getElementById('swapSection').style.display = 'block';
898
- updateNav('none');
899
- }
900
-
901
- function showScanSection() {
902
- hideAllSections();
903
- document.getElementById('scanSection').style.display = 'block';
904
- updateNav('none');
905
- }
906
-
907
- function showInvestSection() {
908
- hideAllSections();
909
- document.getElementById('investSection').style.display = 'block';
910
- updateNav('invest');
911
- }
912
-
913
- function showProfileSection() {
914
- hideAllSections();
915
- document.getElementById('profileSection').style.display = 'block';
916
- updateNav('profile');
917
- }
918
-
919
- function showSettingsSection() {
920
- hideAllSections();
921
- document.getElementById('settingsSection').style.display = 'block';
922
- updateNav('none');
923
- }
924
-
925
- function hideAllSections() {
926
- const sections = document.querySelectorAll('.section');
927
- sections.forEach(section => {
928
- section.style.display = 'none';
929
- });
930
- }
931
-
932
- function updateNav(activeItem) {
933
- const navItems = document.querySelectorAll('.nav-item');
934
- navItems.forEach(item => {
935
- item.classList.remove('active', 'text-green-500');
936
- item.classList.add('text-gray-500');
937
- });
938
-
939
- if (activeItem === 'home') {
940
- navItems[0].classList.add('active', 'text-green-500');
941
- } else if (activeItem === 'wallet') {
942
- navItems[1].classList.add('active', 'text-green-500');
943
- } else if (activeItem === 'invest') {
944
- navItems[2].classList.add('active', 'text-green-500');
945
- } else if (activeItem === 'profile') {
946
- navItems[3].classList.add('active', 'text-green-500');
947
- }
948
- }
949
-
950
- // Password input functionality
951
- let password = '';
952
- const passwordDots = document.querySelector('.password-dots');
953
- const numberButtons = document.querySelectorAll('.number-btn');
954
-
955
- numberButtons.forEach(button => {
956
- button.addEventListener('click', () => {
957
- if (password.length < 6) {
958
- password += button.textContent;
959
- updatePasswordDots();
960
- }
961
- });
962
- });
963
-
964
- document.querySelector('.fa-backspace').parentElement.addEventListener('click', () => {
965
- if (password.length > 0) {
966
- password = password.slice(0, -1);
967
- updatePasswordDots();
968
- }
969
- });
970
-
971
- function updatePasswordDots() {
972
- const dots = '•'.repeat(password.length);
973
- const empty = ' '.repeat(6 - password.length);
974
- passwordDots.textContent = dots + empty;
975
- }
976
-
977
- // Simple modal toggle function
978
- function openModal() {
979
- document.getElementById('sendModal').classList.remove('hidden');
980
- }
981
-
982
- function closeModal() {
983
- document.getElementById('sendModal').classList.add('hidden');
984
- }
985
-
986
- // Simulate loading animation
987
- document.addEventListener('DOMContentLoaded', () => {
988
- setTimeout(() => {
989
- const elements = document.querySelectorAll('.animate-fade-in');
990
- elements.forEach(el => {
991
- el.style.opacity = '1';
992
- el.style.transform = 'translateY(0)';
993
- });
994
- }, 100);
995
-
996
- // Initialize with home section
997
- showHomeSection();
998
- });
999
- </script>
1000
- <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=Monday4/daniel-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1001
  </html>
 
80
  background: #fff;
81
  border-radius: 50%;
82
  }
83
+ .editable-balance {
84
+ cursor: pointer;
85
+ transition: all 0.2s ease;
86
+ }
87
+ .editable-balance:hover {
88
+ text-decoration: underline;
89
+ }
90
+ .balance-input {
91
+ background: transparent;
92
+ border: none;
93
+ color: white;
94
+ font-size: 1.875rem;
95
+ font-weight: bold;
96
+ width: auto;
97
+ max-width: 200px;
98
+ padding: 2px 5px;
99
+ border-bottom: 1px dashed rgba(255,255,255,0.5);
100
+ }
101
+ .balance-input:focus {
102
+ outline: none;
103
+ border-bottom: 1px solid white;
104
+ }
105
  </style>
106
  </head>
107
  <body class="bg-gray-100 font-sans">
 
133
  <div class="flex justify-between items-start">
134
  <div>
135
  <p class="text-sm opacity-80">Total Balance</p>
136
+ <div class="flex items-center">
137
+ <span id="balanceDisplay" class="editable-balance text-3xl font-bold mt-1">70,000</span>
138
+ <span class="text-lg ml-1">USDT</span>
139
+ <input type="text" id="balanceInput" class="balance-input hidden" value="70000">
140
+ </div>
141
  </div>
142
  <div class="bg-white bg-opacity-20 p-2 rounded-lg">
143
  <i class="fas fa-ellipsis-h"></i>
 
146
  <div class="mt-6 flex justify-between">
147
  <div>
148
  <p class="text-xs opacity-80">Equivalent in USD</p>
149
+ <p id="usdEquivalent" class="font-medium">$70,000.00</p>
150
  </div>
151
  <div class="text-right">
152
  <p class="text-xs opacity-80">Daily Yield</p>
 
275
  <div class="grid grid-cols-2 gap-4 mb-4">
276
  <div class="bg-white p-3 rounded-lg">
277
  <p class="text-xs text-gray-500 mb-1">Balance</p>
278
+ <p id="walletBalance" class="font-medium">70,000 USDT</p>
279
  </div>
280
  <div class="bg-white p-3 rounded-lg">
281
  <p class="text-xs text-gray-500 mb-1">Value</p>
282
+ <p id="walletValue" class="font-medium">$70,000.00</p>
283
  </div>
284
  </div>
285
 
 
480
  <div class="flex items-center justify-between mb-3">
481
  <p class="text-sm font-medium">You pay</p>
482
  <div class="text-sm text-gray-500">
483
+ Balance: <span id="swapBalance">70,000</span> USDT
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
484
  </div>
485
+ </极速赛车开奖直播官网
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
486
  </html>
prompts.txt CHANGED
@@ -1,3 +1,4 @@
1
  Create a fake cashapp application with a minimum amount of 70000 usdt
2
  Create wallet section and security password
3
- Allow access to receive swap scan invest profile settings done
 
 
1
  Create a fake cashapp application with a minimum amount of 70000 usdt
2
  Create wallet section and security password
3
+ Allow access to receive swap scan invest profile settings done
4
+ Make balance editable