web3district commited on
Commit
d332ce1
·
verified ·
1 Parent(s): 6dca5fd

please call this html in a blank page when click the button view more details in the web3district deliverales: https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html - Follow Up Deployment

Browse files
Files changed (2) hide show
  1. index.html +15 -59
  2. prompts.txt +4 -1
index.html CHANGED
@@ -166,30 +166,28 @@
166
  <div class="absolute inset-0 bg-gradient-to-r from-purple-900/30 via-transparent to-fuchsia-900/30"></div>
167
  </div>
168
 
169
- <!-- Hero Content -->
170
- <div class="container mx-auto px-4 py-24 relative z-10">
171
- <div class="max-w-5xl mx-auto text-center">
172
- <!-- Logo Card -->
173
- <div class="speaker-card group relative w-[100px] h-[100px] mx-auto mb-8">
174
  <div class="absolute inset-0 bg-gradient-to-br from-purple-900/30 to-fuchsia-900/30 rounded-2xl shadow-2xl"></div>
175
  <div class="relative bg-transparent backdrop-blur-sm border border-purple-700/50 rounded-2xl h-full w-full flex items-center justify-center p-2 overflow-hidden">
176
  <img src="https://huggingface.co/spaces/web3district/sbcxweb3dstrict/resolve/main/web3district2_pink%5B2463%5D.png" alt="Web3District Logo" class="h-[135%] w-[135%] object-contain">
177
  </div>
178
  </div>
179
 
180
- <div class="flex justify-center mb-6">
181
- <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-full">
182
  <div class="bg-gray-900 rounded-full px-4 py-1 text-sm font-semibold">
183
  Partnership Campaign: May-October 2025
184
  </div>
185
  </div>
186
  </div>
187
- <h1 class="text-5xl md:text-7xl font-extrabold mb-8 text-3d">
188
  <span class="text-white">SBC I SUMMIT</span>
189
  <span class="gradient-text mx-2">×</span>
190
  <span class="text-white">Web3District</span>
191
  </h1>
192
- <div class="bg-black/30 backdrop-blur-sm rounded-lg p-4 mb-8 max-w-3xl mx-auto">
193
  <p class="text-xl md:text-2xl font-light text-white mb-0">
194
  Connecting Lisbon's Web3 culture to SBC Summit through a gamified Quest experience
195
  </p>
@@ -198,15 +196,15 @@
198
  <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-xl mb-8 mx-auto max-w-xl">
199
  <div class="bg-gray-900 rounded-xl px-6 py-4">
200
  <div class="grid grid-cols-3 gap-2">
201
- <div class="bg-gray-900/50 p-2 rounded-lg">
202
  <p class="text-2xl font-bold gradient-text">+10K</p>
203
  <p class="text-xs text-purple-200">Increase attendees</p>
204
  </div>
205
- <div class="bg-gray-900/50 p-2 rounded-lg">
206
  <p class="text-2xl font-bold gradient-text">+25%</p>
207
  <p class="text-xs text-purple-200">Ticket sales growth</p>
208
  </div>
209
- <div class="bg-gray-900/50 p-2 rounded-lg">
210
  <p class="text-2xl font-bold gradient-text">5+</p>
211
  <p class="text-xs text-purple-200">New sponsors</p>
212
  </div>
@@ -214,8 +212,8 @@
214
  </div>
215
  </div>
216
 
217
- <div class="flex justify-center">
218
- <a href="https://t.me/+BeZCavG1yjo2M2Y0" target="_blank" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:bg-gradient-to-r hover:from-blue-400 hover:to-purple-500 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 duration-300">
219
  Join the Quest
220
  </a>
221
  </div>
@@ -412,14 +410,9 @@
412
  <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-8">
413
  <!-- Web3District Deliverables -->
414
  <div class="bg-gradient-to-br from-indigo-900/70 via-purple-900/70 to-fuchsia-900/70 backdrop-blur-sm border border-purple-300/50 p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-all">
415
- <div class="flex justify-between items-center mb-6">
416
- <h3 class="text-2xl font-bold text-white flex items-center">
417
- <i class="ph ph-rocket-launch mr-3 text-purple-400"></i> Web3District Deliverables
418
- </h3>
419
- <button id="viewDeliverables" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:from-purple-600 hover:to-pink-600 text-white font-bold py-2 px-4 rounded-full transition-all transform hover:scale-105">
420
- View Detailed Spreadsheet
421
- </button>
422
- </div>
423
  <ul class="space-y-4 text-purple-100">
