{"id":8,"date":"2026-06-02T17:49:27","date_gmt":"2026-06-02T17:49:27","guid":{"rendered":"https:\/\/soldontrug.xyz\/?page_id=8"},"modified":"2026-06-02T18:34:02","modified_gmt":"2026-06-02T18:34:02","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/soldontrug.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-f9310a3 e-con-full e-flex e-con e-parent\" data-id=\"f9310a3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3301c8c elementor-widget elementor-widget-html\" data-id=\"3301c8c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- FONT IMPORTS -->\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=Luckiest+Guy&family=Plus+Jakarta+Sans:wght@500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"sdr-terminal-wrapper\">\r\n    \r\n    <!-- EFEK GLOBAL OVERLAYS (Z-INDEX SUPER TINGGI BIAR NAMPIL) -->\r\n    <!-- 1. Dark Lightning Pulse -->\r\n    <div class=\"dark-lightning-pulse\"><\/div>\r\n    \r\n    <!-- 2. Red Falling Dots Canvas -->\r\n    <canvas id=\"red-particles-canvas\"><\/canvas>\r\n\r\n    <!-- 3. CRT Effects -->\r\n    <div class=\"crt-scanlines\"><\/div>\r\n    <div class=\"crt-vignette\"><\/div>\r\n\r\n    <!-- NAVBAR FIXED -->\r\n    <nav class=\"sdr-nav-float\">\r\n        <div class=\"nav-brand crt-glow\">SOLDONTRUG<\/div>\r\n        <div class=\"nav-actions\">\r\n            <a href=\"#\" class=\"jelly-btn-3d btn-small\">SWAP NOW<\/a>\r\n            <a href=\"#\" class=\"jelly-btn-3d btn-small btn-dark\">LIVE CHART<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <!-- HERO SECTION (DENGAN VIDEO BACKGROUND) -->\r\n    <section class=\"sdr-hero-extreme\">\r\n        <div class=\"bg-hero\">\r\n            <!-- Video Background Elementor-Safe -->\r\n            <video class=\"hero-video-loop\" autoplay loop muted playsinline>\r\n                <source src=\"https:\/\/soldontrug.xyz\/wp-content\/uploads\/2026\/06\/static_camera_karakternya_tid.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"seamless-gradient-bottom\"><\/div>\r\n        \r\n        <div class=\"content-bottom-center\">\r\n            <h1 class=\"jelly-text-huge crt-glow\">WELCOME TO THE<br>SAFE ZONE, ANON.<\/h1>\r\n            <p class=\"body-text text-center\">The trenches are brutal, but you don't have to survive them alone. A based community of diamond-handed apes holding the line. No rugs, pure vibes.<\/p>\r\n            \r\n            <!-- CA BOX -->\r\n            <div class=\"ca-clean-box\">\r\n                <div class=\"ca-inner\">\r\n                    <span id=\"sdr-ca\">CA : NULL<\/span>\r\n                    <button class=\"jelly-btn-3d btn-copy\" onclick=\"copyDegenCA()\">COPY CA<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ABOUT SECTION -->\r\n    <section class=\"sdr-about-section\">\r\n        <div class=\"about-container\">\r\n            \r\n            <div class=\"about-image-raw\">\r\n                <img decoding=\"async\" src=\"https:\/\/soldontrug.xyz\/wp-content\/uploads\/2026\/06\/Asset-5.png\" alt=\"SolDontRug Mascot\">\r\n            <\/div>\r\n            \r\n            <!-- JELLY CARD LORE -->\r\n            <div class=\"jelly-card-3d\">\r\n                <h2 class=\"jelly-text-medium crt-glow\">THE LORE<br>(WHY WE'RE TIRED)<\/h2>\r\n                <div class=\"card-text-content\">\r\n                    <p class=\"body-text\">We didn't launch this because we want to \"revolutionize decentralized finance\" or build a \"Web3 ecosystem.\" We launched $SolDontRug because we are absolutely exhausted.<\/p>\r\n                    <p class=\"body-text\">We've survived the late-night rug pulls, the fake roadmaps, and 15-year-old devs dumping their entire supply to buy V-Bucks. $SolDontRug was born out of pure spite for bad actors.<\/p>\r\n                    <p class=\"body-text\">No fake utility. Just a clean contract, locked liquidity, and a based community that refuses to sell for pennies. We hold because we have nothing left to lose.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- VERTICAL TIMELINE ROADMAP -->\r\n    <section class=\"sdr-roadmap-section\">\r\n        <div class=\"roadmap-container\">\r\n            <h2 class=\"jelly-text-huge crt-glow text-center\" style=\"margin-bottom: 60px;\">SURVIVAL PLAN<\/h2>\r\n            \r\n            <div class=\"sdr-timeline\">\r\n                <div class=\"timeline-line\"><\/div>\r\n                \r\n                <!-- PHASE 1 -->\r\n                <div class=\"timeline-item left\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"jelly-card-3d card-small timeline-content\">\r\n                        <h3 class=\"jelly-text-small\">PHASE 1: THE TRENCHES<\/h3>\r\n                        <ul class=\"clean-list body-text\">\r\n                            <li>Deploy contract.<\/li>\r\n                            <li>Lock liquidity.<\/li>\r\n                            <li>Burn the keys.<\/li>\r\n                            <li>Stare at 1-minute candles until eyes bleed.<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- PHASE 2 -->\r\n                <div class=\"timeline-item right\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"jelly-card-3d card-small timeline-content\">\r\n                        <h3 class=\"jelly-text-small\">PHASE 2: PTSD RECOVERY<\/h3>\r\n                        <ul class=\"clean-list body-text\">\r\n                            <li>Build the support group.<\/li>\r\n                            <li>Raid Twitter timelines.<\/li>\r\n                            <li>Survive the first massive dip without throwing up.<\/li>\r\n                            <li>Diamond hand assembly.<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- PHASE 3 -->\r\n                <div class=\"timeline-item left\">\r\n                    <div class=\"timeline-dot\"><\/div>\r\n                    <div class=\"jelly-card-3d card-small timeline-content\">\r\n                        <h3 class=\"jelly-text-small\">PHASE 3: VALHALLA<\/h3>\r\n                        <ul class=\"clean-list body-text\">\r\n                            <li>The jeets are gone.<\/li>\r\n                            <li>The floor is lava (it only goes up).<\/li>\r\n                            <li>Vindicated.<\/li>\r\n                            <li>Finally get 8 hours of sleep.<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- JOIN SECTION -->\r\n    <section class=\"sdr-join-extreme\">\r\n        <div class=\"seamless-gradient-top\"><\/div>\r\n        <div class=\"bg-join\"><\/div>\r\n        \r\n        <div class=\"content-bottom-center\">\r\n            <h2 class=\"jelly-text-huge crt-glow\">GET IN THE<br>TRENCHES.<\/h2>\r\n            <p class=\"body-text text-center\">Stop crying about your bags alone in your room. Come complain with us. We track wallets, raid timelines, and actually hold the damn floor.<\/p>\r\n            \r\n            <div class=\"action-buttons-center\">\r\n                <a href=\"#\" class=\"jelly-btn-3d btn-social\">TELEGRAM<\/a>\r\n                <a href=\"#\" class=\"jelly-btn-3d btn-social\">TWITTER \/ X<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"sdr-footer-clean\">\r\n        <h2 class=\"footer-logo crt-glow\">SOLDONTRUG<\/h2>\r\n        <p class=\"body-text\" style=\"font-size:0.9rem; color:#888;\">Disclaimer: 100% meme. 0% utility. Don't risk rent money.<br>&copy; 2026 SOLDONTRUG.<\/p>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* SCOPE ISOLATION *\/\r\n.sdr-terminal-wrapper {\r\n    display: block;\r\n    background: #000000;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n}\r\n\r\n.sdr-terminal-wrapper *, \r\n.sdr-terminal-wrapper *::before, \r\n.sdr-terminal-wrapper *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* ========================================================\r\n   GLOBAL EFFECTS (CRT, LIGHTNING PULSE, PARTICLES) \r\n   ======================================================== *\/\r\n   \r\n\/* 1. DARK LIGHTNING PULSE *\/\r\n.dark-lightning-pulse {\r\n    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n    background-color: #000;\r\n    z-index: 9996;\r\n    pointer-events: none;\r\n    animation: blackLightningStrike 2.5s infinite;\r\n}\r\n\r\n@keyframes blackLightningStrike {\r\n    0%   { opacity: 0; }\r\n    3%   { opacity: 0.8; }\r\n    6%   { opacity: 0.2; }\r\n    9%   { opacity: 0.9; }\r\n    12%  { opacity: 0; }\r\n    50%  { opacity: 0; }\r\n    52%  { opacity: 0.5; }\r\n    54%  { opacity: 0; }\r\n    100% { opacity: 0; }\r\n}\r\n\r\n\/* 2. RED DOT PARTICLES CANVAS *\/\r\n#red-particles-canvas {\r\n    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n    z-index: 9997;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 3. CRT OVERLAYS *\/\r\n.crt-scanlines {\r\n    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2));\r\n    background-size: 100% 4px;\r\n    z-index: 9998; pointer-events: none;\r\n}\r\n.crt-vignette {\r\n    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n    background: radial-gradient(circle, transparent 60%, rgba(0,0,0,0.85) 100%);\r\n    z-index: 9999; pointer-events: none;\r\n}\r\n\/* ======================================================== *\/\r\n\r\n\/* TYPOGRAPHY *\/\r\n.jelly-text-huge, .jelly-text-medium, .jelly-text-small, .nav-brand, .footer-logo, .jelly-btn-3d {\r\n    font-family: 'Luckiest Guy', cursive;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin: 0;\r\n}\r\n.body-text {\r\n    font-size: 1.15rem; line-height: 1.6; color: #e0e0e0;\r\n    margin-bottom: 15px; font-weight: 500;\r\n}\r\n.text-center { text-align: center; }\r\n\r\n\/* RADIASI GLOW *\/\r\n.crt-glow {\r\n    color: #ff003c;\r\n    text-shadow: \r\n        0px 5px 0px #8a0020, \r\n        0px 10px 0px #4d0012, \r\n        0 0 25px rgba(255, 0, 60, 0.7), \r\n        0 0 50px rgba(255, 0, 60, 0.4);\r\n    transform: rotate(-1deg);\r\n}\r\n\r\n.jelly-text-huge { font-size: clamp(3rem, 6vw, 6.5rem); line-height: 0.95; margin: 0 0 20px 0; }\r\n.jelly-text-medium { font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; margin: 0 0 25px 0; }\r\n.jelly-text-small { font-size: 2rem; color: #ff003c; text-shadow: 0px 3px 0px #8a0020; margin: 0 0 15px 0; }\r\n\r\n\/* 3D JELLY BUTTONS *\/\r\n.jelly-btn-3d {\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    background: linear-gradient(180deg, #ff3366 0%, #cc002c 100%);\r\n    color: #fff; text-decoration: none; padding: 15px 35px;\r\n    font-size: 1.3rem; border-radius: 12px; border: 2px solid #ff668c;\r\n    cursor: pointer;\r\n    box-shadow: 0 6px 0 #730018, inset 0 4px 6px rgba(255, 200, 200, 0.6), 0 0 15px rgba(255, 0, 60, 0.5);\r\n    transition: all 0.1s; position: relative; z-index: 100;\r\n}\r\n.jelly-btn-3d:active { transform: translateY(6px); box-shadow: 0 0px 0 #730018, inset 0 3px 6px rgba(0, 0, 0, 0.4); }\r\n.btn-dark { background: linear-gradient(180deg, #333 0%, #111 100%); border-color: #555; box-shadow: 0 6px 0 #000, inset 0 4px 6px rgba(255, 255, 255, 0.2); }\r\n.btn-dark:active { transform: translateY(6px); box-shadow: 0 0px 0 #000; }\r\n.btn-small { padding: 10px 20px; font-size: 1rem; box-shadow: 0 4px 0 #730018; }\r\n.btn-small:active { transform: translateY(4px); box-shadow: 0 0px 0 #730018; }\r\n.btn-small.btn-dark { box-shadow: 0 4px 0 #000; }\r\n.btn-social { min-width: 200px; }\r\n\r\n\/* 3D JELLY CARDS (DARK JELLY) *\/\r\n.jelly-card-3d {\r\n    background: linear-gradient(180deg, #333333 0%, #111111 100%);\r\n    border: 2px solid #555555; border-radius: 24px; padding: 40px;\r\n    box-shadow: \r\n        0 12px 0 #000000, \r\n        inset 0 6px 15px rgba(255, 255, 255, 0.15), \r\n        0 25px 30px rgba(0, 0, 0, 0.6);\r\n    position: relative; z-index: 10;\r\n}\r\n.card-small { padding: 30px; }\r\n.clean-list { padding-left: 20px; list-style-type: square; color: #e0e0e0; }\r\n.clean-list li { margin-bottom: 8px; }\r\n\r\n\/* CA BOX CLEAN (DARK JELLY) *\/\r\n.ca-clean-box { \r\n    background: linear-gradient(180deg, #333333 0%, #111111 100%); \r\n    border: 2px solid #555555; padding: 15px 25px; width: 100%; max-width: 700px; \r\n    box-shadow: 0 8px 0 #000000, inset 0 4px 6px rgba(255, 255, 255, 0.15), 0 15px 20px rgba(0, 0, 0, 0.6); \r\n    border-radius: 16px; margin: 0 auto;\r\n}\r\n.ca-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; }\r\n#sdr-ca { font-family: monospace; font-size: 1.2rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; color: #fff; }\r\n\r\n\/* NAVBAR *\/\r\n.sdr-nav-float { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 95%; max-width: 1400px; display: flex; justify-content: space-between; align-items: center; z-index: 900; }\r\n.nav-brand { font-size: 2.2rem; margin: 0; }\r\n.nav-actions { display: flex; gap: 15px; }\r\n\r\n\/* SECTIONS BACKGROUNDS *\/\r\n.sdr-hero-extreme, .sdr-join-extreme { position: relative; width: 100%; min-height: 100vh; display: flex; justify-content: center; z-index: 5; }\r\n\r\n\/* STYLING VIDEO HERO *\/\r\n.bg-hero { \r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n    background: #000; z-index: 1; overflow: hidden; \r\n}\r\n.hero-video-loop {\r\n    width: 100%; height: 100%; object-fit: cover;\r\n    opacity: 0.6; \/* Disesuaikan supaya teks tetap jelas terbaca *\/\r\n    filter: sepia(100%) hue-rotate(320deg) saturate(300%) brightness(0.8);\r\n    pointer-events: none;\r\n}\r\n\r\n.bg-join { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https:\/\/soldontrug.xyz\/wp-content\/uploads\/2026\/06\/Asset-4.png') center top \/ cover no-repeat; z-index: 1; filter: sepia(100%) hue-rotate(320deg) saturate(300%) brightness(0.6); }\r\n.seamless-gradient-bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 50vh; background: linear-gradient(to bottom, transparent 0%, #000000 90%, #000000 100%); z-index: 2; }\r\n.seamless-gradient-top { position: absolute; top: 0; left: 0; width: 100%; height: 50vh; background: linear-gradient(to top, transparent 0%, #000000 90%, #000000 100%); z-index: 2; }\r\n.content-bottom-center { position: absolute; bottom: 8vh; left: 50%; transform: translateX(-50%); width: 90%; max-width: 1000px; z-index: 10; display: flex; flex-direction: column; align-items: center; }\r\n\r\n\/* ABOUT SECTION *\/\r\n.sdr-about-section { position: relative; width: 100%; background: #000; z-index: 5; padding: 100px 0; }\r\n.about-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1.2fr; gap: 50px; align-items: center; }\r\n.about-image-raw { width: 100%; display: flex; justify-content: center; }\r\n.about-image-raw img { width: 100%; max-width: 500px; height: auto; display: block; position: relative; z-index: 10; }\r\n\r\n\/* VERTICAL TIMELINE STYLES *\/\r\n.sdr-roadmap-section { position: relative; width: 100%; background: #000; z-index: 5; padding: 40px 0 120px 0; }\r\n.roadmap-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n\r\n.sdr-timeline { position: relative; max-width: 900px; margin: 0 auto; }\r\n.timeline-line { position: absolute; width: 6px; background: linear-gradient(180deg, #ff003c 0%, #4d0012 100%); top: 0; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 10px; box-shadow: 0 0 15px rgba(255, 0, 60, 0.5); }\r\n.timeline-item { padding: 10px 50px; position: relative; width: 50%; opacity: 0; transform: translateY(60px); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n.timeline-item.show-timeline { opacity: 1; transform: translateY(0); }\r\n.timeline-item.left { left: 0; }\r\n.timeline-item.right { left: 50%; }\r\n\r\n.timeline-dot { position: absolute; width: 24px; height: 24px; background: #ff003c; border: 4px solid #000; border-radius: 50%; top: 45px; z-index: 15; box-shadow: 0 0 15px #ff003c; }\r\n.timeline-item.left .timeline-dot { right: -12px; }\r\n.timeline-item.right .timeline-dot { left: -12px; }\r\n\r\n.action-buttons-center { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; width: 100%; }\r\n\r\n\/* FOOTER *\/\r\n.sdr-footer-clean { background: #050002; padding: 50px 20px; text-align: center; border-top: 1px solid #1a0005; position: relative; z-index: 10; }\r\n.sdr-footer-clean .footer-logo { margin: 0 0 10px 0; }\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 991px) {\r\n    .about-container { grid-template-columns: 1fr; gap: 40px; }\r\n    .about-image-raw img { max-width: 400px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .sdr-nav-float { flex-direction: column; gap: 15px; top: 20px; }\r\n    .ca-inner { flex-direction: column; align-items: stretch; }\r\n    #sdr-ca { text-align: center; font-size: 1.1rem; margin-bottom: 10px; }\r\n    .jelly-text-huge { font-size: 2.8rem; }\r\n    .content-bottom-center { bottom: 4vh; }\r\n    \r\n    .jelly-card-3d { box-shadow: 0 8px 0 #000000; padding: 25px; }\r\n    \r\n    .timeline-line { left: 20px; }\r\n    .timeline-item { width: 100%; padding-left: 60px; padding-right: 0; }\r\n    .timeline-item.left, .timeline-item.right { left: 0; }\r\n    .timeline-item.left .timeline-dot, .timeline-item.right .timeline-dot { left: 8px; right: auto; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ ==========================================\r\n\/\/ 1. COPY CA FUNCTION\r\n\/\/ ==========================================\r\nfunction copyDegenCA() {\r\n    const textToCopy = document.getElementById('sdr-ca').innerText;\r\n    const btn = document.querySelector('.btn-copy');\r\n    \r\n    navigator.clipboard.writeText(textToCopy).then(() => {\r\n        const originalText = btn.innerText;\r\n        btn.innerText = \"COPIED!\";\r\n        btn.style.background = \"linear-gradient(180deg, #00cc33 0%, #009922 100%)\";\r\n        btn.style.borderColor = \"#33ff66\";\r\n        btn.style.boxShadow = \"0 6px 0 #005511, inset 0 4px 6px rgba(255,255,255,0.4), 0 0 15px #00ff44\";\r\n        \r\n        setTimeout(() => {\r\n            btn.innerText = originalText;\r\n            btn.style.background = \"\";\r\n            btn.style.borderColor = \"\";\r\n            btn.style.boxShadow = \"\";\r\n        }, 1500);\r\n    });\r\n}\r\n\r\n\/\/ ==========================================\r\n\/\/ 2. TIMELINE SCROLL ANIMATION\r\n\/\/ ==========================================\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const timelineItems = document.querySelectorAll('.timeline-item');\r\n    const observerOptions = { root: null, rootMargin: '0px', threshold: 0.1 };\r\n\r\n    const timelineObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('show-timeline');\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    timelineItems.forEach(item => { timelineObserver.observe(item); });\r\n});\r\n\r\n\/\/ ==========================================\r\n\/\/ 3. RED DOT PARTICLES ENGINE (CANVAS)\r\n\/\/ ==========================================\r\n(function initParticles() {\r\n    setTimeout(() => {\r\n        const canvas = document.getElementById('red-particles-canvas');\r\n        if (!canvas) return;\r\n        \r\n        const ctx = canvas.getContext('2d');\r\n        let width, height;\r\n        let particles = [];\r\n        \r\n        function resize() {\r\n            width = canvas.width = window.innerWidth;\r\n            height = canvas.height = window.innerHeight;\r\n        }\r\n        window.addEventListener('resize', resize);\r\n        resize();\r\n        \r\n        class Particle {\r\n            constructor() {\r\n                this.reset(true);\r\n            }\r\n            \r\n            reset(initial = false) {\r\n                this.x = Math.random() * width;\r\n                this.y = initial ? Math.random() * height : -10;\r\n                this.size = Math.random() * 2 + 0.5; \r\n                this.speedY = Math.random() * 2.5 + 1; \r\n                this.speedX = (Math.random() - 0.5) * 0.5; \r\n                this.opacity = Math.random() * 0.6 + 0.4; \r\n            }\r\n            \r\n            update() {\r\n                this.y += this.speedY;\r\n                this.x += this.speedX;\r\n                \r\n                if (this.y > height) {\r\n                    this.reset();\r\n                }\r\n            }\r\n            \r\n            draw() {\r\n                ctx.beginPath();\r\n                ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n                ctx.fillStyle = `rgba(255, 0, 60, ${this.opacity})`;\r\n                ctx.fill();\r\n            }\r\n        }\r\n        \r\n        for (let i = 0; i < 150; i++) {\r\n            particles.push(new Particle());\r\n        }\r\n        \r\n        function animate() {\r\n            ctx.clearRect(0, 0, width, height);\r\n            particles.forEach(p => {\r\n                p.update();\r\n                p.draw();\r\n            });\r\n            requestAnimationFrame(animate);\r\n        }\r\n        \r\n        animate();\r\n    }, 500); \r\n})();\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>SOLDONTRUG SWAP NOW LIVE CHART WELCOME TO THESAFE ZONE, ANON. The trenches are brutal, but you don&#8217;t have to survive them alone. A based community of diamond-handed apes holding the line. No rugs, pure vibes. CA : NULL COPY CA THE LORE(WHY WE&#8217;RE TIRED) We didn&#8217;t launch this because we want to &#8220;revolutionize decentralized finance&#8221; [&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:\/\/soldontrug.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/soldontrug.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}