Hugging Face's logo

Spaces:
FriedsU
/
wif
Running

App Files Community
FriedsU commited on
Commit
dfcbe93
·
verified ·
1 Parent(s): 41270f3

Add 1 files

Browse files
Files changed (1) hide show
  1. index.html +268 -172
index.html CHANGED
@@ -168,6 +168,40 @@
168
  justify-content: center;
169
  font-size: 10px;
170
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
171
  </style>
172
  </head>
173
  <body class="doge-bg">
@@ -232,62 +266,8 @@
232
  <!-- Main Content -->
233
  <div class="flex flex-1 overflow-hidden">
234
  <!-- Left Sidebar - Watchlist & Portfolio -->
235
- <div class="hidden lg:block w-80 border-r border-gray-800 overflow-y-auto">
236
  <div class="p-4">
237
- <!-- Video Chat -->
238
- <div class="mb-6">
239
- <div class="flex justify-between items-center mb-3">
240
- <h2 class="font-medium">Video Chat</h2>
241
- <div class="flex space-x-2">
242
- <button class="text-gray-400 hover:text-yellow-500">
243
- <i class="fas fa-expand"></i>
244
- </button>
245
- <button class="text-gray-400 hover:text-yellow-500">
246
- <i class="fas fa-ellipsis-h"></i>
247
- </button>
248
- </div>
249
- </div>
250
-
251
- <div class="video-chat mb-3">
252
- <div class="video-box video-active">
253
- <div class="video-content">
254
- <i class="fas fa-user fa-2x"></i>
255
- <div class="video-user">You</div>
256
- </div>
257
- </div>
258
- <div class="video-box">
259
- <div class="video-content">
260
- <i class="fas fa-user fa-2x"></i>
261
- <div class="video-user">DogeTrader</div>
262
- </div>
263
- </div>
264
- <div class="video-box">
265
- <div class="video-content">
266
- <i class="fas fa-user fa-2x"></i>
267
- <div class="video-user">CryptoWolf</div>
268
- </div>
269
- </div>
270
- <div class="video-box">
271
- <div class="video-content">
272
- <i class="fas fa-user fa-2x"></i>
273
- <div class="video-user">MoonLambo</div>
274
- </div>
275
- </div>
276
- </div>
277
-
278
- <div class="flex justify-center space-x-4">
279
- <button class="bg-gray-800 text-white p-2 rounded-full hover:bg-gray-700">
280
- <i class="fas fa-microphone"></i>
281
- </button>
282
- <button class="bg-red-500 text-white p-2 rounded-full hover:bg-red-600">
283
- <i class="fas fa-phone"></i>
284
- </button>
285
- <button class="bg-gray-800 text-white p-2 rounded-full hover:bg-gray-700">
286
- <i class="fas fa-video"></i>
287
- </button>
288
- </div>
289
- </div>
290
-
291
  <!-- Watchlist -->
292
  <div class="mb-6">
293
  <div class="flex justify-between items-center mb-3">
@@ -628,12 +608,162 @@
628
  </div>
629
  </div>
630
 
631
- <!-- Chat -->
632
- <div class="col-span-1 flex flex-col border-l border-gray-800">
633
- <div class="p-3 border-b border-gray-800">
634
- <h3 class="font-medium">BTC/USDT Chat</h3>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
635
  </div>
636
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
637
  <div class="flex-1 overflow-y-auto p-3 space-y-3">
638
  <!-- Message 1 -->
639
  <div class="flex items-start space-x-2">
@@ -682,142 +812,88 @@
682
  </div>
683
  </div>
684
  </div>
685
- </div>
686
- </div>
687
-
688
- <!-- Right Sidebar - Social Feed -->
689
- <div class="hidden lg:block w-80 border-l border-gray-800 overflow-y-auto">
690
- <div class="p-4">
691
- <div class="flex justify-between items-center mb-4">
692
- <h2 class="text-lg font-semibold">Social Feed</h2>
693
- <button class="text-yellow-500 hover:text-yellow-400">
694
- <i class="fas fa-plus"></i>
695
- </button>
696
- </div>
697
 