424
  <li class="flex items-start">
425
  <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
@@ -897,21 +890,6 @@
897
  </div>
898
  </footer>
899
 
900
- <!-- Deliverables Modal -->
901
- <div id="deliverablesModal" class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80 hidden">
902
- <div class="relative w-full max-w-6xl mx-4 h-[80vh]">
903
- <button id="closeDeliverablesModal" class="absolute -top-10 right-0 text-white hover:text-purple-300 text-2xl">
904
- <i class="ph ph-x"></i>
905
- </button>
906
- <div class="bg-gray-900 rounded-lg h-full overflow-auto">
907
- <iframe src="https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html"
908
- class="w-full h-full border-0"
909
- frameborder="0"
910
- allowfullscreen></iframe>
911
- </div>
912
- </div>
913
- </div>
914
-
915
  <!-- Video Modal -->
916
  <div id="videoModal" class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80 hidden">
917
  <div class="relative w-full max-w-4xl mx-4">
@@ -1001,28 +979,6 @@
1001
  // Initialize with scroll
1002
  window.dispatchEvent(new Event('scroll'));
1003
 
1004
- // Deliverables Modal Handling
1005
- const deliverablesModal = document.getElementById('deliverablesModal');
1006
- const viewDeliverablesBtn = document.getElementById('viewDeliverables');
1007
- const closeDeliverablesModalBtn = document.getElementById('closeDeliverablesModal');
1008
-
1009
- viewDeliverablesBtn.addEventListener('click', () => {
1010
- deliverablesModal.classList.remove('hidden');
1011
- document.body.style.overflow = 'hidden';
1012
- });
1013
-
1014
- closeDeliverablesModalBtn.addEventListener('click', () => {
1015
- deliverablesModal.classList.add('hidden');
1016
- document.body.style.overflow = '';
1017
- });
1018
-
1019
- deliverablesModal.addEventListener('click', (e) => {
1020
- if (e.target === deliverablesModal) {
1021
- deliverablesModal.classList.add('hidden');
1022
- document.body.style.overflow = '';
1023
- }
1024
- });
1025
-
1026
  // Video Modal Handling
1027
  const videoModal = document.getElementById('videoModal');
1028
  const watchTrailerBtn = document.getElementById('watchTrailer');
 
166
  <div class="absolute inset-0 bg-gradient-to-r from-purple-900/30 via-transparent to-fuchsia-900/30"></div>
167
  </div>
168
 
169
+ <!-- Logo Card (Moved to top left) -->
170
+ <div class="absolute top-6 left-6 z-20">
171
+ <div class="speaker-card group relative w-[100px] h-[100px]">
 
 
172
  <div class="absolute inset-0 bg-gradient-to-br from-purple-900/30 to-fuchsia-900/30 rounded-2xl shadow-2xl"></div>
173
  <div class="relative bg-transparent backdrop-blur-sm border border-purple-700/50 rounded-2xl h-full w-full flex items-center justify-center p-2 overflow-hidden">
174
  <img src="https://huggingface.co/spaces/web3district/sbcxweb3dstrict/resolve/main/web3district2_pink%5B2463%5D.png" alt="Web3District Logo" class="h-[135%] w-[135%] object-contain">
175
  </div>
176
  </div>
177
 
178
+ <div class="text-center mb-6 mt-8">
179
+ <div class="inline-block bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-full">
180
  <div class="bg-gray-900 rounded-full px-4 py-1 text-sm font-semibold">
181
  Partnership Campaign: May-October 2025
182
  </div>
183
  </div>
184
  </div>
185
+ <h1 class="text-5xl md:text-7xl font-extrabold mb-8 text-3d text-center">
186
  <span class="text-white">SBC I SUMMIT</span>
187
  <span class="gradient-text mx-2">×</span>
188
  <span class="text-white">Web3District</span>
189
  </h1>
190
+ <div class="bg-black/30 backdrop-blur-sm rounded-lg p-4 mb-8 max-w-3xl mx-auto text-center">
191
  <p class="text-xl md:text-2xl font-light text-white mb-0">
192
  Connecting Lisbon's Web3 culture to SBC Summit through a gamified Quest experience
193
  </p>
 
196
  <div class="bg-gradient-to-r from-purple-start to-fuchsia-end p-1 rounded-xl mb-8 mx-auto max-w-xl">
