{"id":8,"date":"2026-05-28T02:51:50","date_gmt":"2026-05-28T02:51:50","guid":{"rendered":"https:\/\/chubbyduck.xyz\/?page_id=8"},"modified":"2026-05-28T03:36:23","modified_gmt":"2026-05-28T03:36:23","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/chubbyduck.xyz\/","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-da07fa0 e-con-full e-flex e-con e-parent\" data-id=\"da07fa0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f642c8 elementor-widget elementor-widget-html\" data-id=\"5f642c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --bg-color: #E6E0DE;\r\n        --text-dark: #0a0a0a;\r\n        --glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);\r\n        --glass-border: rgba(255, 255, 255, 0.7);\r\n        --glass-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    #chubby-duck-wrap {\r\n        font-family: 'Outfit', sans-serif;\r\n        background-color: var(--bg-color);\r\n        color: var(--text-dark);\r\n        overflow-x: hidden;\r\n        position: relative;\r\n        -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    \/* CANVAS METEOR BG *\/\r\n    #meteor-canvas {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        z-index: 999; \/* Di atas background video, di bawah elemen glass *\/\r\n        pointer-events: none; \/* Agar tidak menghalangi klik *\/\r\n    }\r\n\r\n    \/* PREMIUM GLASSMORPHISM 2.0 *\/\r\n    .glass-panel {\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(24px);\r\n        -webkit-backdrop-filter: blur(24px);\r\n        border: 1px solid var(--glass-border);\r\n        border-radius: 40px;\r\n        box-shadow: var(--glass-shadow), inset 0 0 0 1px rgba(255, 255, 255, 0.2);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .glass-panel::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background: radial-gradient(circle at top left, rgba(255,255,255,0.4), transparent 50%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* BUTTONS *\/\r\n    .cd-btn {\r\n        background: rgba(255, 255, 255, 0.9);\r\n        color: var(--text-dark);\r\n        border: 1px solid rgba(255, 255, 255, 0.8);\r\n        padding: 10px 24px;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        border-radius: 99px;\r\n        cursor: pointer;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        text-decoration: none;\r\n        display: inline-block;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n    }\r\n\r\n    .cd-btn:hover {\r\n        transform: translateY(-4px) scale(1.02);\r\n        background: #ffffff;\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    \/* NAVBAR *\/\r\n    .cd-navbar {\r\n        position: fixed;\r\n        top: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 95%;\r\n        max-width: 1400px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 12px 16px 12px 32px;\r\n        z-index: 9999;\r\n        border-radius: 99px;\r\n    }\r\n    \r\n    .cd-logo { font-weight: 900; font-size: 22px; letter-spacing: -1px; }\r\n    .cd-nav-links { display: flex; gap: 8px; }\r\n\r\n    \/* HERO *\/\r\n    .cd-hero {\r\n        position: relative;\r\n        height: 100vh;\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        padding-bottom: 60px;\r\n        border-radius: 0 0 60px 60px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .cd-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;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .cd-hero-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 50%);\r\n        z-index: 2;\r\n    }\r\n\r\n    .cd-hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        text-align: center;\r\n        width: 100%;\r\n        animation: fadeUp 1s ease-out forwards;\r\n    }\r\n\r\n    .cd-hero h1 {\r\n        font-size: clamp(40px, 8vw, 90px);\r\n        font-weight: 900;\r\n        line-height: 0.95;\r\n        margin-bottom: 24px;\r\n        letter-spacing: -2px;\r\n        color: #fff;\r\n        text-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .ca-box {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        padding: 8px 8px 8px 24px;\r\n        margin-bottom: 30px;\r\n        border-radius: 99px;\r\n    }\r\n\r\n    .ca-text { font-size: 15px; font-weight: 700; letter-spacing: 1px; color: var(--text-dark); }\r\n    \r\n    .scroll-more {\r\n        font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 4px;\r\n        color: rgba(255,255,255,0.7);\r\n        animation: bounce 2s infinite;\r\n    }\r\n\r\n    \/* UTILITY: OVERLAP & FLOATING *\/\r\n    .float-anim { animation: floating 6s ease-in-out infinite; }\r\n    .float-anim-alt { animation: floatingAlt 8s ease-in-out infinite; }\r\n\r\n    \/* ABOUT (OVERLAPPING LAYOUT) *\/\r\n    .cd-about {\r\n        position: relative;\r\n        margin-top: -80px;\r\n        background-image: url('https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/Asset-6.png');\r\n        background-size: cover;\r\n        background-position: top center;\r\n        min-height: 110vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 100px 5%;\r\n        z-index: 20;\r\n    }\r\n\r\n    .cd-about-content {\r\n        width: 45%;\r\n        padding: 60px;\r\n        margin-left: 10%;\r\n        z-index: 15;\r\n        transform: translateY(50px);\r\n    }\r\n\r\n    .cd-about-img {\r\n        position: absolute;\r\n        width: 50%;\r\n        right: 5%;\r\n        top: 20%;\r\n        z-index: 14;\r\n        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15));\r\n    }\r\n\r\n    .cd-about-img img { width: 100%; height: auto; }\r\n\r\n    .cd-section-title {\r\n        font-size: clamp(36px, 5vw, 54px);\r\n        font-weight: 900;\r\n        margin-bottom: 24px;\r\n        line-height: 1;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .cd-text-body {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        font-weight: 400;\r\n        color: rgba(10, 10, 10, 0.8);\r\n    }\r\n\r\n    \/* GALLERY *\/\r\n    .cd-gallery {\r\n        position: relative;\r\n        padding: 120px 5%;\r\n        text-align: center;\r\n        z-index: 30;\r\n    }\r\n\r\n    .cd-gallery-grid {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 0;\r\n        flex-wrap: wrap;\r\n        margin-top: 80px;\r\n        max-width: 1400px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .cd-vid-wrap {\r\n        width: 280px;\r\n        aspect-ratio: 9\/16;\r\n        padding: 12px;\r\n        margin: -20px 10px;\r\n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n        transform: rotate(calc(var(--rot) * 1deg)) translateY(calc(var(--y) * 1px));\r\n    }\r\n\r\n    .cd-vid-wrap:hover {\r\n        transform: rotate(0deg) translateY(-20px) scale(1.05);\r\n        z-index: 50 !important;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .cd-vid-wrap video {\r\n        width: 100%; height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 28px;\r\n    }\r\n\r\n    \/* TOKENOMICS *\/\r\n    .cd-token {\r\n        position: relative;\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 100px 5%;\r\n        z-index: 40;\r\n    }\r\n\r\n    .cd-token-img {\r\n        position: absolute;\r\n        width: 55%;\r\n        left: -5%;\r\n        top: 10%;\r\n        z-index: 14;\r\n        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.15));\r\n    }\r\n    \r\n    .cd-token-img img { width: 100%; height: auto; }\r\n\r\n    .cd-token-content {\r\n        width: 45%;\r\n        padding: 60px;\r\n        margin-left: auto;\r\n        margin-right: 5%;\r\n        z-index: 15;\r\n    }\r\n\r\n    .tk-list { list-style: none; padding: 0; margin-top: 30px; }\r\n    .tk-list li {\r\n        font-size: 20px;\r\n        font-weight: 800;\r\n        padding: 20px 0;\r\n        border-bottom: 2px solid rgba(0,0,0,0.05);\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n    .tk-list li span { font-weight: 400; opacity: 0.6; }\r\n\r\n    \/* JOIN COMMUNITY *\/\r\n    .cd-join {\r\n        position: relative;\r\n        margin-top: -100px;\r\n        background-image: url('https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/Asset-5.png');\r\n        background-size: cover;\r\n        background-position: top center;\r\n        min-height: 170vh;\r\n        padding-top: 160px; \r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        z-index: 10;\r\n    }\r\n\r\n    .cd-join-content {\r\n        text-align: center;\r\n        padding: 60px 80px;\r\n        max-width: 800px;\r\n        z-index: 15;\r\n    }\r\n\r\n    .cd-join-links { display: flex; justify-content: center; gap: 20px; margin-top: 40px; }\r\n\r\n    \/* FOOTER *\/\r\n    .cd-footer {\r\n        text-align: center;\r\n        padding: 40px 20px;\r\n        font-size: 13px;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        opacity: 0.4;\r\n        background: var(--bg-color);\r\n        position: relative;\r\n        z-index: 50;\r\n    }\r\n\r\n    \/* KEYFRAMES *\/\r\n    @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } }\r\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes floating { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }\r\n    @keyframes floatingAlt { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-15px) rotate(2deg); } }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 991px) {\r\n        .cd-navbar { flex-direction: column; gap: 15px; padding: 20px; border-radius: 24px; top: 10px; }\r\n        .cd-hero h1 { font-size: 50px; }\r\n        \r\n        .cd-about, .cd-token { flex-direction: column; padding: 80px 5%; height: auto; display: flex; }\r\n        .cd-about-img, .cd-token-img { position: relative; width: 100%; top: auto; left: auto; right: auto; margin-bottom: -40px; z-index: 10; }\r\n        .cd-about-content, .cd-token-content { width: 100%; margin: 0; transform: none; padding: 40px 20px; z-index: 11; }\r\n        \r\n        .cd-token-img { order: -1; }\r\n        .cd-gallery-grid { gap: 20px; margin: 40px 0; }\r\n        .cd-vid-wrap { margin: 0; transform: none !important; width: 45%; }\r\n        .cd-join-content { padding: 40px 20px; width: 90%; }\r\n        .cd-join-links { flex-direction: column; }\r\n    }\r\n    \r\n    @media (max-width: 600px) {\r\n        .cd-vid-wrap { width: 100%; max-width: 300px; }\r\n        .ca-box { flex-direction: column; border-radius: 24px; padding: 15px; text-align: center; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"chubby-duck-wrap\">\r\n\r\n    <canvas id=\"meteor-canvas\"><\/canvas>\r\n\r\n    <nav class=\"cd-navbar glass-panel\">\r\n        <div class=\"cd-logo\">$CHUBBYDUCK<\/div>\r\n        <div class=\"cd-nav-links\">\r\n            <a href=\"#\" class=\"cd-btn\">Twitter<\/a>\r\n            <a href=\"#\" class=\"cd-btn\">Telegram<\/a>\r\n            <a href=\"#\" class=\"cd-btn\" style=\"background:#0a0a0a; color:#fff; border-color:#0a0a0a;\">Buy Now<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <section class=\"cd-hero\">\r\n        <video class=\"cd-hero-video\" autoplay loop muted playsinline>\r\n            <source src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/CHUBBY-DUCK-BG1.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"cd-hero-overlay\"><\/div>\r\n        \r\n        <div class=\"cd-hero-content\">\r\n            <h1>Too heavy to fly.<br>Too based to sink.<\/h1>\r\n            <div class=\"ca-box glass-panel\">\r\n                <span class=\"ca-text\" id=\"ca-value\">0xChubbyDuckContractAddressGoesHere<\/span>\r\n                <button class=\"cd-btn\" onclick=\"copyCA()\">Copy CA<\/button>\r\n            <\/div>\r\n            <br>\r\n            <div class=\"scroll-more\">Scroll More<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cd-about\">\r\n        <div class=\"cd-about-img float-anim\">\r\n            <img decoding=\"async\" src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/Asset-7.png\" alt=\"Chubby Duck\">\r\n        <\/div>\r\n        <div class=\"cd-about-content glass-panel reveal-on-scroll\">\r\n            <h2 class=\"cd-section-title\">Why is he<br>so round?<\/h2>\r\n            <p class=\"cd-text-body\">We honestly don\u2019t know. He showed up at the pond one day, ate all the breadcrumbs, and refused to elaborate.<\/p>\r\n            <p class=\"cd-text-body\"><br>$ChubbyDuck isn't here to promise you the next big paradigm shift in decentralized finance. There is no complex ecosystem, no utility, and definitely no corporate jargon. It\u2019s just a remarkably thick bird waddling on the blockchain.<\/p>\r\n            <p class=\"cd-text-body\" style=\"font-weight: 700;\"><br>Respect the waddle. Either you get it, or you don\u2019t.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cd-gallery\">\r\n        <h2 class=\"cd-section-title\">The Bread Archives<\/h2>\r\n        <p class=\"cd-text-body\">Don't stare at him for too long. He might demand carbs.<\/p>\r\n        \r\n        <div class=\"cd-gallery-grid\">\r\n            <div class=\"cd-vid-wrap glass-panel\" style=\"--rot: -4; --y: 20; z-index: 1;\">\r\n                <video autoplay loop muted playsinline src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/cd1.mp4\"><\/video>\r\n            <\/div>\r\n            <div class=\"cd-vid-wrap glass-panel\" style=\"--rot: 2; --y: -30; z-index: 2;\">\r\n                <video autoplay loop muted playsinline src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/cd2.mp4\"><\/video>\r\n            <\/div>\r\n            <div class=\"cd-vid-wrap glass-panel\" style=\"--rot: -1; --y: 40; z-index: 3;\">\r\n                <video autoplay loop muted playsinline src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/cd3.mp4\"><\/video>\r\n            <\/div>\r\n            <div class=\"cd-vid-wrap glass-panel\" style=\"--rot: 5; --y: -10; z-index: 4;\">\r\n                <video autoplay loop muted playsinline src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/cd4.mp4\"><\/video>\r\n            <\/div>\r\n            <div class=\"cd-vid-wrap glass-panel\" style=\"--rot: -3; --y: 30; z-index: 2;\">\r\n                <video autoplay loop muted playsinline src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/ccd5.mp4\"><\/video>\r\n            <\/div>\r\n            <div class=\"cd-vid-wrap glass-panel\" style=\"--rot: 4; --y: -20; z-index: 1;\">\r\n                <video autoplay loop muted playsinline src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/cd6.mp4\"><\/video>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cd-token\">\r\n        <div class=\"cd-token-img float-anim-alt\">\r\n            <img decoding=\"async\" src=\"https:\/\/chubbyduck.xyz\/wp-content\/uploads\/2026\/05\/Asset-8.png\" alt=\"Duck Math\">\r\n        <\/div>\r\n        <div class=\"cd-token-content glass-panel reveal-on-scroll\">\r\n            <h2 class=\"cd-section-title\">Duck Math<\/h2>\r\n            <p class=\"cd-text-body\">Keep it simple. No hidden fees, no complicated vesting schedules. Just a duck and his supply.<\/p>\r\n            <ul class=\"tk-list\">\r\n                <li><span>Supply<\/span> 1,000,000,000<\/li>\r\n                <li><span>Taxes<\/span> 0\/0<\/li>\r\n                <li><span>Liquidity<\/span> Burned<\/li>\r\n                <li><span>Chain<\/span>Solana<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"cd-join\">\r\n        <div class=\"cd-join-content glass-panel float-anim\">\r\n            <h2 class=\"cd-section-title\">The Pond<\/h2>\r\n            <p class=\"cd-text-body\">Get in, the water's fine. We basically just throw bread at each other all day. Drop by the Telegram to hang out, or check X for the daily waddles.<\/p>\r\n            <div class=\"cd-join-links\">\r\n                <a href=\"#\" class=\"cd-btn\" style=\"padding: 14px 32px; font-size: 15px;\">Join Telegram<\/a>\r\n                <a href=\"#\" class=\"cd-btn\" style=\"padding: 14px 32px; font-size: 15px; background: transparent; border-color: #0a0a0a;\">Follow X<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"cd-footer\">\r\n        \u00a9 2026 The Chubby Duck. Too heavy to fly.\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Copy CA Logic\r\n    function copyCA() {\r\n        const caText = document.getElementById(\"ca-value\").innerText;\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const btn = document.querySelector(\".ca-box .cd-btn\");\r\n            const originalText = btn.innerText;\r\n            btn.innerText = \"COPIED!\";\r\n            btn.style.background = \"#0a0a0a\";\r\n            btn.style.color = \"#fff\";\r\n            setTimeout(() => {\r\n                btn.innerText = originalText;\r\n                btn.style.background = \"rgba(255, 255, 255, 0.9)\";\r\n                btn.style.color = \"#0a0a0a\";\r\n            }, 2000);\r\n        });\r\n    }\r\n\r\n    \/\/ Scroll Reveal Animation \r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = 1;\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, { threshold: 0.1 });\r\n\r\n        document.querySelectorAll('.reveal-on-scroll').forEach((el) => {\r\n            el.style.opacity = 0;\r\n            el.style.transform = 'translateY(40px)';\r\n            el.style.transition = 'all 0.8s cubic-bezier(0.16, 1, 0.3, 1)';\r\n            observer.observe(el);\r\n        });\r\n    });\r\n\r\n    \/\/ CANVAS METEOR JS LOGIC\r\n    const canvas = document.getElementById(\"meteor-canvas\");\r\n    const ctx = canvas.getContext(\"2d\");\r\n    \r\n    \/\/ Set ukuran canvas\r\n    function resizeCanvas() {\r\n        canvas.width = window.innerWidth;\r\n        canvas.height = window.innerHeight;\r\n    }\r\n    resizeCanvas();\r\n    window.addEventListener(\"resize\", resizeCanvas);\r\n\r\n    const meteors = [];\r\n    const meteorCount = 15; \/\/ Jumlah meteor di layar\r\n\r\n    class Meteor {\r\n        constructor() {\r\n            this.reset();\r\n            \/\/ Agar saat load pertama meteor sudah tersebar, bukan mulai dari atas semua\r\n            this.y = Math.random() * canvas.height; \r\n        }\r\n        \r\n        reset() {\r\n            \/\/ Posisi x dibuat melebar ke kanan untuk mengkompensasi sudut jatuh ke kiri\r\n            this.x = Math.random() * (canvas.width + 500);\r\n            this.y = Math.random() * -200 - 100;\r\n            this.length = Math.random() * 80 + 30; \/\/ Panjang ekor\r\n            this.speed = Math.random() * 8 + 4; \/\/ Kecepatan jatuh\r\n            this.thickness = Math.random() * 1.5 + 0.5; \/\/ Ketebalan\r\n            this.opacity = Math.random() * 0.6 + 0.2;\r\n        }\r\n\r\n        draw() {\r\n            ctx.beginPath();\r\n            ctx.moveTo(this.x, this.y);\r\n            \/\/ Menghitung koordinat akhir garis (sudut jatuh ke bawah kiri)\r\n            const tailX = this.x + (this.length * 0.4); \r\n            const tailY = this.y - this.length;\r\n            \r\n            ctx.lineTo(tailX, tailY);\r\n            \r\n            \/\/ Memberikan efek gradasi memudar pada ekor meteor\r\n            let gradient = ctx.createLinearGradient(this.x, this.y, tailX, tailY);\r\n            gradient.addColorStop(0, `rgba(255, 255, 255, ${this.opacity})`);\r\n            gradient.addColorStop(1, `rgba(255, 255, 255, 0)`);\r\n            \r\n            ctx.strokeStyle = gradient;\r\n            ctx.lineWidth = this.thickness;\r\n            ctx.lineCap = \"round\";\r\n            \r\n            \/\/ Efek glow tipis\r\n            ctx.shadowBlur = 8;\r\n            ctx.shadowColor = \"rgba(255, 255, 255, 0.8)\";\r\n            \r\n            ctx.stroke();\r\n            \/\/ Reset shadow agar tidak berat di performa\r\n            ctx.shadowBlur = 0; \r\n        }\r\n\r\n        update() {\r\n            this.x -= this.speed * 0.4; \/\/ Bergerak ke kiri\r\n            this.y += this.speed; \/\/ Bergerak ke bawah\r\n            \r\n            \/\/ Jika melewati batas bawah atau kiri layar, reset posisinya\r\n            if (this.y > canvas.height + 200 || this.x < -200) {\r\n                this.reset();\r\n            }\r\n        }\r\n    }\r\n\r\n    for (let i = 0; i < meteorCount; i++) {\r\n        meteors.push(new Meteor());\r\n    }\r\n\r\n    function animateMeteors() {\r\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n        meteors.forEach(m => {\r\n            m.update();\r\n            m.draw();\r\n        });\r\n        requestAnimationFrame(animateMeteors);\r\n    }\r\n\r\n    animateMeteors();\r\n<\/script>\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>$CHUBBYDUCK Twitter Telegram Buy Now Too heavy to fly.Too based to sink. 0xChubbyDuckContractAddressGoesHere Copy CA Scroll More Why is heso round? We honestly don\u2019t know. He showed up at the pond one day, ate all the breadcrumbs, and refused to elaborate. $ChubbyDuck isn&#8217;t here to promise you the next big paradigm shift in decentralized finance. [&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:\/\/chubbyduck.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/chubbyduck.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}