698
- <!-- Create Post -->
699
- <div class="mb-6">
700
- <div class="flex items-start space-x-3">
701
- <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-10 h-10 rounded-full">
702
- <div class="flex-1">
703
- <textarea class="w-full bg-gray-800 text-white p-3 rounded-lg border border-gray-700 focus:outline-none focus:border-yellow-500" rows="2" placeholder="Share your trade idea..."></textarea>
704
- <div class="flex justify-between items-center mt-2">
705
- <div class="flex space-x-2">
706
- <button class="text-gray-400 hover:text-yellow-500 p-1">
707
- <i class="fas fa-chart-line"></i>
708
- </button>
709
- <button class="text-gray-400 hover:text-yellow-500 p-1">
710
- <i class="fas fa-image"></i>
711
- </button>
712
- <button class="text-gray-400 hover:text-yellow-500 p-1">
713
- <i class="fas fa-gift"></i>
714
- </button>
715
  </div>
716
- <button class="bg-yellow-600 hover:bg-yellow-700 text-white px-3 py-1 rounded-lg text-sm">
717
- Post
718
- </button>
719
  </div>
720
- </div>
721
- </div>
722
- </div>
723
-
724
- <!-- Feed Items -->
725
- <div class="space-y-4">
726
- <!-- Feed Item 1 -->
727
- <div class="terminal-bg p-4 rounded-lg">
728
- <div class="flex justify-between items-start mb-3">
729
- <div class="flex items-center space-x-2">
730
- <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-8 h-8 rounded-full">
731
- <div>
732
- <span class="font-medium">DiamondPaws</span>
733
- <span class="text-xs text-gray-400 ml-1">@DiamondPaws · 2h</span>
734
  </div>
735
  </div>
736
- <button class="text-gray-400 hover:text-yellow-500">
737
- <i class="fas fa-ellipsis-h"></i>
738
- </button>
739
- </div>
740
-
741
- <p class="mb-3">Just entered a long position on $WIF at $2.30. Chart looks bullish with strong support at $2.00. Target $3.50 🚀</p>
742
-
743
- <div class="bg-gray-800 rounded-lg p-3 mb-3">
744
- <div class="flex justify-between items-center mb-2">
745
- <div class="flex items-center">
746
- <img src="https://cryptologos.cc/logos/wif-dogwifhat-logo.png" alt="WIF" class="w-6 h-6 mr-2">
747
- <span class="font-medium">WIF/USDT</span>
748
  </div>
749
- <div class="text-green-400 font-mono text-sm">$2.34 (+8.9%)</div>
750
  </div>
751
- <div class="h-24 bg-gray-900 rounded mb-2"></div>
752
- <div class="flex justify-between text-xs text-gray-400">
753
- <span>Entry: $2.30</span>
754
- <span>Target: $3.50</span>
755
- <span>Stop: $2.00</span>
756
  </div>
757
  </div>
758
 
759
- <div class="flex justify-between text-sm text-gray-400">
760
- <button class="flex items-center hover:text-yellow-500">
761
- <i class="far fa-comment mr-1"></i> 12
762
- </button>
763
- <button class="flex items-center hover:text-green-500">
764
- <i class="fas fa-retweet mr-1"></i> 24
765
  </button>
766
- <button class="flex items-center hover:text-red-500">
767
- <i class="far fa-heart mr-1"></i> 89
768
  </button>
769
- <button class="flex items-center hover:text-blue-400">
770
- <i class="fas fa-share-alt mr-1"></i>
771
  </button>
772
  </div>
773
  </div>
774
 
775
- <!-- Feed Item 2 -->
776
- <div class="terminal-bg p-4 rounded-lg">
777
- <div class="flex justify-between items-start mb-3">
778
- <div class="flex items-center space-x-2">
779
- <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-8 h-8 rounded-full">
780
- <div>
781
- <span class="font-medium">WhaleHunter</span>
782
- <span class="text-xs text-gray-400 ml-1">@WhaleHunter · 4h</span>
 