197
  <div class="bg-gray-900 rounded-xl px-6 py-4">
198
  <div class="grid grid-cols-3 gap-2">
199
+ <div class="bg-gray-900/50 p-2 rounded-lg text-center">
200
  <p class="text-2xl font-bold gradient-text">+10K</p>
201
  <p class="text-xs text-purple-200">Increase attendees</p>
202
  </div>
203
+ <div class="bg-gray-900/50 p-2 rounded-lg text-center">
204
  <p class="text-2xl font-bold gradient-text">+25%</p>
205
  <p class="text-xs text-purple-200">Ticket sales growth</p>
206
  </div>
207
+ <div class="bg-gray-900/50 p-2 rounded-lg text-center">
208
  <p class="text-2xl font-bold gradient-text">5+</p>
209
  <p class="text-xs text-purple-200">New sponsors</p>
210
  </div>
 
212
  </div>
213
  </div>
214
 
215
+ <div class="text-center">
216
+ > <a href="https://t.me/+BeZCavG1yjo2M2Y0" target="_blank" class="bg-gradient-to-r from-purple-start to-fuchsia-end hover:bg-gradient-to-r hover:from-blue-400 hover:to-purple-500 text-white font-bold py-3 px-8 rounded-full transition-all transform hover:scale-105 duration-300">
217
  Join the Quest
218
  </a>
219
  </div>
 
410
  <div class="max-w-6xl mx-auto grid md:grid-cols-2 gap-8">
411
  <!-- Web3District Deliverables -->
412
  <div class="bg-gradient-to-br from-indigo-900/70 via-purple-900/70 to-fuchsia-900/70 backdrop-blur-sm border border-purple-300/50 p-8 rounded-2xl shadow-xl hover:shadow-2xl transition-all">
413
+ <h3 class="text-2xl font-bold text-white mb-6 flex items-center">
414
+ <i class="ph ph-rocket-launch mr-3 text-purple-400"></i> Web3District Deliverables
415
+ </h3>
 
 
 
 
 
416
  <ul class="space-y-4 text-purple-100">
417
  <li class="flex items-start">
418
  <i class="ph ph-check-circle text-purple-400 mr-3 mt-1"></i>
 
890
  </div>
891
  </footer>
892
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
893
  <!-- Video Modal -->
894
  <div id="videoModal" class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80 hidden">
895
  <div class="relative w-full max-w-4xl mx-4">
 
979
  // Initialize with scroll
980
  window.dispatchEvent(new Event('scroll'));
981
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
982
  // Video Modal Handling
983
  const videoModal = document.getElementById('videoModal');
984
  const watchTrailerBtn = document.getElementById('watchTrailer');
prompts.txt CHANGED
@@ -24,4 +24,7 @@ make the logo of web3 district 15% bigger
24
  align web3 district logo on the up corner left
25
  make all this aligned in the center: Partnership Campaign: May-October 2025 SBC I SUMMIT × Web3District Connecting Lisbon's Web3 culture to SBC Summit through a gamified Quest experience +10K Increase attendees +25% Ticket sales growth 5+ New sponsors Join the Quest
26
  here on this section "Partnership Deliverables" create a button see detailed spreadsheet in a dialog box, for the box web3 deliverables : https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html
27
- here on this section "Partnership Deliverables" create a button see detailed spreadsheet in a dialog box, for the box web3 deliverables : https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html
 
 
 
 
24
  align web3 district logo on the up corner left
25
  make all this aligned in the center: Partnership Campaign: May-October 2025 SBC I SUMMIT × Web3District Connecting Lisbon's Web3 culture to SBC Summit through a gamified Quest experience +10K Increase attendees +25% Ticket sales growth 5+ New sponsors Join the Quest
26
  here on this section "Partnership Deliverables" create a button see detailed spreadsheet in a dialog box, for the box web3 deliverables : https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html
27
+ here on this section "Partnership Deliverables" create a button see detailed spreadsheet in a dialog box, for the box web3 deliverables : https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html
28
+ the view detailed spreadsheet isnt calling the spreadsheet lpease fix it
29
+ please call this html in a blank page: https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html
30
+ please call this html in a blank page when click the button view more details in the web3district deliverales: https://huggingface.co/spaces/web3district/sbcxweb3dstrict/blob/main/Web3District_Deliverables.html