Skip to content

feat:slot-97 JoinCoin to the Moonnnnnnnnnnnnnnnn (by Streamdy,Bienac) #84

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
gioitrongxuan wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat:slot-97 JoinCoin to the Moonnnnnnnnnnnnnnnn (by Streamdy,Bienac) #84

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
207 changes: 206 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6230,7 +6230,212 @@ <h3>-- Bảng Giá Crypto --</h3>
<div id="slot-96"></div>

<!-- == SLOT 97 == -->
<div id="slot-97"></div>
<div id="slot-97">
<style>
#slot-97 {
padding: 40px 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 20px;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
}

#slot-97::before {
content: '';
position: absolute;
top: -50%;
right: -50%;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 50px 50px;
animation: slot97Move 20s linear infinite;
pointer-events: none;
}

@keyframes slot97Move {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(50px, 50px);
}
}

#slot-97 .slot97Container {
position: relative;
z-index: 1;
}

#slot-97 .slot97LogoWrapper {
margin-bottom: 30px;
animation: slot97Float 3s ease-in-out infinite;
}

@keyframes slot97Float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}

#slot-97 .slot97Logo {
width: 120px;
height: 120px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}

#slot-97 svg {
width: 100%;
height: 100%;
filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.3));
}

#slot-97 h1 {
font-size: 48px;
font-weight: 700;
color: white;
margin: 20px 0 10px 0;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
letter-spacing: 2px;
}

#slot-97 .slot97Tagline {
font-size: 20px;
color: rgba(255, 255, 255, 0.95);
margin-bottom: 5px;
font-weight: 500;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

#slot-97 .slot97Slogan {
font-size: 26px;
color: #ffd700;
font-weight: 700;
margin-top: 20px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
letter-spacing: 1px;
animation: slot97Pulse 2s ease-in-out infinite;
}

@keyframes slot97Pulse {
0%, 100% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0.85;
transform: scale(1.05);
}
}

#slot-97 .slot97Badge {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.5);
padding: 12px 28px;
border-radius: 50px;
margin-top: 25px;
color: white;
font-size: 14px;
font-weight: 600;
backdrop-filter: blur(10px);
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
cursor: pointer;
}

#slot-97 .slot97Badge:hover {
background: rgba(255, 255, 255, 0.3);
border-color: rgba(255, 255, 255, 0.8);
transform: translateY(-2px);
}

#slot-97 .slot97YouTube {
margin-top: 30px;
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(255, 0, 0, 0.2);
border: 2px solid rgba(255, 255, 255, 0.5);
padding: 12px 24px;
border-radius: 50px;
color: white;
font-size: 14px;
font-weight: 600;
text-decoration: none;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
cursor: pointer;
}

#slot-97 .slot97YouTube:hover {
background: rgba(255, 0, 0, 0.3);
border-color: rgba(255, 255, 255, 0.8);
transform: translateY(-2px);
}

