1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Cheesur: The Ultimate Gamble - Kick Streams & High-Roller Wins | cheesur-streamer.com</title> 7 <meta name="description" content="Step into the electrifying world of Cheesur, the master of high-stakes gambling. Watch live Kick streams, discover elite crypto casinos, and witness gameplay that pushes the limits of luck."> 8 <link rel="icon" href="favicon.ico" sizes="any"> 9 <link rel="manifest" href="site.webmanifest"> 10 <meta name="theme-color" content="#110F1A"> 11 <link rel="canonical" href="https://coscu-stream.netlify.app/"> 12
12<script src="https://cdn.tailwindcss.com"></script>
12 13 <style> 14 :root { 15 --bg-primary: #110F1A; 16 --bg-secondary: #1A1724; 17 --accent-primary: #00E5FF; /* Cyan */ 18 --accent-secondary: #9E7BFF; /* Violet */ 19 --text-primary: #F0F0F5; 20 --text-secondary: #A0A0C0; 21 --border-color: #332F4D; 22 } 23 body { 24 font-family: 'Poppins', sans-serif; 25 background-color: var(--bg-primary); 26 color: var(--text-primary); 27 scroll-behavior: smooth; 28 } 29 .main-container { 30 max-width: 1600px; 31 margin-left: auto; 32 margin-right: auto; 33 } 34 .section-padding { 35 padding-top: 5rem; 36 padding-bottom: 5rem; 37 } 38 @media (min-width: 768px) { 39 .section-padding { 40 padding-top: 7rem; 41 padding-bottom: 7rem; 42 } 43 } 44 .btn { 45 padding: 0.8rem 2rem; 46 border-radius: 9999px; /* Pill shape */ 47 font-weight: 600; 48 transition: all 0.3s ease-in-out; 49 text-align: center; 50 display: inline-block; 51 border: 2px solid transparent; 52 position: relative; 53 overflow: hidden; 54 z-index: 1; 55 } 56 .btn-primary { 57 background-color: var(--accent-primary); 58 color: #000; 59 box-shadow: 0 0 20px rgba(0, 229, 255, 0.4); 60 } 61 .btn-primary:hover { 62 transform: scale(1.05); 63 box-shadow: 0 0 35px rgba(0, 229, 255, 0.6); 64 } 65 .btn-secondary { 66 background-color: transparent; 67 color: var(--accent-primary); 68 border: 2px solid var(--accent-primary); 69 } 70 .btn-secondary:hover { 71 background-color: var(--accent-primary); 72 color: #000; 73 transform: scale(1.05); 74 } 75 .hero-section-new { 76 min-height: 100vh; 77 display: flex; 78 align-items: center; 79 background: radial-gradient(ellipse at bottom, var(--accent-secondary) -50%, var(--bg-primary) 50%); 80 } 81 .hero-avatar { 82 width: 220px; 83 height: 220px; 84 border-radius: 50%; 85 border: 4px solid var(--accent-primary); 86 box-shadow: 0 0 40px var(--accent-primary), inset 0 0 15px rgba(0, 229, 255, 0.5); 87 padding: 5px; 88 } 89 header { 90 background-color: rgba(17, 15, 26, 0.7); 91 backdrop-filter: blur(12px); 92 border-bottom: 1px solid var(--border-color); 93 } 94 .nav-link-new { 95 padding: 0.5rem 0.75rem; 96 color: var(--text-secondary); 97 font-weight: 500; 98 transition: color 0.3s ease; 99 position: relative; 100 } 101 .nav-link-new:hover, .nav-link-new.active { 102 color: var(--accent-primary); 103 } 104 .nav-link-new::before { 105 content: ''; 106 position: absolute; 107 bottom: -5px; 108 left: 0; 109 right: 0; 110 height: 2px; 111 background-color: var(--accent-primary); 112 transform: scaleX(0); 113 transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); 114 } 115 .nav-link-new:hover::before, .nav-link-new.active::before { 116 transform: scaleX(1); 117 } 118 .section-title { 119 font-size: 2.5rem; /* 40px */ 120 font-weight: 700; 121 margin-bottom: 1rem; 122 color: var(--text-primary); 123 line-height: 1.2; 124 } 125 .section-subtitle { 126 font-size: 1.125rem; /* 18px */ 127 color: var(--text-secondary); 128 margin-bottom: 4rem; 129 max-width: 700px; 130 margin-left:auto; 131 margin-right:auto; 132 } 133 .text-glow { 134 color: var(--accent-primary); 135 text-shadow: 0 0 15px rgba(0, 229, 255, 0.7); 136 } 137 .custom-card { 138 background-color: var(--bg-secondary); 139 border: 1px solid var(--border-color); 140 border-radius: 1rem; /* 16px */ 141 transition: transform 0.3s ease, box-shadow 0.3s ease; 142 display: flex; 143 flex-direction: column; 144 height: 100%; 145 overflow: hidden; 146 } 147 .custom-card:hover { 148 transform: translateY(-10px); 149 box-shadow: 0 20px 40px rgba(0,0,0, 0.3); 150 border-color: var(--accent-secondary); 151 } 152 .custom-card img.logo-image { 153 height: 70px; 154 object-fit: contain; 155 margin-bottom: 1.5rem; 156 } 157 .stream-iframe-container { 158 position: relative; 159 width: 100%; 160 padding-top: 56.25%; 161 border-radius: 0.75rem; 162 overflow: hidden; 163 border: 2px solid var(--accent-secondary); 164 box-shadow: 0 0 30px rgba(158, 123, 255, 0.3); 165 } 166 .stream-iframe-container iframe { 167 position: absolute; top: 0; left: 0; width: 100%; height: 100%; 168 } 169 footer { 170 background-color: #0C0A14; 171 border-top: 1px solid var(--border-color); 172 } 173 .footer-link { 174 color: var(--text-secondary); 175 transition: color 0.2s ease; 176 } 177 .footer-link:hover { 178 color: var(--accent-primary); 179 } 180 .scroll-to-top { 181 position: fixed; bottom: 25px; right: 25px; 182 background: linear-gradient(45deg, var(--accent-secondary), var(--accent-primary)); 183 color: var(--bg-primary); 184 width: 50px; height: 50px; 185 border-radius: 50%; 186 display: none; 187 align-items: center; justify-content: center; 188 font-size: 24px; 189 box-shadow: 0 5px 15px rgba(0, 229, 255, 0.4); 190 z-index: 100; 191 transition: all 0.3s ease; 192 } 193 .scroll-to-top:hover { transform: scale(1.1) rotate(15deg); } 194 .scroll-to-top.visible { display: flex; }
195 .aspect-w-16 { position: relative; padding-bottom: 56.25%; } 196 .aspect-h-9 { } 197 .aspect-w-16 > *, .aspect-h-9 > * { position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; } 198 </style> 199</head> 200<body class="antialiased"> 201<div class="main-container"> 202 <header class="sticky top-0 z-50"> 203 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 204 <div class="flex items-center justify-between h-20"> 205 <div class="flex-shrink-0"> 206 <a href="#home" class="text-3xl font-bold text-white tracking-wider">CH<span class="text-glow">EE</span>SUR</a> 207 </div> 208 <nav class="hidden md:flex space-x-4 items-center"> 209 <a href="#home" class="nav-link-new">Home</a> 210 <a href="#about-cheesur" class="nav-link-new">About</a> 211 <a href="#cheesur-casinos" class="nav-link-new">Casinos</a> 212 <a href="#cheesur-top-slots" class="nav-link-new">Top Slots</a> 213 <a href="#cheesur-live-stream" class="nav-link-new">Stream</a> 214 <a href="#cheesur-big-wins" class="nav-link-new">Big Wins</a> 215 <a href="#cheesur-faq" class="nav-link-new">FAQ</a> 216 </nav> 217 <div class="md:hidden"> 218 <button id="mobile-menu-button" class="text-gray-300 hover:text-glow focus:outline-none"> 219 <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" /></svg> 220 </button> 221 </div> 222 </div> 223 </div> 224 <div id="mobile-menu" class="md:hidden hidden bg-black/95"> 225 <a href="#home" class="block nav-link-new text-base px-4 py-3">Home</a> 226 <a href="#about-cheesur" class="block nav-link-new text-base px-4 py-3">About</a> 227 <a href="#cheesur-casinos" class="block nav-link-new text-base px-4 py-3">Casinos</a> 228 <a href="#cheesur-top-slots" class="block nav-link-new text-base px-4 py-3">Top Slots</a> 229 <a href="#cheesur-live-stream" class="block nav-link-new text-base px-4 py-3">Stream</a> 230 <a href="#cheesur-big-wins" class="block nav-link-new text-base px-4 py-3">Big Wins</a> 231 <a href="#cheesur-faq" class="block nav-link-new text-base px-4 py-3">FAQ</a> 232 </div> 233 </header> 234 235 <main> 236 <section id="home" class="hero-section-new text-white"> 237 <div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center"> 238 <img src="./img/Cheesur.webp" alt="Streamer Cheesur's Portrait" class="hero-avatar mx-auto mb-8 animate-pulse"> 239 <h1 class="text-4xl sm:text-6xl lg:text-8xl font-black mb-5 leading-tight uppercase tracking-widest"> 240 Enter The <span class="text-glow">Epicenter</span> of Chance 241 </h1> 242 <p class="text-lg sm:text-xl lg:text-2xl mb-12 text-text-secondary max-w-4xl mx-auto"> 243 Cheesur is more than just gambling. It's a show where intuition meets risk, and every spin can become legendary. Join the Kick streams and witness true magic unfold! 244 </p> 245 <div class="space-x-6"> 246 <a href="#cheesur-live-stream" class="btn btn-primary">Start Playing</a> 247 <a href="#about-cheesur" class="btn btn-secondary">Learn More</a> 248 </div> 249 </div> 250 </section> 251 252 <section id="about-cheesur" class="section-padding" style="background-color: var(--bg-secondary);"> 253 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 254 <div class="text-center"> 255 <h2 class="section-title">Maestro of Spins. Lord of Bonus Hunts.</h2> 256 <p class="section-subtitle">Meet the man for whom gambling is an art form. Cheesur combines cold calculation, incredible luck, and charisma, turning every session into an unforgettable performance.</p> 257 </div>
258 <div class="grid lg:grid-cols-5 gap-12 items-center"> 259 <div class="lg:col-span-3 text-text-secondary space-y-6 text-base leading-relaxed"> 260 <p>Cheesur's journey in the world of gambling is a story of transformation from an ordinary player into a true virtuoso. He doesn't chase fleeting wins; he builds a strategy, analyzes every slot, and feels the game on an intuitive level. His streams are not just about spinning reels, but an open dialogue with the audience, where he shares his thoughts, tactics, and, of course, the emotions from dizzying victories and bitter defeats.</p> 261 <p>Authenticity is his main trump card. Cheesur isn't afraid to show real gambling with all its risks. He has built a community around him where honesty is valued, members support each other, and every big win is celebrated together.</p> 262 <p>This site, <span class="font-bold text-white">cheesur-streamer.com</span>, is his official headquarters. It features only the casinos he trusts 100%. Platforms with a crystal-clear reputation, fast crypto payouts, and exclusive bonuses for his audience. This is your pass to the world of big-time gambling under the guidance of an experienced mentor.</p> 263 </div> 264 <div class="lg:col-span-2 grid grid-cols-1 gap-6"> 265 <img src="./img/Cheesur-frkn-bananas.webp" alt="Cheesur playing FRKN Bananas" class="w-full h-full object-cover rounded-lg shadow-xl hover:scale-105 transition-transform duration-300 border-2 border-transparent hover:border-accent-secondary"> 266 <img src="./img/Cheesur-infernus.webp" alt="Cheesur streaming the Infernus slot" class="w-full h-full object-cover rounded-lg shadow-xl hover:scale-105 transition-transform duration-300 border-2 border-transparent hover:border-accent-secondary"> 267 </div> 268 </div> 269 </div> 270 </section> 271 272 <section id="cheesur-casinos" class="section-padding"> 273 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 274 <div class="text-center"> 275 <h2 class="section-title">Vetted Grounds for High Stakes</h2> 276 <p class="section-subtitle">Cheesur only plays where he can trust. These casinos are his personal choice, based on fairness, payout speed, and the quality of the gaming experience.</p> 277 </div> 278 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> 279 <div class="custom-card border-2 border-accent-primary shadow-2xl shadow-cyan-500/10"> 280 <div class="p-6 flex flex-col flex-grow text-center"> 281 <h3 class="text-2xl font-bold mb-2 text-glow">Vincispin Casino</h3> 282 <p class="text-text-secondary mb-2 text-sm">Bonus: <span class="font-semibold text-white">â¬500 + 350 Free Spins</span></p> 283 <p class="text-text-secondary mb-4 text-sm flex-grow">The flagship choice. A huge catalog of slots, instant crypto transactions, and elite service for those who play big.</p> 284 <a href="https://cheesur-streamer.com/" target="_blank" rel="noopener noreferrer nofollow" class="btn btn-primary mt-auto">Play Here</a> 285 </div> 286 </div> 287 <div class="custom-card"> 288 <div class="p-6 flex flex-col flex-grow text-center"> 289 <h3 class="text-xl font-semibold mb-2 text-white">Brucebet Casino</h3> 290 <p class="text-text-secondary mb-2 text-sm">Bonus: <span class="font-semibold text-white">550 Free Spins up to â¬2750</span></p> 291 <p class="text-text-secondary mb-4 text-sm flex-grow">Generous promotions and a selection of slots with high win potential. Ideal for bonus hunting.</p> 292 <a href="https://cheesur-streamer.com/" target="_blank" rel="noopener noreferrer nofollow" class="btn btn-secondary mt-auto">Go to Brucebet</a> 293 </div> 294 </div> 295 <div class="custom-card"> 296 <div class="p-6 flex flex-col flex-grow text-center"> 297 <h3 class="text-xl font-semibold mb-2 text-white">BetHall Casino</h3> 298 <p class="text-text-secondary mb-2 text-sm">Bonus: <span class="font-semibold text-white">â¬500 + 200 Free Spins</span></p> 299 <p class="text-text-secondary mb-4 text-sm flex-grow">A symbol of reliability. Impeccable support, secure payments, and a great selection of live games.</p> 300 <a href="https://cheesur-streamer.com/" target="_blank" rel="noopener noreferrer nofollow" class="btn btn-secondary mt-auto">Open BetHall</a> 301 </div> 302 </div> 303 </div> 304 </div> 305 </section> 306 307 <section id="cheesur-top-slots" class="section-padding" style="background-color: var(--bg-secondary);"> 308 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 309 <div class="text-center"> 310 <h2 class="section-title">Machines Primed for <span class="text-glow">Jackpots</span></h2> 311 <p class="section-subtitle">Cheesur's personal arsenal for maximum profit. These slots are selected for their explosive nature and potential to change the game with a single spin.</p> 312 </div> 313 <div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 ga
313p-6"> 314 <!-- Cards will be dynamically filled --> 315 </div> 316 </div> 317 </section> 318 319 <section id="cheesur-live-stream" class="section-padding"> 320 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 321 <div class="text-center"> 322 <h2 class="section-title">Live from the <span class="text-glow">Arena of Chance!</span></h2> 323 <p class="section-subtitle text-text-secondary">History is being made here and now. Tune into the Kick stream so you don't miss a single bet or epic moment.</p> 324 </div> 325 <div class="max-w-4xl mx-auto mb-12"> 326 <div class="stream-iframe-container"> 327 <iframe 328 title="Cheesur Kick Stream" 329 src="https://player.kick.com/cheesur?autoplay=false" 330 frameborder="0" 331 scrolling="no" 332 allow="autoplay; fullscreen" 333 allowfullscreen 334 loading="lazy" 335 referrerpolicy="no-referrer-when-downgrade" 336 sandbox="allow-scripts allow-same-origin allow-popups allow-forms" 337 ></iframe> 338 </div> 339 </div> 340 </div> 341 </section> 342 343 <section id="cheesur-big-wins" class="section-padding" style="background-color: var(--bg-secondary);"> 344 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 345 <div class="text-center"> 346 <h2 class="section-title">Chronicles of Legendary <span class="text-glow">Wins</span></h2> 347 <p class="section-subtitle">The moments when luck said "YES!". Let's remember the most incredible wins that have gone down in Cheesur's streaming history.</p> 348 </div> 349 <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8"> 350 <!-- Cards will be dynamically filled --> 351 </div> 352 </div> 353 </section> 354 355 <section id="cheesur-faq" class="section-padding"> 356 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 357 <div class="text-center"> 358 <h2 class="section-title">Answers to Key <span class="text-glow">Questions</span></h2> 359 <p class="section-subtitle">Everything you wanted to know about the streams, casinos, and strategies, but were afraid to ask.</p> 360 </div> 361 <div class="max-w-3xl mx-auto space-y-4"> 362 <!-- FAQ items will be dynamically filled --> 363 </div> 364 </div> 365 </section> 366 </main> 367 368 <footer class="text-text-secondary"> 369 <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-16"> 370 <div class="text-center mb-8"> 371 <a href="#home" class="text-4xl font-bold text-white tracking-wider">CH<span class="text-glow">EE</span>SUR</a> 372 <p class="mt-4 max-w-lg mx-auto text-sm">Your guide in the world of gambling, where risk is rewarded and the game is a pleasure. Play smart.</p> 373 <div class="flex justify-center space-x-6 text-2xl mt-6"> 374 <a href="https://kick.com/cheesur" target="_blank" rel="noopener noreferrer nofollow" class="footer-link" title="Kick"><i class="fa-brands fa-kickstarter-k"></i></a> 375 <a href="https://www.twitch.tv/cheesur" target="_blank" rel="noopener noreferrer nofollow" class="footer-link" title="Twitch"><i class="fab fa-twitch"></i></a> 376 <a href="https://www.youtube.com/@CheesurLive" target="_blank" rel="noopener noreferrer nofollow" class="footer-link" title="YouTube"><i class="fab fa-youtube"></i></a> 377 <a href="https://x.com/icheesur" target="_blank" rel="noopener noreferrer nofollow" class="footer-link" title="X (Twitter)"><i class="fab fa-twitter"></i></a> 378 </div> 379 </div> 380 <div class="border-t border-border-color pt-8 text-center text-xs"> 381 <p class="mb-2">Gambling can be addictive. Play responsibly and only with funds you are prepared to lose. Content is intended for individuals 18+.</p> 382 <p>© 2025 cheesur-streamer.com. All Rights Reserved. Developed for <span class="font-semibold text-glow">Cheesur</span>.</p> 383 </div> 384 </div> 385 </footer> 386</div> 387 388 <a href="#home" id="scrollToTopButton" class="scroll-to-top"> <i class="fas fa-arrow-up"></i></a> 389 390
390<script> 391 // Data for dynamic content 392 const topSlots = [ 393 { img: './img/Cheesur-pirate-bonanza.webp', title: 'Pirate Bonanza', desc: 'A classic for explosive payouts! High volatility and multipliers.' }, 394 { img: './img/Cheesur-wild-west-wins.webp', title: 'Wild West Wins', desc: 'Duel for cash with sticky wilds and bonus rounds.' }, 395 { img: './img/Cheesur-home-of-the-brave.webp', title: 'Home of the Brave', desc: 'A heroic quest with expanding symbols.' }, 396 { img: './img/Cheesur-Cosmic-Cash.webp', title: 'Cosmic Cash', desc: 'An interstellar journey with avalanches and free spins.' }, 397 { img: './img/Cheesur-duck-hunters.webp', title: 'Duck Hunters', desc: 'A dynamic hunt for wild surprises and scatters.' } 398 ]; 399 400 const bigWins = [ 401 { img: './img/Cheesur-kennteth-must-die.webp', title: 'Kenneth Must Die!', win: '$1,421', desc: 'Victory in the war against the volatile beast in the bonus round!' }, 402 { img: './img/Cheesur-sweet-bonanza-1000.webp', title: 'Sweet Bonanza x1000', win: '$935', desc: 'Candy bombs brought a giant multiplier and a sweet cash rush!' }, 403 { img: './img/Cheesur-alien-fruits-2.webp', title: 'Alien Invasion', win: '$6,450', desc: 'A cosmic-sized win in a tense bonus game.' } 404 ]; 405 406 const faqs = [ 407 { q: 'Why are Cheesur\'s streams so engaging?', a: 'Cheesur combines a deep understanding of slot mechanics with incredible charisma and honesty. He doesn\'t just playâhe puts on a show, sharing every emotion and strategic thought, creating a unique atmosphere of involvement.' }, 408 { q: 'Is it safe to play at the casinos from your links?', a: 'Absolutely. Cheesur only promotes licensed casinos with a proven reputation. He personally tests each platform for game fairness and payout speed. However, always gamble responsibly.' }, 409 { q: 'How do the bonuses you offer work?', a: 'Simply use the links on this site, cheesur-streamer.com. They lead to pages with exclusive offers for the Cheesur community. Carefully read the terms and conditions of each bonus before activating it.' } 410 ]; 411 412 // Functions to populate content 413 function populateSlots() { 414 const container = document.querySelector('#cheesur-top-slots .grid'); 415 let content = ''; 416 topSlots.forEach(slot => { 417 content += ` 418 <div class="custom-card"> 419 <img src="${slot.img}" alt="${slot.title}" class="card-image-top h-40 object-cover"> 420 <div class="p-4 flex flex-col flex-grow text-center"> 421 <h4 class="text-lg font-semibold mb-2 text-white">${slot.title}</h4> 422 <p class="text-text-secondary mb-4 text-xs flex-grow">${slot.desc}</p> 423 <a href="#cheesur-casinos" class="btn btn-secondary btn-sm mt-auto text-xs py-2 px-4">Play</a> 424 </div> 425 </div>`; 426 }); 427 container.innerHTML = content; 428 } 429 430 function populateBigWins() { 431 const container = document.querySelector('#cheesur-big-wins .grid'); 432 let content = ''; 433 bigWins.forEach(win => { 434 content += ` 435 <div class="custom-card"> 436 <img src="${win.img}" alt="${win.title}" class="card-image-top h-48 object-cover"> 437 <div class="p-5 text-center"> 438 <h4 class="text-xl font-semibold text-white mb-2">${win.title}</h4> 439 <p class="text-3xl text-glow font-bold mb-2">${win.win}</p> 440 <p class="text-xs text-text-secondary">${win.desc}</p> 441 </div> 442 </div>`; 443 }); 444 container.innerHTML = content; 445 } 446 447 function populateFaqs() { 448 const container = document.querySelector('#cheesur-faq .space-y-4'); 449 let content = '';
450 faqs.forEach(faq => { 451 content += ` 452 <div class="rounded-lg overflow-hidden border border-border-color bg-bg-secondary"> 453 <button class="faq-accordion-button w-full flex justify-between items-center text-left text-lg font-semibold p-5 text-white focus:outline-none"> 454 <span>${faq.q}</span> 455 <svg class="w-6 h-6 transform transition-transform duration-300 text-accent-secondary" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> 456 </button> 457 <div class="faq-accordion-content p-5 pt-0 hidden"> 458 <p class="text-text-secondary text-sm leading-relaxed">${faq.a}</p> 459 </div> 460 </div>`; 461 }); 462 container.innerHTML = content; 463 } 464 465 document.addEventListener('DOMContentLoaded', () => { 466 populateSlots(); 467 populateBigWins(); 468 populateFaqs(); 469 470 // Re-initialize accordion after populating 471 const accordionButtons = document.querySelectorAll('.faq-accordion-button'); 472 accordionButtons.forEach(button => { 473 button.addEventListener('click', () => { 474 const content = button.nextElementSibling; 475 const icon = button.querySelector('svg'); 476 content.classList.toggle('hidden'); 477 icon.classList.toggle('rotate-180'); 478 }); 479 }); 480 }); 481 482 // Mobile Menu 483 const mobileMenuButton = document.getElementById('mobile-menu-button'); 484 const mobileMenu = document.getElementById('mobile-menu'); 485 if (mobileMenuButton && mobileMenu) { 486 mobileMenuButton.addEventListener('click', () => { 487 mobileMenu.classList.toggle('hidden'); 488 }); 489 } 490 491 // Smooth scroll & Active nav link highlighting 492 document.querySelectorAll('a[href^="#"]').forEach(anchor => { 493 anchor.addEventListener('click', function (e) { 494 const href = this.getAttribute('href'); 495 if (href === "#" || !document.querySelector(href)) return; 496 e.preventDefault(); 497 const targetElement = document.querySelector(href); 498 const headerOffset = document.querySelector('header').offsetHeight || 80; 499 const elementPosition = targetElement.getBoundingClientRect().top + window.pageYOffset; 500 const offsetPosition = elementPosition - headerOffset; 501 window.scrollTo({ top: offsetPosition, behavior: "smooth" }); 502 if (mobileMenu && !mobileMenu.classList.contains('hidden')) { 503 mobileMenu.classList.add('hidden'); 504 } 505 }); 506 }); 507 508 const scrollToTopButton = document.getElementById('scrollToTopButton'); 509 if (scrollToTopButton) { 510 window.addEventListener('scroll', () => { 511 if (window.pageYOffset > 400) { 512 scrollToTopButton.classList.add('visible'); 513 } else { 514 scrollToTopButton.classList.remove('visible'); 515 } 516 }); 517 } 518 </script>
518 519 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 520 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 521</body> 522</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.