{"id":8,"date":"2026-04-21T18:13:27","date_gmt":"2026-04-21T18:13:27","guid":{"rendered":"https:\/\/theexpedition.fun\/?page_id=8"},"modified":"2026-04-21T18:48:41","modified_gmt":"2026-04-21T18:48:41","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/theexpedition.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-809f6fe e-con-full e-flex e-con e-parent\" data-id=\"809f6fe\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25b2789 elementor-widget elementor-widget-html\" data-id=\"25b2789\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');\r\n\r\n        :root {\r\n            --black: #000000;\r\n            --white: #ffffff;\r\n            --grey: #888888;\r\n            --border: rgba(255, 255, 255, 0.15);\r\n            --font-display: 'Space Grotesk', sans-serif;\r\n            --font-mono: 'Space Mono', monospace;\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        \r\n        body { \r\n            background-color: var(--black); \r\n            color: var(--white); \r\n            font-family: var(--font-display); \r\n            overflow-x: hidden;\r\n            line-height: 1.4;\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        \/* Sci-Fi Grain Overlay *\/\r\n        .noise-overlay {\r\n            position: fixed;\r\n            top: 0; left: 0; width: 100vw; height: 100vh;\r\n            pointer-events: none;\r\n            z-index: 9999;\r\n            opacity: 0.04;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n        }\r\n\r\n        \/* Strict Grid Container *\/\r\n        .container {\r\n            width: 100%;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 4vw;\r\n        }\r\n\r\n        \/* Swiss Navbar *\/\r\n        .nav-container {\r\n            position: fixed;\r\n            top: 0; left: 0; width: 100%;\r\n            padding: 24px 4vw;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            z-index: 1000;\r\n            border-bottom: 1px solid var(--border);\r\n            backdrop-filter: blur(10px);\r\n            background: rgba(0, 0, 0, 0.5);\r\n        }\r\n\r\n        .logo {\r\n            font-family: var(--font-mono);\r\n            font-size: 14px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .logo::before {\r\n            content: '';\r\n            display: block;\r\n            width: 8px; height: 8px;\r\n            background: var(--white);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 10px var(--white);\r\n        }\r\n\r\n        .nav-buttons { display: flex; gap: 16px; }\r\n\r\n        .btn {\r\n            font-family: var(--font-mono);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            padding: 12px 24px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            border: 1px solid var(--border);\r\n            background: transparent;\r\n            color: var(--white);\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            position: relative;\r\n            overflow: hidden;\r\n            \/* PERBAIKAN: Agar button tidak collapse\/rusak bentuknya *\/\r\n            display: inline-flex; \r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 100%; left: 0; width: 100%; height: 100%;\r\n            background: var(--white);\r\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n            z-index: -1;\r\n        }\r\n\r\n        .btn:hover { color: var(--black); border-color: var(--white); }\r\n        .btn:hover::before { top: 0; }\r\n        \r\n        .btn-buy { background: var(--white); color: var(--black); font-weight: bold; }\r\n        .btn-buy::before { background: var(--black); }\r\n        .btn-buy:hover { color: var(--white); }\r\n\r\n        \/* Hero Section *\/\r\n        .hero {\r\n            position: relative;\r\n            height: 100vh;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding-bottom: 6vw;\r\n            background-color: var(--black);\r\n            overflow: hidden; \/* Mencegah tumpahan video *\/\r\n        }\r\n\r\n        \/* PERBAIKAN Z-INDEX: Memastikan video tampil di Elementor *\/\r\n        .hero-video {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            object-fit: cover;\r\n            z-index: 1; \/* Diubah jadi positif *\/\r\n            filter: contrast(1.2) grayscale(0.2);\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);\r\n            z-index: 2; \/* Di atas video *\/\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 3; \/* Teks paling atas *\/\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(3rem, 8vw, 8rem);\r\n            font-weight: 500;\r\n            line-height: 0.9;\r\n            letter-spacing: -0.04em;\r\n            margin-bottom: 30px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* CA Copy Block *\/\r\n        .ca-wrapper {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            border: 1px solid var(--border);\r\n            padding: 8px;\r\n            background: rgba(0,0,0,0.6);\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .ca-text {\r\n            font-family: var(--font-mono);\r\n            font-size: 14px;\r\n            color: var(--grey);\r\n            padding: 0 20px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .btn-copy {\r\n            background: var(--white);\r\n            color: var(--black);\r\n            border: none;\r\n            padding: 10px 20px;\r\n            font-family: var(--font-mono);\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            cursor: pointer;\r\n            text-transform: uppercase;\r\n            transition: 0.3s;\r\n        }\r\n        .btn-copy:hover { background: var(--grey); }\r\n\r\n        \/* Section Layouts (Swiss Grid) *\/\r\n        section {\r\n            padding: 15vw 0; \r\n            position: relative;\r\n        }\r\n\r\n        .grid-2 {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 6vw; \r\n            align-items: center; \r\n        }\r\n\r\n        \/* Section Headers *\/\r\n        .section-label {\r\n            font-family: var(--font-mono);\r\n            font-size: 12px;\r\n            color: var(--grey);\r\n            text-transform: uppercase;\r\n            letter-spacing: 4px;\r\n            margin-bottom: 24px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        .section-label::before { content: '\/\/\/'; color: var(--white); }\r\n\r\n        .content-box h2 {\r\n            font-size: clamp(2rem, 4vw, 4rem);\r\n            font-weight: 400;\r\n            line-height: 1.1;\r\n            margin-bottom: 40px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .content-box p {\r\n            font-size: 18px;\r\n            color: var(--grey);\r\n            margin-bottom: 24px;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* Image Containers & Float Animation *\/\r\n        @keyframes floatSpace {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-30px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        .img-container {\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 400px;\r\n            position: relative;\r\n            animation: floatSpace 6s ease-in-out infinite; \r\n            \/* Border dan overflow dihilangkan agar gambar bebas melayang\/transparan *\/\r\n            border: none; \r\n            overflow: visible;\r\n        }\r\n\r\n        .img-container img {\r\n            width: 100%; \r\n            height: 100%;\r\n            object-fit: contain; \r\n            transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        .img-container:hover img {\r\n            transform: scale(1.05); \r\n        }\r\n\r\n        \/* Tokenomics Premium Grid *\/\r\n        .token-data-wrapper {\r\n            border: 1px solid var(--border);\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            margin-top: 4vw;\r\n        }\r\n\r\n        .token-stat {\r\n            padding: 4vw;\r\n            border-right: 1px solid var(--border);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            min-height: 250px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .token-stat:last-child { border-right: none; }\r\n\r\n        .token-stat::before {\r\n            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: var(--white); transform: scaleY(0); transform-origin: bottom;\r\n            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); z-index: -1;\r\n        }\r\n        .token-stat:hover::before { transform: scaleY(1); }\r\n        .token-stat:hover * { color: var(--black); }\r\n\r\n        .stat-label {\r\n            font-family: var(--font-mono);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--grey);\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .stat-value {\r\n            font-size: clamp(2rem, 4vw, 4rem);\r\n            font-weight: 300;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        \/* Roadmap List *\/\r\n        .roadmap-list { border-top: 1px solid var(--border); margin-top: 4vw;}\r\n        .roadmap-item {\r\n            padding: 32px 0;\r\n            border-bottom: 1px solid var(--border);\r\n            display: flex;\r\n            gap: 40px;\r\n        }\r\n        .phase-num {\r\n            font-family: var(--font-mono);\r\n            font-size: 14px;\r\n            color: var(--white);\r\n            width: 100px;\r\n            flex-shrink: 0;\r\n        }\r\n        .phase-content h3 { font-size: 24px; margin-bottom: 12px; font-weight: 400; text-transform: uppercase; }\r\n        .phase-content p { font-size: 16px; color: var(--grey); margin: 0; }\r\n\r\n        \/* Join Community *\/\r\n        .join-section {\r\n            position: relative;\r\n            height: 80vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-image: url('https:\/\/theexpedition.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n        }\r\n\r\n        .join-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 100%);\r\n        }\r\n\r\n        .join-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            text-align: center;\r\n            background: rgba(0,0,0,0.4);\r\n            padding: 6vw;\r\n            border: 1px solid var(--border);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        \/* Footer *\/\r\n        footer {\r\n            padding: 40px 4vw;\r\n            border-top: 1px solid var(--border);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            font-family: var(--font-mono);\r\n            font-size: 12px;\r\n            color: var(--grey);\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        \/* Reveal Animations *\/\r\n        .reveal { opacity: 0; transform: translateY(40px); transition: 1s cubic-bezier(0.16, 1, 0.3, 1); }\r\n        .reveal.active { opacity: 1; transform: translateY(0); }\r\n\r\n        @media (max-width: 900px) {\r\n            .grid-2 { grid-template-columns: 1fr; gap: 10vw; }\r\n            .token-data-wrapper { grid-template-columns: 1fr; }\r\n            .token-stat { border-right: none; border-bottom: 1px solid var(--border); min-height: 150px;}\r\n            .token-stat:last-child { border-bottom: none; }\r\n            .hero-video { object-position: center; }\r\n            .roadmap-item { flex-direction: column; gap: 16px; }\r\n            .nav-container { padding: 16px 4vw; }\r\n            .nav-buttons { display: none; }\r\n            section { padding: 25vw 0; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"noise-overlay\"><\/div>\r\n\r\n    <nav class=\"nav-container\">\r\n        <div class=\"logo\">The Expedition<\/div>\r\n        <div class=\"nav-buttons\">\r\n            <a href=\"#\" class=\"btn\">X \/ Twitter<\/a>\r\n            <a href=\"#\" class=\"btn btn-buy\">Buy Now<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <header class=\"hero\">\r\n        <video class=\"hero-video\" autoplay muted loop playsinline preload=\"auto\">\r\n            <source src=\"https:\/\/theexpedition.fun\/wp-content\/uploads\/2026\/04\/EXPEDITION-BG1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"container hero-content\">\r\n            <h1 class=\"scramble\" data-text=\"DEFY GRAVITY. CHART THE UNKNOWN.\">DEFY GRAVITY.<br>CHART THE UNKNOWN.<\/h1>\r\n            <div class=\"ca-wrapper reveal\">\r\n                <span class=\"ca-text\" id=\"caText\">EXPED1T1ON777VvYx8v2PzXn...<\/span>\r\n                <button class=\"btn-copy\" onclick=\"copyCA()\">Copy CA<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section id=\"about\" class=\"container\">\r\n        <div class=\"grid-2\">\r\n            <div class=\"img-container reveal\">\r\n                <img decoding=\"async\" src=\"https:\/\/theexpedition.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png\" alt=\"Astronaut Context\">\r\n            <\/div>\r\n            <div class=\"content-box reveal\">\r\n                <div class=\"section-label\">Mission Brief<\/div>\r\n                <h2 class=\"scramble\" data-text=\"THE FINAL FRONTIER\">THE FINAL FRONTIER<\/h2>\r\n                <p>Every monumental leap in history began with a single, daring step into the void. $Expedition was forged for the explorers, the pioneers, and those who look upward and wonder what lies beyond the atmosphere.<\/p>\r\n                <p>We are navigating through the noise of the market to establish a new orbit, driven by precision, community, and an unwavering focus on the destination. Suit up. The countdown has already begun.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"tokenomics\" class=\"container\">\r\n        <div class=\"content-box reveal\" style=\"text-align: center;\">\r\n            <div class=\"section-label\" style=\"justify-content: center;\">Data Logs<\/div>\r\n            <h2 class=\"scramble\" data-text=\"MISSION PAYLOAD\">MISSION PAYLOAD<\/h2>\r\n        <\/div>\r\n        <div class=\"token-data-wrapper reveal\">\r\n            <div class=\"token-stat\">\r\n                <div class=\"stat-label\">Total Supply<\/div>\r\n                <div class=\"stat-value\">1B<\/div>\r\n            <\/div>\r\n            <div class=\"token-stat\">\r\n                <div class=\"stat-label\">Tax \/ Friction<\/div>\r\n                <div class=\"stat-value\">0\/0<\/div>\r\n            <\/div>\r\n            <div class=\"token-stat\">\r\n                <div class=\"stat-label\">Security Protocol<\/div>\r\n                <div class=\"stat-value\">LP Burned<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"roadmap\" class=\"container\">\r\n        <div class=\"grid-2\">\r\n            <div class=\"content-box reveal\">\r\n                <div class=\"section-label\">Coordinates<\/div>\r\n                <h2 class=\"scramble\" data-text=\"FLIGHT TRAJECTORY\">FLIGHT TRAJECTORY<\/h2>\r\n                <div class=\"roadmap-list\">\r\n                    <div class=\"roadmap-item\">\r\n                        <div class=\"phase-num\">PHASE_01<\/div>\r\n                        <div class=\"phase-content\">\r\n                            <h3>Liftoff<\/h3>\r\n                            <p>Protocol Initialization, Smart Contract Deployment, Community Assembly & Initial Burn.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"roadmap-item\">\r\n                        <div class=\"phase-num\">PHASE_02<\/div>\r\n                        <div class=\"phase-content\">\r\n                            <h3>Orbit<\/h3>\r\n                            <p>Strategic Partnerships with Outer-Atmosphere Protocols, CoinGecko\/CMC Integration.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"roadmap-item\">\r\n                        <div class=\"phase-num\">PHASE_03<\/div>\r\n                        <div class=\"phase-content\">\r\n                            <h3>Deep Space<\/h3>\r\n                            <p>Tier-1 CEX Listings, Ecosystem Expansion & Establishing the Lunar Base.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"img-container reveal\">\r\n                <img decoding=\"async\" src=\"https:\/\/theexpedition.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png\" alt=\"Space Structure\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"join-section\">\r\n        <div class=\"join-overlay\"><\/div>\r\n        <div class=\"join-content reveal\">\r\n            <h2 style=\"font-size: clamp(2rem, 5vw, 5rem); margin-bottom: 20px; text-transform: uppercase;\">Ready for Launch?<\/h2>\r\n            <p style=\"color: var(--grey); margin-bottom: 40px; font-size: 18px;\">Join the collective voyage into the deepest frontiers.<\/p>\r\n            <a href=\"#\" class=\"btn btn-buy\">Access Telegram<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer>\r\n        <div>\u00a9 2026 THE EXPEDITION<\/div>\r\n        <div>SYS.STATUS: ONLINE<\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        function copyCA() {\r\n            const ca = \"EXPED1T1ON777VvYx8v2PzXn... (Full CA Here)\"; \r\n            navigator.clipboard.writeText(ca).then(() => {\r\n                const btn = document.querySelector('.btn-copy');\r\n                btn.innerText = \"COPIED TO CLIPBOARD\";\r\n                btn.style.background = \"#fff\";\r\n                btn.style.color = \"#000\";\r\n                setTimeout(() => {\r\n                    btn.innerText = \"COPY CA\";\r\n                    btn.style.background = \"\";\r\n                    btn.style.color = \"\";\r\n                }, 2000);\r\n            });\r\n        }\r\n\r\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('active');\r\n                    \r\n                    if(entry.target.classList.contains('scramble') || entry.target.querySelector('.scramble')) {\r\n                        const scrambleEls = entry.target.classList.contains('scramble') ? [entry.target] : entry.target.querySelectorAll('.scramble');\r\n                        scrambleEls.forEach(el => {\r\n                            if(!el.dataset.scrambled) {\r\n                                scrambleText(el);\r\n                                el.dataset.scrambled = true;\r\n                            }\r\n                        });\r\n                    }\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.reveal, .scramble').forEach(el => observer.observe(el));\r\n\r\n        class TextScramble {\r\n            constructor(el) {\r\n                this.el = el;\r\n                this.chars = '!<>-_\\\\\/[]{}\u2014=+*^?#_';\r\n                this.update = this.update.bind(this);\r\n            }\r\n            setText(newText) {\r\n                const oldText = this.el.innerText;\r\n                const length = Math.max(oldText.length, newText.length);\r\n                const promise = new Promise((resolve) => this.resolve = resolve);\r\n                this.queue = [];\r\n                for (let i = 0; i < length; i++) {\r\n                    const from = oldText[i] || '';\r\n                    const to = newText[i] || '';\r\n                    const start = Math.floor(Math.random() * 40);\r\n                    const end = start + Math.floor(Math.random() * 40);\r\n                    this.queue.push({ from, to, start, end });\r\n                }\r\n                cancelAnimationFrame(this.frameRequest);\r\n                this.frame = 0;\r\n                this.update();\r\n                return promise;\r\n            }\r\n            update() {\r\n                let output = '';\r\n                let complete = 0;\r\n                for (let i = 0, n = this.queue.length; i < n; i++) {\r\n                    let { from, to, start, end, char } = this.queue[i];\r\n                    if (this.frame >= end) {\r\n                        complete++;\r\n                        output += to;\r\n                    } else if (this.frame >= start) {\r\n                        if (!char || Math.random() < 0.28) {\r\n                            char = this.randomChar();\r\n                            this.queue[i].char = char;\r\n                        }\r\n                        output += `<span style=\"color: #888;\">${char}<\/span>`;\r\n                    } else {\r\n                        output += from;\r\n                    }\r\n                }\r\n                this.el.innerHTML = output;\r\n                if (complete === this.queue.length) {\r\n                    this.resolve();\r\n                } else {\r\n                    this.frameRequest = requestAnimationFrame(this.update);\r\n                    this.frame++;\r\n                }\r\n            }\r\n            randomChar() {\r\n                return this.chars[Math.floor(Math.random() * this.chars.length)];\r\n            }\r\n        }\r\n\r\n        function scrambleText(element) {\r\n            const fx = new TextScramble(element);\r\n            const text = element.getAttribute('data-text') || element.innerText;\r\n            fx.setText(text);\r\n        }\r\n\r\n        \/\/ ==============================================================\r\n        \/\/ TAMBAHAN: PARTICLE BACKGROUND BINTANG JATUH (SHOOTING STARS)\r\n        \/\/ ==============================================================\r\n        (function() {\r\n            \/\/ Membuat elemen canvas secara dinamis agar tidak merubah struktur HTML asli\r\n            const canvas = document.createElement('canvas');\r\n            canvas.style.position = 'fixed';\r\n            canvas.style.top = '0';\r\n            canvas.style.left = '0';\r\n            canvas.style.width = '100vw';\r\n            canvas.style.height = '100vh';\r\n            canvas.style.zIndex = '99'; \/\/ Berada di layer dasar \r\n            canvas.style.pointerEvents = 'none'; \/\/ Tidak mengganggu klik tombol\r\n            document.body.appendChild(canvas);\r\n\r\n            const ctx = canvas.getContext('2d');\r\n            let w, h;\r\n\r\n            function resize() {\r\n                w = canvas.width = window.innerWidth;\r\n                h = canvas.height = window.innerHeight;\r\n            }\r\n            window.addEventListener('resize', resize);\r\n            resize();\r\n\r\n            \/\/ Array untuk bintang statis\/bergerak pelan\r\n            const stars = [];\r\n            for (let i = 0; i < 150; i++) {\r\n                stars.push({\r\n                    x: Math.random() * w,\r\n                    y: Math.random() * h,\r\n                    r: Math.random() * 1.5,\r\n                    vx: (Math.random() - 0.5) * 0.3,\r\n                    vy: (Math.random() - 0.5) * 0.3\r\n                });\r\n            }\r\n\r\n            \/\/ Array untuk bintang jatuh\r\n            const shootingStars = [];\r\n\r\n            function animate() {\r\n                ctx.clearRect(0, 0, w, h);\r\n                \r\n                \/\/ Menggambar bintang statis\r\n                ctx.fillStyle = 'rgba(255, 255, 255, 0.7)';\r\n                stars.forEach(s => {\r\n                    s.x += s.vx;\r\n                    s.y += s.vy;\r\n                    \/\/ Reset posisi jika keluar layar\r\n                    if (s.x < 0) s.x = w;\r\n                    if (s.x > w) s.x = 0;\r\n                    if (s.y < 0) s.y = h;\r\n                    if (s.y > h) s.y = 0;\r\n                    \r\n                    ctx.beginPath();\r\n                    ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2);\r\n                    ctx.fill();\r\n                });\r\n\r\n                \/\/ Men-generate bintang jatuh secara acak\r\n                if (Math.random() < 0.04) { \/\/ Frekuensi bintang jatuh\r\n                    shootingStars.push({\r\n                        x: Math.random() * w * 1.5, \/\/ Mulai dari area yang lebih luas di kanan\r\n                        y: 0,\r\n                        len: Math.random() * 80 + 40, \/\/ Panjang ekor\r\n                        speed: Math.random() * 15 + 10,\r\n                        opacity: 1,\r\n                        angle: Math.PI \/ 4 \/\/ Kemiringan 45 derajat ke kiri bawah\r\n                    });\r\n                }\r\n\r\n                \/\/ Menggambar dan mengupdate bintang jatuh\r\n                for (let i = shootingStars.length - 1; i >= 0; i--) {\r\n                    let ss = shootingStars[i];\r\n                    ss.x -= ss.speed * Math.cos(ss.angle);\r\n                    ss.y += ss.speed * Math.sin(ss.angle);\r\n                    ss.opacity -= 0.015; \/\/ Efek memudar\r\n\r\n                    \/\/ Hapus dari array jika sudah tidak terlihat\r\n                    if (ss.opacity <= 0 || ss.x < 0 || ss.y > h) {\r\n                        shootingStars.splice(i, 1);\r\n                        continue;\r\n                    }\r\n\r\n                    \/\/ Render garis (ekor bintang jatuh)\r\n                    ctx.beginPath();\r\n                    ctx.moveTo(ss.x, ss.y);\r\n                    ctx.lineTo(ss.x + ss.len * Math.cos(ss.angle), ss.y - ss.len * Math.sin(ss.angle));\r\n                    ctx.lineWidth = 1.5;\r\n                    \r\n                    \/\/ Membuat gradien agar ujung ekornya transparan\r\n                    const grad = ctx.createLinearGradient(ss.x, ss.y, ss.x + ss.len * Math.cos(ss.angle), ss.y - ss.len * Math.sin(ss.angle));\r\n                    grad.addColorStop(0, `rgba(255, 255, 255, ${ss.opacity})`);\r\n                    grad.addColorStop(1, `rgba(255, 255, 255, 0)`);\r\n                    \r\n                    ctx.strokeStyle = grad;\r\n                    ctx.stroke();\r\n                }\r\n\r\n                requestAnimationFrame(animate);\r\n            }\r\n            animate();\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\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>The Expedition X \/ Twitter Buy Now DEFY GRAVITY.CHART THE UNKNOWN. EXPED1T1ON777VvYx8v2PzXn&#8230; Copy CA Mission Brief THE FINAL FRONTIER Every monumental leap in history began with a single, daring step into the void. $Expedition was forged for the explorers, the pioneers, and those who look upward and wonder what lies beyond the atmosphere. We are [&hellip;]<\/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:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/theexpedition.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}