#slot-97 .slot97YouTube svg {
width: 20px;
height: 20px;
filter: none;
}
</style>
<div class="slot97Container">
<div class="slot97LogoWrapper">
<div class="slot97Logo">
<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0 C0.68735478 3.95229001 0.62892498 5.97472125 -1.5 9.4453125 C-5.82905887 14.97500879 -10.61137858 19.53956218 -16 24 C-18.4259572 26.07261285 -20.83829012 28.16083894 -23.25 30.25 C-23.89791504 30.81001709 -24.54583008 31.37003418 -25.21337891 31.94702148 C-30.26883095 36.33013237 -35.21847345 40.81424463 -40.12109375 45.3671875 C-42.3384471 47.39499776 -44.5786422 49.37214322 -46.8515625 51.3359375 C-57.50047072 60.62527683 -67.38662612 70.79772925 -76 82 C-76.79535156 82.99 -77.59070313 83.98 -78.41015625 85 C-99.43632175 111.34500511 -112.24236839 141.09962972 -119 174 C-119.19045898 174.92490234 -119.38091797 175.84980469 -119.57714844 176.80273438 C-125.57601257 206.93807714 -127.19329014 238.07034845 -129.04907227 268.6784668 C-129.10630463 269.60654648 -129.16353699 270.53462616 -129.22250366 271.49082947 C-129.32899409 273.22943759 -129.4321642 274.96825351 -129.53140259 276.70729065 C-129.74823816 280.25540195 -130.06224465 283.57259145 -131 287 C-129.81446533 286.87882812 -128.62893066 286.75765625 -127.4074707 286.6328125 C-123.00017337 286.18301844 -118.59254686 285.73652429 -114.18481445 285.29101562 C-112.2787988 285.09790295 -110.37287304 284.90390087 -108.46704102 284.70898438 C-105.72435399 284.42863671 -102.98135741 284.15151098 -100.23828125 283.875 C-99.38913651 283.78750488 -98.53999176 283.70000977 -97.66511536 283.60986328 C-93.75961292 283.21912878 -89.93137623 282.88817419 -86 283 C-85.67 282.34 -85.34 281.68 -85 281 C-82.91357422 280.67822266 -82.91357422 280.67822266 -80.1796875 280.5390625 C-73.98022467 280.0772515 -68.15246929 278.85981444 -62.125 277.375 C-60.4996936 276.97740479 -60.4996936 276.97740479 -58.84155273 276.57177734 C-24.66718322 267.99756277 5.58379179 253.63925455 31 229 C31.75023437 228.28972656 32.50046875 227.57945312 33.2734375 226.84765625 C37.89320421 222.38309909 41.92769436 217.54426969 45.921875 212.515625 C47.85086803 210.18052818 49.73175468 208.00795487 52 206 C54.75 205.75 54.75 205.75 57 206 C60.71863919 213.43727838 57.03961997 223.5161406 54.69335938 230.93212891 C44.70298212 260.72737376 24.16669988 284.16587921 -3.9375 298.3125 C-6.6030532 299.59396568 -9.29289245 300.80915791 -12 302 C-12.67546875 302.30244629 -13.3509375 302.60489258 -14.046875 302.91650391 C-51.00728431 319.19957896 -93.23594045 320.73126347 -133 322 C-132.98549805 322.81815186 -132.97099609 323.63630371 -132.95605469 324.47924805 C-132.84375254 336.2910276 -133.51035062 348.02713732 -134.25 359.8125 C-134.34887009 361.40946716 -134.34887009 361.40946716 -134.44973755 363.03869629 C-135.80543356 384.74195315 -137.60737667 406.38612439 -140 428 C-140.1147467 429.03876282 -140.1147467 429.03876282 -140.23181152 430.09851074 C-146.34640899 484.79703018 -161.25651989 544.70978656 -205.3125 581.625 C-216.29255018 590.25218228 -227.32854565 597.22234206 -240 603 C-241.19238281 603.5465625 -242.38476562 604.093125 -243.61328125 604.65625 C-280.66956501 620.53172894 -324.43918056 619.8370867 -361.75 605.1875 C-375.33855251 599.4368129 -386.69925057 592.46546148 -398 583 C-398.80179687 582.35160156 -399.60359375 581.70320312 -400.4296875 581.03515625 C-402.00016841 579.74534361 -403.5107828 578.38284455 -405 577 C-405 576.34 -405 575.68 -405 575 C-405.60360352 574.73606445 -406.20720703 574.47212891 -406.82910156 574.20019531 C-409.11543503 572.93618099 -410.17403427 571.86371377 -411.734375 569.796875 C-412.22212402 569.15347168 -412.70987305 568.51006836 -413.21240234 567.84716797 C-413.71980957 567.15510254 -414.2272168 566.46303711 -414.75 565.75 C-415.54398193 564.67516357 -415.54398193 564.67516357 -416.35400391 563.57861328 C-426.05330768 550.23065011 -433.24123697 535.808077 -437.75 519.9375 C-437.94875732 519.24237305 -438.14751465 518.54724609 -438.35229492 517.83105469 C-441.59085362 505.79855285 -442.3769627 493.83140292 -442.3125 481.4375 C-442.31034485 480.69021637 -442.3081897 479.94293274 -442.30596924 479.17300415 C-442.11341411 437.4670098 -427.65311248 396.83267509 -398.97265625 366.12890625 C-397.264455 364.28540193 -395.69312081 362.39876791 -394.125 360.4375 C-390.0055121 355.62207682 -384.98273236 351.8754585 -380 348 C-378.97777344 347.16597656 -377.95554687 346.33195312 -376.90234375 345.47265625 C-331.20796717 309.18812621 -269.99719485 302.80915406 -214 297.25 C-212.72479492 297.12222168 -211.44958984 296.99444336 -210.13574219 296.86279297 C-203.72287854 296.25044459 -197.4417613 295.86116894 -191 296 C-190.96559814 295.287229 -190.93119629 294.57445801 -190.89575195 293.84008789 C-186.83627143 213.47496107 -180.77338558 119.1785914 -125 56 C-124.56252441 55.49694336 -124.12504883 54.99388672 -123.67431641 54.47558594 C-97.29664067 24.27466002 -61.52611665 4.58012275 -22 -2 C-21.07316406 -2.15597656 -20.14632813 -2.31195313 -19.19140625 -2.47265625 C-12.70985274 -3.35236788 -5.94444871 -2.97222435 0 0 Z M-320 376 C-320.87914062 376.804375 -321.75828125 377.60875 -322.6640625 378.4375 C-343.87683378 398.51493986 -355.60185573 425.98683403 -357 455 C-357.19677778 475.66166642 -350.25587358 495.42385098 -335.7578125 510.30078125 C-320.99442374 524.33307568 -303.50514017 529.51198982 -283.453125 529.21484375 C-263.19652749 528.51499135 -244.18259818 519.13579093 -230 505 C-229.23945313 504.26265625 -228.47890625 503.5253125 -227.6953125 502.765625 C-195.6013981 469.67224614 -197.48697442 413.95417192 -194.75 371.125 C-194.68288881 370.08162979 -194.68288881 370.08162979 -194.61442184 369.0171814 C-194.31189432 364.30625691 -194.02035154 359.59477156 -193.734375 354.8828125 C-193.6222039 353.09540146 -193.6222039 353.09540146 -193.50776672 351.2718811 C-193.03160357 343.17322646 -192.91865078 335.1117484 -193 327 C-239.52596546 326.8151306 -286.35068289 343.80397566 -320 376 Z" fill="#2559D3" transform="translate(400, 300) scale(0.5)"/>
</svg>
</div>
</div>

<h1>JOINCOIN</h1>
<div class="slot97Tagline">Đồng Tiền Tri Thức</div>

<div class="slot97Slogan">✨ Vì Tri Thức Giới Trẻ ✨</div>

<a href="https://www.youtube.com/@Streamdy" target="_blank" rel="noopener noreferrer" class="slot97YouTube">
<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
</svg>
Subscribe Now
</a>

<br><br>

<a class="slot97Badge" href="https://www.youtube.com/@Bienac">Khám Phá Ngay</a>
</div>
</div>

<script>
(function() {
const slot97Container = document.querySelector('#slot-97 .slot97Container');
slot97Container.style.opacity = '0';
slot97Container.style.transform = 'translateY(20px)';

setTimeout(() => {
slot97Container.style.transition = 'all 0.6s ease-out';
slot97Container.style.opacity = '1';
slot97Container.style.transform = 'translateY(0)';
}, 100);

// Console message
console.log('🪙 JoinCoin - Đồng Tiền Tri Thức Cho Giới Trẻ 🚀');
})();
</script>
</div>

<!-- == SLOT 98 == -->
<div id="slot-98">
Expand Down