Spaces:
Running
Running
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- index.html +15 -59
- 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 |
-
<!--
|
| 170 |
-
<div class="
|
| 171 |
-
<div class="
|
| 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="
|
| 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="
|
| 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 |
-
<
|
| 416 |
-
<
|
| 417 |
-
|
| 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
|