Spaces:

web3district
/

sbcxweb3dstrict

Running

App Files Files Community

web3district commited on Jun 16, 2025

Commit

2004daf

verified ·

1 Parent(s): d12dc0c

can you make this video as background for the main title in the website: https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Tech_Summit_Hologram_Reveal%20(1).mp4 - Follow Up Deployment

Browse files

Files changed (2) hide show

index.html +11 -10
prompts.txt +3 -1

index.html CHANGED Viewed

@@ -156,10 +156,15 @@
 <body class="min-h-screen">
     <!-- Hero Section -->
     <section class="min-h-screen flex items-center relative">
-        <!-- Parallax Background Layers -->
-        <div class="parallax-bg" style="background: url('https://images.unsplash.com/photo-1639762681057-408e52192e55?q=80&w=2232&auto=format&fit=crop') center/cover; transform: translate3d(0, 0, -1px) scale(2); z-index: -2;"></div>
-        <div class="parallax-bg" style="background: linear-gradient(45deg, rgba(0,245,255,0.7), rgba(179,0,255,0.7), rgba(255,0,179,0.7)); transform: translate3d(0, 0, -0.5px) scale(1.5); z-index: -1;"></div>
-        <div class="parallax-bg" style="background: radial-gradient(circle, transparent 20%, rgba(0,0,0,0.8) 100%); z-index: -1;"></div>
         <!-- Hero Content -->
         <div class="container mx-auto px-4 py-24 relative z-10">
@@ -333,12 +338,8 @@
     </section>
     <!-- Academy Topics Section -->
-    <section class="relative overflow-hidden bg-gray-900">
-        <!-- Animated Header GIF -->
-        <div class="w-full h-48 md:h-64 overflow-hidden">
-            <img src="https://drive.google.com/uc?export=view&id=1lXuUv_K16XKTu2rPbULRomF6YiHwb2jo" alt="SBC Web3District Academy" class="w-full h-full object-cover">
-        </div>
-        <div class="container mx-auto px-4 relative z-10 py-20">
             <div class="text-center mb-16">
                 <h2 class="text-3xl md:text-4xl font-bold mb-4">
                     <span class="gradient-text">SBC Web3District Academy Topics</span>

 <body class="min-h-screen">
     <!-- Hero Section -->
     <section class="min-h-screen flex items-center relative">
+        <!-- Video Background -->
+        <div class="absolute inset-0 overflow-hidden z-0">
+            <video autoplay muted loop playsinline class="w-full h-full object-cover">
+                <source src="https://huggingface.co/spaces/web3district/sbcxweb3dstrict/resolve/main/Tech_Summit_Hologram_Reveal%20(1).mp4" type="video/mp4">
+                Your browser does not support the video tag.
+            </video>
+            <div class="absolute inset-0 bg-gradient-to-b from-black/80 via-transparent to-black/80"></div>
+            <div class="absolute inset-0 bg-gradient-to-r from-purple-900/30 via-transparent to-fuchsia-900/30"></div>
+        </div>
         <!-- Hero Content -->
         <div class="container mx-auto px-4 py-24 relative z-10">
     </section>
     <!-- Academy Topics Section -->
+    <section class="py-20 relative overflow-hidden bg-gray-900">
+        <div class="container mx-auto px-4 relative z-10">
             <div class="text-center mb-16">
                 <h2 class="text-3xl md:text-4xl font-bold mb-4">
                     <span class="gradient-text">SBC Web3District Academy Topics</span>

prompts.txt CHANGED Viewed

@@ -1,3 +1,5 @@
 make this button with the View All Academy Topics to have the button colour to appear without the mouse over
 please make the button View All Academy Topics back with this code: <a href="https://docs.google.com/spreadsheets/d/1C16Bn_0BY-8lg8dM_F1LCzWbko1dzkbQGYkbfaXH8ZQ/edit?gid=691593670#gid=691593670" target="_blank" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:from-purple-600 hover:to-pink-600 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 inline-block">                         View All Academy Topics                     </a>
-can you place this animated gif as a header for SBC academy?: https://drive.google.com/file/d/1lXuUv_K16XKTu2rPbULRomF6YiHwb2jo/view?usp=sharing

 make this button with the View All Academy Topics to have the button colour to appear without the mouse over
 please make the button View All Academy Topics back with this code: <a href="https://docs.google.com/spreadsheets/d/1C16Bn_0BY-8lg8dM_F1LCzWbko1dzkbQGYkbfaXH8ZQ/edit?gid=691593670#gid=691593670" target="_blank" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:from-purple-600 hover:to-pink-600 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 inline-block">                         View All Academy Topics                     </a>
+can you place this animated gif as a header for SBC academy?: https://drive.google.com/file/d/1lXuUv_K16XKTu2rPbULRomF6YiHwb2jo/view?usp=sharing
+the gif dont appear from the google drive link please fix
+can you make this video as background for the main title in the website: https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Tech_Summit_Hologram_Reveal%20(1).mp4