Spaces:
Running
Running
Remove the playthrough progress section - Follow Up Deployment
Browse files- index.html +13 -46
- prompts.txt +3 -1
index.html
CHANGED
|
@@ -249,7 +249,7 @@
|
|
| 249 |
<!-- Card A: Purchase SC -->
|
| 250 |
<div class="glass-card p-4" id="card-purchase-sc" data-aos="fade-up">
|
| 251 |
<div class="flex justify-between items-start">
|
| 252 |
-
<span class="chip border border-[#FF6A00] text-[#FF6A00] text-xs px-2 py-1">
|
| 253 |
<div class="tooltip-wrapper">
|
| 254 |
<i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
|
| 255 |
<div class="tooltip-content text-xs">
|
|
@@ -258,28 +258,28 @@
|
|
| 258 |
</div>
|
| 259 |
</div>
|
| 260 |
<div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FF6A00]">18.74</div>
|
| 261 |
-
<div class="text-xs text-[#B8B8B8] mt-1">
|
| 262 |
</div>
|
| 263 |
|
| 264 |
<!-- Card B: Bonus SC -->
|
| 265 |
<div class="glass-card p-4" id="card-bonus-sc" data-aos="fade-up" data-aos-delay="50">
|
| 266 |
<div class="flex justify-between items-start">
|
| 267 |
-
<span class="chip border border-[#00E4FF] text-[#00E4FF] text-xs px-2 py-1">
|
| 268 |
<div class="tooltip-wrapper">
|
| 269 |
<i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
|
| 270 |
<div class="tooltip-content text-xs">
|
| 271 |
-
|
| 272 |
</div>
|
| 273 |
</div>
|
| 274 |
</div>
|
| 275 |
-
<div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#00E4FF]">
|
| 276 |
-
<div class="text-xs text-[#B8B8B8] mt-1">
|
| 277 |
</div>
|
| 278 |
|
| 279 |
<!-- Card C: WSC -->
|
| 280 |
<div class="glass-card p-4 bg-[rgba(60,226,122,0.08)]" id="card-wsc" data-aos="fade-up" data-aos-delay="100">
|
| 281 |
<div class="flex justify-between items-start">
|
| 282 |
-
<span class="chip border border-[#3CE27A] text-[#3CE27A] text-xs px-2 py-1">
|
| 283 |
<div class="icon-wrapper">
|
| 284 |
<i data-feather="check-circle" class="w-4 h-4 text-[#3CE27A]"></i>
|
| 285 |
</div>
|
|
@@ -291,50 +291,17 @@
|
|
| 291 |
<!-- Card D: GC -->
|
| 292 |
<div class="glass-card p-4" id="card-gc" data-aos="fade-up" data-aos-delay="150">
|
| 293 |
<div class="flex justify-between items-start">
|
| 294 |
-
<span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">
|
| 295 |
<div class="icon-wrapper">
|
| 296 |
<i data-feather="shopping-bag" class="w-4 h-4 text-[#FEC84B]"></i>
|
| 297 |
</div>
|
| 298 |
</div>
|
| 299 |
-
<div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FEC84B]">
|
| 300 |
-
<p class="text-xs text-[#B8B8B8] mt-1">
|
| 301 |
</div>
|
| 302 |
</div>
|
| 303 |
</section>
|
| 304 |
|
| 305 |
-
<!-- Playthrough Progress -->
|
| 306 |
-
<section class="mb-10">
|
| 307 |
-
<div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
|
| 308 |
-
<!-- Left Card: Progress Bars -->
|
| 309 |
-
<div class="glass-card p-6" data-aos="fade-right">
|
| 310 |
-
<h3 class="text-lg font-medium font-['Orbitron'] mb-5">Playthrough Progress</h3>
|
| 311 |
-
|
| 312 |
-
<div class="mb-5" id="bar-purchase">
|
| 313 |
-
<div class="flex justify-between mb-2">
|
| 314 |
-
<span class="font-medium flex items-center text-sm"><span class="inline-block w-2 h-2 rounded-full bg-[#FF6A00] mr-2"></span> Standard</span>
|
| 315 |
-
<div class="text-sm"><span class="font-medium">12.10</span> / <span class="text-[#B8B8B8]">18.74</span> • <span class="text-[#FF6A00]">64.5%</span></div>
|
| 316 |
-
</div>
|
| 317 |
-
<div class="progress-track">
|
| 318 |
-
<div class="progress-fill" style="width: 64.5%; background: linear-gradient(90deg, #FF6A00, #FFA000);"></div>
|
| 319 |
-
</div>
|
| 320 |
-
</div>
|
| 321 |
-
|
| 322 |
-
<div class="h-px bg-[rgba(255,255,255,0.1)] my-6"></div>
|
| 323 |
-
|
| 324 |
-
<div id="bar-bonus">
|
| 325 |
-
<div class="flex justify-between mb-2">
|
| 326 |
-
<span class="font-medium flex items-center text-sm"><span class="inline-block w-2 h-2 rounded-full bg-[#00E4FF] mr-2"></span> Bonus SC</span>
|
| 327 |
-
<div class="text-sm"><span class="font-medium">0.00</span> / <span class="text-[#B8B8B8]">1.50</span> • <span class="text-[#00E4FF]">0.0%</span></div>
|
| 328 |
-
</div>
|
| 329 |
-
<div class="progress-track">
|
| 330 |
-
<div class="progress-fill" style="width: 0%; background: linear-gradient(90deg, #00E4FF, #0082FF);"></div>
|
| 331 |
-
</div>
|
| 332 |
-
</div>
|
| 333 |
-
</div>
|
| 334 |
-
|
| 335 |
-
</div>
|
| 336 |
-
</section>
|
| 337 |
-
|
| 338 |
|
| 339 |
<!-- Redeemables -->
|
| 340 |
<section class="mb-10" data-aos="fade-up">
|
|
@@ -348,13 +315,13 @@
|
|
| 348 |
</div>
|
| 349 |
|
| 350 |
<div class="bg-[rgba(0,228,255,0.08)] border border-[rgba(0,228,255,0.15)] p-5 rounded-xl">
|
| 351 |
-
<div class="text-sm text-[#B8B8B8]">Redeemable
|
| 352 |
-
<div id="redeemable-bonus" class="text-2xl font-bold font-['Orbitron'] big-number text-[#00E4FF]">
|
| 353 |
</div>
|
| 354 |
</div>
|
| 355 |
|
| 356 |
<div class="text-sm text-[#B8B8B8] mb-6">
|
| 357 |
-
|
| 358 |
</div>
|
| 359 |
|
| 360 |
<div class="flex flex-wrap gap-3">
|
|
|
|
| 249 |
<!-- Card A: Purchase SC -->
|
| 250 |
<div class="glass-card p-4" id="card-purchase-sc" data-aos="fade-up">
|
| 251 |
<div class="flex justify-between items-start">
|
| 252 |
+
<span class="chip border border-[#FF6A00] text-[#FF6A00] text-xs px-2 py-1">Total SC</span>
|
| 253 |
<div class="tooltip-wrapper">
|
| 254 |
<i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
|
| 255 |
<div class="tooltip-content text-xs">
|
|
|
|
| 258 |
</div>
|
| 259 |
</div>
|
| 260 |
<div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FF6A00]">18.74</div>
|
| 261 |
+
<div class="text-xs text-[#B8B8B8] mt-1">Play for real prizes <span class="font-medium"></span><span class="font-medium"></span></div>
|
| 262 |
</div>
|
| 263 |
|
| 264 |
<!-- Card B: Bonus SC -->
|
| 265 |
<div class="glass-card p-4" id="card-bonus-sc" data-aos="fade-up" data-aos-delay="50">
|
| 266 |
<div class="flex justify-between items-start">
|
| 267 |
+
<span class="chip border border-[#00E4FF] text-[#00E4FF] text-xs px-2 py-1">Total GC</span>
|
| 268 |
<div class="tooltip-wrapper">
|
| 269 |
<i data-feather="info" class="w-3 h-3 text-[#B8B8B8]"></i>
|
| 270 |
<div class="tooltip-content text-xs">
|
| 271 |
+
Gold Coins used to play for fun!
|
| 272 |
</div>
|
| 273 |
</div>
|
| 274 |
</div>
|
| 275 |
+
<div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#00E4FF]">65,000</div>
|
| 276 |
+
<div class="text-xs text-[#B8B8B8] mt-1">Play for Fun <span class="font-medium"></span><span class="font-medium"></span></div>
|
| 277 |
</div>
|
| 278 |
|
| 279 |
<!-- Card C: WSC -->
|
| 280 |
<div class="glass-card p-4 bg-[rgba(60,226,122,0.08)]" id="card-wsc" data-aos="fade-up" data-aos-delay="100">
|
| 281 |
<div class="flex justify-between items-start">
|
| 282 |
+
<span class="chip border border-[#3CE27A] text-[#3CE27A] text-xs px-2 py-1">Redeemable</span>
|
| 283 |
<div class="icon-wrapper">
|
| 284 |
<i data-feather="check-circle" class="w-4 h-4 text-[#3CE27A]"></i>
|
| 285 |
</div>
|
|
|
|
| 291 |
<!-- Card D: GC -->
|
| 292 |
<div class="glass-card p-4" id="card-gc" data-aos="fade-up" data-aos-delay="150">
|
| 293 |
<div class="flex justify-between items-start">
|
| 294 |
+
<span class="chip border border-[#FEC84B] text-[#FEC84B] text-xs px-2 py-1">Rakeback</span>
|
| 295 |
<div class="icon-wrapper">
|
| 296 |
<i data-feather="shopping-bag" class="w-4 h-4 text-[#FEC84B]"></i>
|
| 297 |
</div>
|
| 298 |
</div>
|
| 299 |
+
<div class="text-xl mt-2 font-bold font-['Orbitron'] big-number text-[#FEC84B]">SC19.00</div>
|
| 300 |
+
<p class="text-xs text-[#B8B8B8] mt-1">Available Rakeback</p>
|
| 301 |
</div>
|
| 302 |
</div>
|
| 303 |
</section>
|
| 304 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 305 |
|
| 306 |
<!-- Redeemables -->
|
| 307 |
<section class="mb-10" data-aos="fade-up">
|
|
|
|
| 315 |
</div>
|
| 316 |
|
| 317 |
<div class="bg-[rgba(0,228,255,0.08)] border border-[rgba(0,228,255,0.15)] p-5 rounded-xl">
|
| 318 |
+
<div class="text-sm text-[#B8B8B8]">Redeemable Rakeback Amount</div>
|
| 319 |
+
<div id="redeemable-bonus" class="text-2xl font-bold font-['Orbitron'] big-number text-[#00E4FF]">19.00</div>
|
| 320 |
</div>
|
| 321 |
</div>
|
| 322 |
|
| 323 |
<div class="text-sm text-[#B8B8B8] mb-6">
|
| 324 |
+
Rakeback amount is distributed bi-weekly
|
| 325 |
</div>
|
| 326 |
|
| 327 |
<div class="flex flex-wrap gap-3">
|
prompts.txt
CHANGED
|
@@ -187,4 +187,6 @@ Remove
|
|
| 187 |
Remove
|
| 188 |
Remove "VIP & Jackpot" Section
|
| 189 |
Remove "Payment Methods" Section
|
| 190 |
-
Make this section smaller with smaller cards
|
|
|
|
|
|
|
|
|
| 187 |
Remove
|
| 188 |
Remove "VIP & Jackpot" Section
|
| 189 |
Remove "Payment Methods" Section
|
| 190 |
+
Make this section smaller with smaller cards
|
| 191 |
+
Make this section smaller vertically
|
| 192 |
+
Remove the playthrough progress section
|