783
  </div>
784
  </div>
785
- <button class="text-gray-400 hover:text-yellow-500">
786
- <i class="fas fa-ellipsis-h"></i>
787
- </button>
788
- </div>
789
-
790
- <p class="mb-3">Shorting $BTC at $69,500. RSI showing divergence on 4H chart. Target $65,000 with stop at $71,000.</p>
791
-
792
- <div class="bg-gray-800 rounded-lg p-3 mb-3">
793
- <div class="flex justify-between items-center mb-2">
794
- <div class="flex items-center">
795
- <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="BTC" class="w-6 h-6 mr-2">
796
- <span class="font-medium">BTC/USDT</span>
797
  </div>
798
- <div class="text-red-400 font-mono text-sm">$69,420 (-1.2%)</div>
799
  </div>
800
- <div class="h-24 bg-gray-900 rounded mb-2"></div>
801
- <div class="flex justify-between text-xs text-gray-400">
802
- <span>Entry: $69,500</span>
803
- <span>Target: $65,000</span>
804
- <span>Stop: $71,000</span>
 
 
 
805
  </div>
806
  </div>
807
 
808
- <div class="flex justify-between text-sm text-gray-400">
809
- <button class="flex items-center hover:text-yellow-500">
810
- <i class="far fa-comment mr-1"></i> 8
811
- </button>
812
- <button class="flex items-center hover:text-green-500">
813
- <i class="fas fa-retweet mr-1"></i> 15
814
- </button>
815
- <button class="flex items-center hover:text-red-500">
816
- <i class="far fa-heart mr-1"></i> 42
817
- </button>
818
- <button class="flex items-center hover:text-blue-400">
819
- <i class="fas fa-share-alt mr-1"></i>
820
- </button>
821
  </div>
822
  </div>
823
  </div>
@@ -993,6 +1069,26 @@
993
  });
994
  }
995
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
996
  </script>
997
  <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=FriedsU/wif" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
998
  </html>
 
168
  justify-content: center;
169
  font-size: 10px;
170
  }
171
+
172
+ .feed-switch {
173
+ display: flex;
174
+ border-radius: 0.5rem;
175
+ overflow: hidden;
176
+ background-color: #1e293b;
177
+ margin-bottom: 1rem;
178
+ }
179
+
180
+ .feed-switch-btn {
181
+ flex: 1;
182
+ padding: 0.5rem;
183
+ text-align: center;
184
+ cursor: pointer;
185
+ font-size: 0.875rem;
186
+ }
187
+
188
+ .feed-switch-btn.active {
189
+ background-color: #334155;
190
+ color: #f59e0b;
191
+ }
192
+
193
+ .hidden-feed {
194
+ display: none;
195
+ }
196
+
197
+ .confetti {
198
+ position: fixed;
199
+ width: 10px;
200
+ height: 10px;
201
+ border-radius: 50%;
202
+ pointer-events: none;
203
+ z-index: 9999;
204
+ }
205
  </style>
206
  </head>
207
  <body class="doge-bg">
 
266
  <!-- Main Content -->
267
  <div class="flex flex-1 overflow-hidden">
268
  <!-- Left Sidebar - Watchlist & Portfolio -->
269
+ <div class="hidden lg:block w-64 border-r border-gray-800 overflow-y-auto">
270
  <div class="p-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
271
  <!-- Watchlist -->
272
  <div class="mb-6">
273
  <div class="flex justify-between items-center mb-3">
 
608
  </div>
609
  </div>
610
 
