{"id":8,"date":"2026-07-24T19:51:06","date_gmt":"2026-07-24T19:51:06","guid":{"rendered":"https:\/\/thegodhades.lol\/?page_id=8"},"modified":"2026-07-24T21:04:00","modified_gmt":"2026-07-24T21:04:00","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thegodhades.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n HADES ($HADES) - Guardian of the Underworld<\/title>\r\n\r\n <!-- Google External Fonts: New Rocker & Metamorphous -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Metamorphous&family=New+Rocker&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary-crimson: #ff3300;\r\n --primary-gold: #ffaa00;\r\n --fire-glow: rgba(255, 69, 0, 0.4);\r\n --bg-dark: #0a0404;\r\n --bg-overlay: rgba(10, 4, 4, 0.75);\r\n --bg-modal: rgba(15, 7, 7, 0.92);\r\n --border-fire: rgba(255, 85, 0, 0.25);\r\n --text-gold: #f3ce70;\r\n --text-secondary: #c3b091;\r\n \r\n --font-title: 'New Rocker', cursive, serif;\r\n --font-heading: 'Metamorphous', cursive, serif;\r\n --font-sans: 'Metamorphous', cursive, serif;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n body, html {\r\n width: 100%;\r\n min-height: 100vh;\r\n background-color: var(--bg-dark);\r\n font-family: var(--font-sans);\r\n color: #e5e7eb;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n \/* 1. INTRO PRELOADER ANIMATION *\/\r\n #preloader {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #050202;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n animation: fadeOutLoader 1s ease-in-out 3s forwards;\r\n pointer-events: none;\r\n }\r\n\r\n .loader-logo {\r\n max-width: 320px;\r\n width: 80%;\r\n height: auto;\r\n opacity: 0;\r\n transform: scale(0.85);\r\n filter: drop-shadow(0 0 25px rgba(255, 69, 0, 0.8));\r\n animation: logoIntro 2.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s forwards;\r\n }\r\n\r\n @keyframes logoIntro {\r\n 0% { opacity: 0; transform: scale(0.85); filter: drop-shadow(0 0 0px rgba(0,0,0,0)); }\r\n 50% { opacity: 1; transform: scale(1.05); filter: drop-shadow(0 0 35px rgba(255, 69, 0, 0.9)); }\r\n 100% { opacity: 0; transform: scale(1); filter: drop-shadow(0 0 10px rgba(255, 69, 0, 0.3)); }\r\n }\r\n\r\n @keyframes fadeOutLoader {\r\n to { opacity: 0; visibility: hidden; }\r\n }\r\n\r\n \/* 2. ROTATING BACKGROUND VIDEO CONTAINER *\/\r\n .video-bg-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 0;\r\n overflow: hidden;\r\n pointer-events: none;\r\n background-color: var(--bg-dark);\r\n }\r\n\r\n .video-bg-container video {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 100%;\r\n height: 100%;\r\n min-width: 100vw;\r\n min-height: 100vh;\r\n transform: translate(-50%, -50%);\r\n object-fit: cover;\r\n display: block;\r\n transition: opacity 1s ease-in-out;\r\n }\r\n\r\n .video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n background: radial-gradient(circle, rgba(10, 4, 4, 0.4) 0%, var(--bg-overlay) 90%);\r\n }\r\n\r\n \/* FIRE PARTICLES CONTAINER (BARU) *\/\r\n #fire-particles {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 2;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n\r\n .particle {\r\n position: absolute;\r\n bottom: -20px;\r\n background: radial-gradient(circle, #ffaa00 0%, #ff3300 60%, transparent 100%);\r\n border-radius: 50%;\r\n opacity: 0.8;\r\n animation: riseParticle linear infinite;\r\n box-shadow: 0 0 8px #ff3300;\r\n }\r\n\r\n @keyframes riseParticle {\r\n 0% {\r\n transform: translateY(0) translateX(0) scale(1);\r\n opacity: 0;\r\n }\r\n 20% {\r\n opacity: 0.9;\r\n }\r\n 100% {\r\n transform: translateY(-105vh) translateX(var(--rand-x)) scale(0.2);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n \/* 3. MAIN LAYOUT WRAPPER *\/\r\n .main-wrapper {\r\n width: 100%;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 30px 40px;\r\n opacity: 0;\r\n animation: fadeInContent 1.2s cubic-bezier(0.25, 1, 0.5, 1) 3.2s forwards;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n @keyframes fadeInContent {\r\n to { opacity: 1; }\r\n }\r\n\r\n header {\r\n width: 100%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n z-index: 100;\r\n padding-bottom: 10px;\r\n }\r\n\r\n .logo-container img {\r\n height: 38px;\r\n width: auto;\r\n display: block;\r\n filter: drop-shadow(0 0 8px rgba(255, 69, 0, 0.5));\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .logo-container img:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* MENU SLIM & LENGKAP KEMBALI *\/\r\n .nav-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .nav-btn {\r\n font-family: var(--font-heading);\r\n font-size: 8.5pt;\r\n font-weight: normal;\r\n color: var(--text-gold);\r\n text-decoration: none;\r\n letter-spacing: 0.5px;\r\n padding: 5px 10px;\r\n border-radius: 2px;\r\n transition: all 0.3s ease;\r\n background: rgba(15, 4, 4, 0.5);\r\n border: 1px solid rgba(255, 85, 0, 0.15);\r\n line-height: 1;\r\n text-transform: uppercase;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .nav-btn:hover {\r\n color: #fff;\r\n border-color: var(--primary-crimson);\r\n background: rgba(255, 51, 0, 0.2);\r\n box-shadow: 0 0 10px var(--fire-glow);\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* 4. HERO CORE SECTION *\/\r\n .hero-center-content {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: 40px auto;\r\n text-align: center;\r\n padding: 20px;\r\n z-index: 10;\r\n }\r\n\r\n .ticker-badge {\r\n display: inline-block;\r\n background: rgba(30, 5, 5, 0.8);\r\n border: 1px solid var(--primary-crimson);\r\n color: var(--primary-gold);\r\n padding: 6px 18px;\r\n border-radius: 4px;\r\n font-family: var(--font-heading);\r\n font-size: 10pt;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 25px;\r\n box-shadow: 0 0 10px rgba(255, 69, 0, 0.3);\r\n }\r\n\r\n \/* JUDUL UTAMA DENGAN GRADASI BERGERAK TERUS *\/\r\n h1.moving-title {\r\n font-family: var(--font-title);\r\n font-size: 34pt;\r\n line-height: 1.25;\r\n margin-bottom: 20px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n background: linear-gradient(90deg, #3d0a0a, #ffaa00, #ff3300, #4a0d0d, #f3ce70, #3d0a0a);\r\n background-size: 300% auto;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: gradientMove 6s linear infinite;\r\n filter: drop-shadow(0 4px 15px rgba(0,0,0,0.9));\r\n }\r\n\r\n @keyframes gradientMove {\r\n 0% { background-position: 0% center; }\r\n 100% { background-position: 300% center; }\r\n }\r\n\r\n .hero-quote {\r\n font-family: var(--font-heading);\r\n font-size: 13pt;\r\n font-style: italic;\r\n color: var(--text-gold);\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.8);\r\n }\r\n\r\n .hero-description {\r\n font-family: var(--font-sans);\r\n font-size: 11pt;\r\n line-height: 1.7;\r\n color: #d1d5db;\r\n margin-bottom: 35px;\r\n letter-spacing: 0.5px;\r\n text-shadow: 0 2px 6px rgba(0,0,0,0.8);\r\n }\r\n\r\n \/* ANIMATED GLASS FIRE GLOW CARD *\/\r\n @keyframes fireGlowPulse {\r\n 0% {\r\n border-color: rgba(255, 85, 0, 0.25);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.5), inset 0 0 10px rgba(255, 69, 0, 0.05);\r\n }\r\n 50% {\r\n border-color: rgba(255, 110, 0, 0.6);\r\n box-shadow: 0 0 25px rgba(255, 69, 0, 0.35), inset 0 0 15px rgba(255, 170, 0, 0.15);\r\n }\r\n 100% {\r\n border-color: rgba(255, 85, 0, 0.25);\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.5), inset 0 0 10px rgba(255, 69, 0, 0.05);\r\n }\r\n }\r\n\r\n .ca-box-container {\r\n width: 100%;\r\n max-width: 520px;\r\n margin: 0 auto 35px auto;\r\n background: rgba(15, 5, 5, 0.8);\r\n border: 1px solid var(--border-fire);\r\n border-radius: 4px;\r\n display: flex;\r\n align-items: center;\r\n padding: 6px 6px 6px 16px;\r\n backdrop-filter: blur(10px);\r\n animation: fireGlowPulse 4s infinite ease-in-out;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .ca-box-container:hover {\r\n border-color: var(--primary-gold);\r\n box-shadow: 0 0 30px rgba(255, 170, 0, 0.4);\r\n }\r\n\r\n .ca-label {\r\n font-family: var(--font-heading);\r\n font-size: 11pt;\r\n color: var(--primary-gold);\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-right: 12px;\r\n }\r\n\r\n .ca-value {\r\n font-family: var(--font-sans);\r\n font-size: 10pt;\r\n color: #e5e7eb;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n flex-grow: 1;\r\n text-align: left;\r\n }\r\n\r\n .btn-copy {\r\n background: rgba(255, 51, 0, 0.15);\r\n border: 1px solid var(--primary-crimson);\r\n color: var(--text-gold);\r\n padding: 8px 16px;\r\n border-radius: 2px;\r\n cursor: pointer;\r\n font-family: var(--font-heading);\r\n font-size: 9.5pt;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-copy:hover {\r\n background: var(--primary-crimson);\r\n color: #fff;\r\n box-shadow: 0 0 12px var(--fire-glow);\r\n }\r\n\r\n \/* ACTION BUTTONS *\/\r\n .main-ctas {\r\n display: flex;\r\n justify-content: center;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .cta-btn {\r\n min-width: 170px;\r\n padding: 12px 28px;\r\n border-radius: 2px;\r\n font-family: var(--font-heading);\r\n font-size: 10.5pt;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n\r\n .cta-btn-primary {\r\n background: linear-gradient(135deg, #ff3300 0%, #990000 100%);\r\n color: #fff;\r\n border: 1px solid #ff5500;\r\n box-shadow: 0 4px 20px rgba(255, 51, 0, 0.4);\r\n }\r\n\r\n .cta-btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 25px rgba(255, 69, 0, 0.7);\r\n filter: brightness(1.2);\r\n }\r\n\r\n .cta-btn-secondary {\r\n background: rgba(20, 5, 5, 0.7);\r\n color: var(--text-gold);\r\n border: 1px solid var(--border-fire);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .cta-btn-secondary:hover {\r\n transform: translateY(-2px);\r\n border-color: var(--primary-gold);\r\n box-shadow: 0 0 15px rgba(255, 170, 0, 0.3);\r\n color: #fff;\r\n }\r\n\r\n \/* 6. STYLE PREMIUM POP-UP MODAL DENGAN GLASS FIRE GLOW *\/\r\n .popup-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(5, 2, 2, 0.85);\r\n backdrop-filter: blur(8px);\r\n z-index: 500;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.4s ease;\r\n padding: 20px;\r\n }\r\n\r\n .popup-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .popup-window {\r\n background: var(--bg-modal);\r\n border: 1px solid var(--primary-crimson);\r\n border-radius: 6px;\r\n width: 100%;\r\n max-width: 650px;\r\n max-height: 80vh;\r\n overflow-y: auto;\r\n position: relative;\r\n padding: 35px;\r\n backdrop-filter: blur(12px);\r\n animation: fireGlowPulse 4s infinite ease-in-out;\r\n transform: scale(0.9) translateY(20px);\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .popup-overlay.active .popup-window {\r\n transform: scale(1) translateY(0);\r\n }\r\n\r\n .popup-window::-webkit-scrollbar { width: 5px; }\r\n .popup-window::-webkit-scrollbar-track { background: rgba(0,0,0,0.5); }\r\n .popup-window::-webkit-scrollbar-thumb { background: var(--primary-crimson); border-radius: 2px; }\r\n\r\n .close-popup {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n color: var(--text-gold);\r\n font-size: 24px;\r\n cursor: pointer;\r\n line-height: 1;\r\n transition: color 0.2s;\r\n }\r\n\r\n .close-popup:hover {\r\n color: var(--primary-crimson);\r\n }\r\n\r\n .popup-window h2 {\r\n font-family: var(--font-title);\r\n font-size: 18pt;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n color: var(--primary-gold);\r\n border-bottom: 1px solid var(--border-fire);\r\n padding-bottom: 12px;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n .popup-content p {\r\n font-family: var(--font-sans);\r\n color: #d1d5db;\r\n font-size: 10pt;\r\n line-height: 1.7;\r\n margin-bottom: 16px;\r\n text-align: justify;\r\n }\r\n\r\n .popup-content p strong {\r\n color: var(--primary-gold);\r\n font-family: var(--font-heading);\r\n }\r\n\r\n .relic-item, .chapter-item {\r\n margin-bottom: 20px;\r\n padding: 15px;\r\n background: rgba(30, 10, 10, 0.4);\r\n border: 1px solid rgba(255, 85, 0, 0.15);\r\n border-left: 3px solid var(--primary-crimson);\r\n border-radius: 4px;\r\n backdrop-filter: blur(4px);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .relic-item:hover, .chapter-item:hover {\r\n border-color: rgba(255, 170, 0, 0.4);\r\n box-shadow: 0 0 15px rgba(255, 69, 0, 0.2);\r\n }\r\n\r\n .relic-item h3, .chapter-item h3 {\r\n font-family: var(--font-title);\r\n color: var(--primary-gold);\r\n font-size: 14pt;\r\n margin-bottom: 6px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* 7. FOOTER *\/\r\n footer {\r\n width: 100%;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n z-index: 100;\r\n border-top: 1px solid rgba(255, 85, 0, 0.15);\r\n padding-top: 25px;\r\n margin-top: 20px;\r\n text-align: center;\r\n }\r\n\r\n .footer-text { font-size: 9pt; color: #9ca3af; letter-spacing: 0.5px; font-family: var(--font-sans); }\r\n .footer-disclaimer { font-size: 8pt; color: #6b7280; max-width: 900px; line-height: 1.5; font-family: var(--font-sans); }\r\n .footer-links { display: flex; gap: 20px; }\r\n .footer-links a { font-size: 9pt; color: var(--text-gold); text-decoration: none; transition: color 0.2s ease; font-family: var(--font-heading); }\r\n .footer-links a:hover { color: var(--primary-crimson); }\r\n\r\n \/* Mobile Optimization *\/\r\n @media (max-width: 768px) {\r\n .main-wrapper { padding: 20px 16px; }\r\n header { flex-direction: column; gap: 15px; }\r\n .nav-actions { justify-content: center; width: 100%; gap: 4px; }\r\n .nav-btn { font-size: 8pt; padding: 5px 6px; }\r\n h1.moving-title { font-size: 22pt; }\r\n .hero-quote { font-size: 11pt; }\r\n .hero-description { font-size: 9.5pt; }\r\n .ca-box-container { flex-direction: column; gap: 10px; padding: 12px; }\r\n .ca-value { width: 100%; text-align: center; }\r\n .main-ctas { flex-direction: column; width: 100%; align-items: center; }\r\n .cta-btn { width: 100%; max-width: 300px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- 1. INTRO PRELOADER ANIMATION -->\r\n <div id=\"preloader\">\r\n <img decoding=\"async\" src=\"https:\/\/thegodhades.lol\/wp-content\/uploads\/2026\/07\/LOGO-HADES.png\" alt=\"HADES Logo\" class=\"loader-logo\">\r\n <\/div>\r\n\r\n <!-- 2. FULLSCREEN ROTATING BACKGROUND VIDEO -->\r\n <div class=\"video-bg-container\">\r\n <video autoplay muted playsinline id=\"bgVideo\">\r\n <source src=\"https:\/\/thegodhades.lol\/wp-content\/uploads\/2026\/07\/HERO-HADES1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"video-overlay\"><\/div>\r\n <\/div>\r\n\r\n <!-- FIRE PARTICLES CONTAINER -->\r\n <div id=\"fire-particles\"><\/div>\r\n\r\n <!-- MAIN VIEWPORT WRAPPER -->\r\n <div class=\"main-wrapper\">\r\n \r\n <!-- HEADER LAYOUT -->\r\n <header>\r\n <a href=\"#\" class=\"logo-container\">\r\n <img decoding=\"async\" src=\"https:\/\/thegodhades.lol\/wp-content\/uploads\/2026\/07\/LOGO-HADES.png\" alt=\"HADES Logo\">\r\n <\/a>\r\n <div class=\"nav-actions\">\r\n <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-dominium')\">Dominium<\/a>\r\n <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-vision')\">Legend & Vision<\/a>\r\n <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-relics')\">Relics of Power<\/a>\r\n <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-chapters')\">Chapters<\/a>\r\n <a href=\"#\" class=\"nav-btn\" onclick=\"openPopup('popup-council')\">Elysium Council<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- HERO CORE SECTION -->\r\n <div class=\"hero-center-content\">\r\n <div class=\"ticker-badge\">$HADES<\/div>\r\n <h1 class=\"moving-title\">Beneath the Darkness Lies the Earth's Greatest Wealth<\/h1>\r\n <p class=\"hero-quote\">\"True majesty is not defined by a heavenly crown, but by a throne that stands firm while the whole realm trembles.\"<\/p>\r\n <p class=\"hero-description\">\r\n While the upper world is consumed by fleeting noise and chaos, HADES ($HADES) stands upon an unshakable foundation. Forged from the quiet void and born of the deepest ruler's destiny, we resurrect the philosophy of the Guardian of Balance: fair without compromise, decisive in judgment, and immovable through time.\r\n <\/p>\r\n\r\n <!-- COPIABLE CONTRACT ADDRESS BOX -->\r\n <div class=\"ca-box-container\">\r\n <span class=\"ca-label\">CA:<\/span>\r\n <span class=\"ca-value\" id=\"caToken\">NULL<\/span>\r\n <button class=\"btn-copy\" onclick=\"copyCA()\">Copy CA<\/button>\r\n <\/div>\r\n\r\n <!-- ACTION BUTTONS -->\r\n <div class=\"main-ctas\">\r\n <a href=\"LINK-KAMU\" class=\"cta-btn cta-btn-primary\" target=\"_blank\">Get $HADES<\/a>\r\n <a href=\"LINK-KAMU\" class=\"cta-btn cta-btn-secondary\" target=\"_blank\">Telegram<\/a>\r\n <a href=\"LINK-KAMU\" class=\"cta-btn cta-btn-secondary\" target=\"_blank\">Twitter<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <div class=\"footer-links\">\r\n <a href=\"LINK-KAMU\" target=\"_blank\">Dexscreener<\/a>\r\n <a href=\"LINK-KAMU\" target=\"_blank\">Pump.fun<\/a>\r\n <\/div>\r\n <div class=\"footer-text\">HADES PROJECT \u2022 TICKER: $HADES<\/div>\r\n <p class=\"footer-disclaimer\">\r\n HADES ($HADES) is a collective movement rooted in mythology, lore, and community art. All participation is based on full self-awareness, unity, and an appreciation for historical mythology. No material guarantees or promises of future returns are implied.\r\n <\/p>\r\n <div class=\"footer-text\">© 2026 HADES Project. All Rights Reserved by the Laws of Nature and Justice.<\/div>\r\n <\/footer>\r\n\r\n <\/div>\r\n\r\n <!-- ==================== POP-UP MODALS ==================== -->\r\n \r\n <!-- 1. DOMINIUM POPUP -->\r\n <div class=\"popup-overlay\" id=\"popup-dominium\" onclick=\"closeAllPopups(event)\">\r\n <div class=\"popup-window\">\r\n <button class=\"close-popup\" onclick=\"closePopup('popup-dominium')\">×<\/button>\r\n <h2>Dominium of $HADES<\/h2>\r\n <div class=\"popup-content\">\r\n <p><strong>The Realm of Unshakable Foundation:<\/strong> While superficial projects rise and vanish with the wind, HADES operates deep beneath the surface\u2014anchoring value in patience, absolute resolve, and unmatched strength.<\/p>\r\n <p>We build our foundation where real power accumulates: shielded from transient market hype and protected by an unwavering community legion.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 2. LEGEND & VISION POPUP -->\r\n <div class=\"popup-overlay\" id=\"popup-vision\" onclick=\"closeAllPopups(event)\">\r\n <div class=\"popup-window\">\r\n <button class=\"close-popup\" onclick=\"closePopup('popup-vision')\">×<\/button>\r\n <h2>Restoring the Throne of Truth<\/h2>\r\n <div class=\"popup-content\">\r\n <p>In ancient mythology, Hades was never a symbol of evil\u2014he was the supreme entity holding the scales of ultimate justice. When the Titanomachy raged and the world was divided, Hades did not fight for a throne above the clouds. He chose the deepest realm, the very sanctuary where all true wealth resides: gold, gems, and the immortality of souls.<\/p>\r\n <p><strong>OUR PHILOSOPHY:<\/strong> We do not offer hollow promises of temporary glory. Like its ruler, the $HADES movement is built on fortitude, extreme honesty, and a steadfast commitment to preserving a just community structure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 3. RELICS OF POWER POPUP -->\r\n <div class=\"popup-overlay\" id=\"popup-relics\" onclick=\"closeAllPopups(event)\">\r\n <div class=\"popup-window\">\r\n <button class=\"close-popup\" onclick=\"closePopup('popup-relics')\">×<\/button>\r\n <h2>Relics of Power \u2014 Artifacts of Strength<\/h2>\r\n <div class=\"popup-content\">\r\n <div class=\"relic-item\">\r\n <h3>The Bident (Dual Edges of Destiny)<\/h3>\r\n <p>Symbolizes the duality of our leadership: Decisiveness in action and Balance in maintaining fairness for all members.<\/p>\r\n <\/div>\r\n <div class=\"relic-item\">\r\n <h3>Helm of Darkness (The Unseen Crown)<\/h3>\r\n <p>A legendary gift from the Cyclopes. It symbolizes the power of silent focus\u2014moving and forging ahead without boasting before victory is secured.<\/p>\r\n <\/div>\r\n <div class=\"relic-item\">\r\n <h3>Cerberus (The Eternal Guardian)<\/h3>\r\n <p>Three sleepless heads symbolizing Loyalty, Security, and Devotion to the core principles that protect our community from harm.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 4. CHAPTERS OF DESTINY POPUP -->\r\n <div class=\"popup-overlay\" id=\"popup-chapters\" onclick=\"closeAllPopups(event)\">\r\n <div class=\"popup-window\">\r\n <button class=\"close-popup\" onclick=\"closePopup('popup-chapters')\">×<\/button>\r\n <h2>Chapters of Destiny \u2014 Roadmap to Elysium<\/h2>\r\n <div class=\"popup-content\">\r\n <div class=\"chapter-item\">\r\n <h3>CHAPTER I: Blood & The Throne (Initiation)<\/h3>\r\n <p>\u2022 Unification of the throne guardians (core community formation).<br>\r\n \u2022 Fair launch of $HADES with complete transparency and zero privileges.<br>\r\n \u2022 Establishing the Codex and governance foundations.<\/p>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <h3>CHAPTER II: Crossing the Styx (Mobilization)<\/h3>\r\n <p>\u2022 Forging alliances with the strongest legions across all corners.<br>\r\n \u2022 Unveiling epic visual art, lore, and collective narratives.<br>\r\n \u2022 Empowering council members through shared decision forums.<\/p>\r\n <\/div>\r\n <div class=\"chapter-item\">\r\n <h3>CHAPTER III: The Crown of Elysium (Eternity)<\/h3>\r\n <p>\u2022 Honoring the most steadfast warriors of the community.<br>\r\n \u2022 Launching self-sustaining, long-term community-driven initiatives.<br>\r\n \u2022 Cementing the name HADES as an unyielding symbol of resilience.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 5. ELYSIUM COUNCIL POPUP -->\r\n <div class=\"popup-overlay\" id=\"popup-council\" onclick=\"closeAllPopups(event)\">\r\n <div class=\"popup-window\">\r\n <button class=\"close-popup\" onclick=\"closePopup('popup-council')\">×<\/button>\r\n <h2>Summons of the Elysium Council<\/h2>\r\n <div class=\"popup-content\">\r\n <p><strong>THE THRONE HAS BEEN PREPARED. ARE YOU READY TO STAND BESIDE IT?<\/strong><\/p>\r\n <p>Not just any soul is worthy to walk this path. Only those who are brave, steadfast, and respectful of the process deserve to claim their place in eternity.<\/p>\r\n <p>Persephone's Pact reminds us: there is a time for the community to gather strength in quiet fortitude (Winter), and a time for that power to bloom into tangible impact (Spring).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JAVASCRIPT LOGIC -->\r\n <script>\r\n \/\/ 1. ROTATING VIDEO PLAYLIST LOGIC\r\n const videoList = [\r\n \"https:\/\/thegodhades.lol\/wp-content\/uploads\/2026\/07\/HERO-HADES1.mp4\",\r\n \"https:\/\/thegodhades.lol\/wp-content\/uploads\/2026\/07\/HERO-HADES2.mp4\",\r\n \"https:\/\/thegodhades.lol\/wp-content\/uploads\/2026\/07\/HERO-HADES3.mp4\"\r\n ];\r\n let currentVideoIndex = 0;\r\n const videoElement = document.getElementById(\"bgVideo\");\r\n\r\n if (videoElement) {\r\n videoElement.addEventListener(\"ended\", function() {\r\n currentVideoIndex = (currentVideoIndex + 1) % videoList.length;\r\n videoElement.src = videoList[currentVideoIndex];\r\n videoElement.play();\r\n });\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n videoElement.play().catch(function() {\r\n document.body.addEventListener('click', () => { videoElement.play(); }, { once: true });\r\n });\r\n });\r\n }\r\n\r\n \/\/ FIRE PARTICLES GENERATOR SCRIPT (BARU)\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const particleContainer = document.getElementById(\"fire-particles\");\r\n const numberOfParticles = 30;\r\n\r\n for (let i = 0; i < numberOfParticles; i++) {\r\n let particle = document.createElement(\"div\");\r\n particle.classList.add(\"particle\");\r\n \r\n \/\/ Random ukuran, posisi horizontal, durasi, dan delay animasi\r\n let size = Math.random() * 4 + 2; \/\/ 2px - 6px\r\n let leftPos = Math.random() * 100; \/\/ 0% - 100%\r\n let duration = Math.random() * 4 + 3; \/\/ 3s - 7s\r\n let delay = Math.random() * 5; \/\/ 0s - 5s\r\n let randX = (Math.random() - 0.5) * 150 + \"px\"; \/\/ Geseran angin horizontal\r\n\r\n particle.style.width = `${size}px`;\r\n particle.style.height = `${size}px`;\r\n particle.style.left = `${leftPos}%`;\r\n particle.style.animationDuration = `${duration}s`;\r\n particle.style.animationDelay = `${delay}s`;\r\n particle.style.setProperty('--rand-x', randX);\r\n\r\n particleContainer.appendChild(particle);\r\n }\r\n });\r\n\r\n \/\/ 2. COPY CONTRACT ADDRESS (CA) SCRIPT\r\n function copyCA() {\r\n const caText = document.getElementById(\"caToken\").innerText;\r\n navigator.clipboard.writeText(caText).then(() => {\r\n const copyBtn = document.querySelector(\".btn-copy\");\r\n copyBtn.innerText = \"COPIED!\";\r\n copyBtn.style.background = \"#ffaa00\";\r\n copyBtn.style.color = \"#0a0404\";\r\n \r\n setTimeout(() => {\r\n copyBtn.innerText = \"COPY CA\";\r\n copyBtn.style.background = \"rgba(255, 51, 0, 0.15)\";\r\n copyBtn.style.color = \"var(--text-gold)\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error(\"Failed to copy text: \", err);\r\n });\r\n }\r\n\r\n \/\/ 3. POPUP MODAL HANDLERS\r\n function openPopup(id) {\r\n document.getElementById(id).classList.add(\"active\");\r\n }\r\n\r\n function closePopup(id) {\r\n document.getElementById(id).classList.remove(\"active\");\r\n }\r\n\r\n function closeAllPopups(event) {\r\n if (event.target.classList.contains('popup-overlay')) {\r\n event.target.classList.remove(\"active\");\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HADES ($HADES) – Guardian of the Underworld Dominium Legend & Vision Relics of Power Chapters Elysium Council $HADES Beneath the Darkness Lies the Earth’s Greatest Wealth “True majesty is not defined by a heavenly crown, but by a throne that stands firm while the whole realm trembles.” While the upper world is consumed by fleeting […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thegodhades.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegodhades.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegodhades.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegodhades.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thegodhades.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/thegodhades.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/thegodhades.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/thegodhades.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}