611
+ <!-- Empty column to maintain layout -->
612
+ <div class="col-span-1"></div>
613
+ </div>
614
+ </div>
615
+ </div>
616
+
617
+ <!-- Right Sidebar - Social Feed -->
618
+ <div class="hidden lg:block w-1/3 border-l border-gray-800 overflow-y-auto">
619
+ <div class="p-4">
620
+ <div class="flex justify-between items-center mb-4">
621
+ <h2 class="text-lg font-semibold">Social Feed</h2>
622
+ <button class="text-yellow-500 hover:text-yellow-400">
623
+ <i class="fas fa-plus"></i>
624
+ </button>
625
+ </div>
626
+
627
+ <!-- Feed Switch -->
628
+ <div class="feed-switch">
629
+ <button class="feed-switch-btn active" onclick="switchFeed('posts')">Posts</button>
630
+ <button class="feed-switch-btn" onclick="switchFeed('chat')">Chat</button>
631
+ <button class="feed-switch-btn" onclick="switchFeed('video')">Video</button>
632
+ </div>
633
+
634
+ <!-- Posts Feed -->
635
+ <div id="posts-feed">
636
+ <!-- Create Post -->
637
+ <div class="mb-6">
638
+ <div class="flex items-start space-x-3">
639
+ <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-10 h-10 rounded-full">
640
+ <div class="flex-1">
641
+ <textarea class="w-full bg-gray-800 text-white p-3 rounded-lg border border-gray-700 focus:outline-none focus:border-yellow-500" rows="2" placeholder="Share your trade idea..."></textarea>
642
+ <div class="flex justify-between items-center mt-2">
643
+ <div class="flex space-x-2">
644
+ <button class="text-gray-400 hover:text-yellow-500 p-1">
645
+ <i class="fas fa-chart-line"></i>
646
+ </button>
647
+ <button class="text-gray-400 hover:text-yellow-500 p-1">
648
+ <i class="fas fa-image"></i>
649
+ </button>
650
+ <button class="text-gray-400 hover:text-yellow-500 p-1">
651
+ <i class="fas fa-gift"></i>
652
+ </button>
653
+ </div>
654
+ <button class="bg-yellow-600 hover:bg-yellow-700 text-white px-3 py-1 rounded-lg text-sm">
655
+ Post
656
+ </button>
657
+ </div>
658
+ </div>
659
+ </div>
660
+ </div>
661
+
662
+ <!-- Feed Items -->
663
+ <div class="space-y-4">
664
+ <!-- Feed Item 1 -->
665
+ <div class="terminal-bg p-4 rounded-lg">
666
+ <div class="flex justify-between items-start mb-3">
667
+ <div class="flex items-center space-x-2">
668
+ <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-8 h-8 rounded-full">
669
+ <div>
670
+ <span class="font-medium">DiamondPaws</span>
671
+ <span class="text-xs text-gray-400 ml-1">@DiamondPaws · 2h</span>
672
+ </div>
673
+ </div>
674
+ <button class="text-gray-400 hover:text-yellow-500">
675
+ <i class="fas fa-ellipsis-h"></i>
676
+ </button>
677
+ </div>
678
+
679
+ <p class="mb-3">Just entered a long position on $WIF at $2.30. Chart looks bullish with strong support at $2.00. Target $3.50 🚀</p>
680
+
681
+ <div class="bg-gray-800 rounded-lg p-3 mb-3">
682
+ <div class="flex justify-between items-center mb-2">
683
+ <div class="flex items-center">
684
+ <img src="https://cryptologos.cc/logos/wif-dogwifhat-logo.png" alt="WIF" class="w-6 h-6 mr-2">
685
+ <span class="font-medium">WIF/USDT</span>
686
+ </div>
687
+ <div class="text-green-400 font-mono text-sm">$2.34 (+8.9%)</div>
688
+ </div>
689
+ <div class="h-24 bg-gray-900 rounded mb-2"></div>
690
+ <div class="flex justify-between text-xs text-gray-400">
691
+ <span>Entry: $2.30</span>
692
+ <span>Target: $3.50</span>
693
+ <span>Stop: $2.00</span>
694
+ </div>
695
+ </div>
696
+
697
+ <div class="flex justify-between text-sm text-gray-400">
698
+ <button class="flex items-center hover:text-yellow-500">
699
+ <i class="far fa-comment mr-1"></i> 12
700
+ </button>
701
+ <button class="flex items-center hover:text-green-500">
702
+ <i class="fas fa-retweet mr-1"></i> 24
703
+ </button>
704
+ <button class="flex items-center hover:text-red-500">
705
+ <i class="far fa-heart mr-1"></i> 89
706
+ </button>
707
+ <button class="flex items-center hover:text-blue-400">
708
+ <i class="fas fa-share-alt mr-1"></i>
709
+ </button>
710
+ </div>
711
  </div>
712
 
713
+ <!-- Feed Item 2 -->
714
+ <div class="terminal-bg p-4 rounded-lg">
715
+ <div class="flex justify-between items-start mb-3">
716
+ <div class="flex items-center space-x-2">
717
+ <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-8 h-8 rounded-full">
718
+ <div>
719
+ <span class="font-medium">WhaleHunter</span>
720
+ <span class="text-xs text-gray-400 ml-1">@WhaleHunter · 4h</span>
721
+ </div>
722
+ </div>
723
+ <button class="text-gray-400 hover:text-yellow-500">
724
+ <i class="fas fa-ellipsis-h"></i>
725
+ </button>
726
+ </div>
727
+
728
+ <p class="mb-3">Shorting $BTC at $69,500. RSI showing divergence on 4H chart. Target $65,000 with stop at $71,000.</p>
729
+
730
+ <div class="bg-gray-800 rounded-lg p-3 mb-3">
731
+ <div class="flex justify-between items-center mb-2">
732
+ <div class="flex items-center">
733
+ <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="BTC" class="w-6 h-6 mr-2">
734
+ <span class="font-medium">BTC/USDT</span>
735
+ </div>
736
+ <div class="text-red-400 font-mono text-sm">$69,420 (-1.2%)</div>
737
+ </div>
738
+ <div class="h-24 bg-gray-900 rounded mb-2"></div>
739
+ <div class="flex justify-between text-xs text-gray-400">
740
+ <span>Entry: $69,500</span>
741
+ <span>Target: $65,000</span>
742
+ <span>Stop: $71,000</span>
743
+ </div>
744
+ </div>
745
+
746
+ <div class="flex justify-between text-sm text-gray-400">
747
+ <button class="flex items-center hover:text-yellow-500">
748
+ <i class="far fa-comment mr-1"></i> 8
749
+ </button>
750
+ <button class="flex items-center hover:text-green-500">
751
+ <i class="fas fa-retweet mr-1"></i> 15
752
+ </button>
753
+ <button class="flex items-center hover:text-red-500">
754
+ <i class="far fa-heart mr-1"></i> 42
755
+ </button>
756
+ <button class="flex items-center hover:text-blue-400">
757
+ <i class="fas fa-share-alt mr-1"></i>
758
+ </button>
759
+ </div>
760
+ </div>
761
+ </div>
762
+ </div>
763
+
764
+ <!-- Chat Feed -->
765
+ <div id="chat-feed" class="hidden-feed">
766
+ <div class="flex flex-col h-full">
767
  <div class="flex-1 overflow-y-auto p-3 space-y-3">
768
  <!-- Message 1 -->
769
  <div class="flex items-start space-x-2">
 
812
  </div>
813
  </div>
814
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
815
 
816
+ <!-- Video Chat Feed -->
817
+ <div id="video-feed" class="hidden-feed">
818
+ <div class="mb-6">
819
+ <div class="video-chat mb-3">
820
+ <div class="video-box video-active">
821
+ <div class="video-content">
822
+ <i class="fas fa-user fa-2x"></i>
823
+ <div class="video-user">You</div>
 
 
 
 
 
 
 
 
 
824
  </div>
 
 
 
825
  </div>
826
+ <div class="video-box">
827
+ <div class="video-content">
828
+ <i class="fas fa-user fa-2x"></i>
829
+ <div class="video-user">DogeTrader</div>
 
 
 
 
 
 
 
 
 
 
830
  </div>
831
  </div>
832
+ <div class="video-box">
833
+ <div class="video-content">
834
+ <i class="fas fa-user fa-2x"></i>
835
+ <div class="video-user">CryptoWolf</div>
 
 
 
 
 
 
 
 
836
  </div>
 
837
  </div>
838
+ <div class="video-box">
839
+ <div class="video-content">
840
+ <i class="fas fa-user fa-2x"></i>
841
+ <div class="video-user">MoonLambo</div>
842
+ </div>
843
  </div>
844
  </div>
845
 
846
+ <div class="flex justify-center space-x-4">
847
+ <button class="bg-gray-800 text-white p-2 rounded-full hover:bg-gray-700">
848
+ <i class="fas fa-microphone"></i>
 
 
 
849
  </button>
850
+ <button class="bg-red-500 text-white p-2 rounded-full hover:bg-red-600">
851
+ <i class="fas fa-phone"></i>
852
  </button>
853
+ <button class="bg-gray-800 text-white p-2 rounded-full hover:bg-gray-700">
854
+ <i class="fas fa-video"></i>
855
  </button>
856
  </div>
857
  </div>
858
 
859
+ <!-- Chat integrated with video -->
860
+ <div class="terminal-bg rounded-lg">
861
+ <div class="flex-1 overflow-y-auto p-3 space-y-3 max-h-64">
862
+ <!-- Message 1 -->
863
+ <div class="flex items-start space-x-2">
864
+ <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-6 h-6 rounded-full">
865
+ <div class="message-other p-2 max-w-xs">
866
+ <div class="text-xs font-medium">DogeTrader</div>
867
+ <p class="text-sm">Just went long at $69,200. Bullish divergence on RSI</p>
868
  </div>
869
  </div>
870
+
871
+ <!-- Message 2 -->
872
+ <div class="flex items-start space-x-2 justify-end">
873
+ <div class="message-self p-2 max-w-xs">
874
+ <div class="text-xs font-medium text-right">You</div>
875
+ <p class="text-sm">I'm waiting for a retest of $69,000 support</p>
 
 
 
 
 
 
876
  </div>
877
+ <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-6 h-6 rounded-full">
878
  </div>
879
+
880
+ <!-- Message 3 -->
881
+ <div class="flex items-start space-x-2">
882
+ <img src="https://i.imgur.com/9eeDlQY.png" alt="User" class="w-6 h-6 rounded-full">
883
+ <div class="message-other p-2 max-w-xs">
884
+ <div class="text-xs font-medium">CryptoWolf</div>
885
+ <p class="text-sm">Volume picking up, breakout incoming</p>
886
+ </div>
887
  </div>
888
  </div>
889
 
890
+ <div class="p-3 border-t border-gray-800">
891
+ <div class="flex items-center space-x-2">
892
+ <input type="text" class="flex-1 bg-gray-800 text-white p-2 rounded-lg text-sm" placeholder="Type a message...">
893
+ <button class="text-yellow-500 hover:text-yellow-400 p-2">
894
+ <i class="fas fa-paper-plane"></i>
895
+ </button>
896
+ </div>
 
 
 
 
 
 
897
  </div>
898
  </div>
899
  </div>
 
1069
  });
1070
  }
1071
  });
1072
+
1073
+ // Feed switching functionality
1074
+ function switchFeed(feedType) {
1075
+ // Hide all feeds
1076
+ document.getElementById('posts-feed').classList.add('hidden-feed');
1077
+ document.getElementById('chat-feed').classList.add('hidden-feed');
1078
+ document.getElementById('video-feed').classList.add('hidden-feed');
1079
+
1080
+ // Show selected feed
1081
+ document.getElementById(feedType + '-feed').classList.remove('hidden-feed');
1082
+
1083
+ // Update active button
1084
+ const buttons = document.querySelectorAll('.feed-switch-btn');
1085
+ buttons.forEach(btn => {
1086
+ btn.classList.remove('active');
1087
+ if (btn.textContent.toLowerCase() === feedType) {
1088
+ btn.classList.add('active');
1089
+ }
1090
+ });
1091
+ }
1092
  </script>
1093
  <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=FriedsU/wif" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
1094
  </html>