{"id":8,"date":"2026-06-01T05:03:00","date_gmt":"2026-06-01T05:03:00","guid":{"rendered":"https:\/\/doodleart.fun\/?page_id=8"},"modified":"2026-06-01T05:54:27","modified_gmt":"2026-06-01T05:54:27","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/doodleart.fun\/","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 DOODLE ($DOODLE) - Solana World<\/title>\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=Gaegu:wght@700&family=Patrick+Hand&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- RESET & SKETCH BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Patrick Hand', 'Gaegu', cursive;\r\n }\r\n\r\n body {\r\n background-color: #f7f7f7;\r\n color: #111111;\r\n overflow-x: hidden;\r\n min-height: 100vh;\r\n }\r\n\r\n \/* --- CARTOON SKETCH PRELOADER --- *\/\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: #ffffff;\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n transition: opacity 0.5s ease, visibility 0.5s ease;\r\n }\r\n .loader-sketch {\r\n font-size: 5rem;\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n animation: jitter 0.15s infinite alternate;\r\n letter-spacing: -2px;\r\n }\r\n .loader-bar-container {\r\n width: 200px;\r\n height: 25px;\r\n border: 4px solid #111111;\r\n border-radius: 6px;\r\n padding: 2px;\r\n background: #ffffff;\r\n box-shadow: 4px 4px 0px #111111;\r\n overflow: hidden;\r\n }\r\n .loader-bar {\r\n width: 0%;\r\n height: 100%;\r\n background: #111111;\r\n border-radius: 2px;\r\n transition: width 0.4s ease;\r\n }\r\n .loader-text {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n }\r\n\r\n @keyframes jitter {\r\n 0% { transform: translate(1px, 1px) rotate(1deg); }\r\n 100% { transform: translate(-1px, -1px) rotate(-1deg); }\r\n }\r\n\r\n \/* --- FULLSCREEN VIDEO BACKGROUND --- *\/\r\n .bg-video-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -2;\r\n overflow: hidden;\r\n }\r\n .bg-video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .bg-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(245, 245, 245, 0.82);\r\n z-index: -1;\r\n }\r\n\r\n \/* --- MONOCHROME DOODLE LAYOUT --- *\/\r\n .app-container {\r\n display: flex;\r\n min-height: 100vh;\r\n padding: 20px;\r\n gap: 20px;\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n align-items: stretch;\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n body.loaded .app-container {\r\n opacity: 1;\r\n }\r\n\r\n \/* --- SIDEBAR LEFT (Pencil Texture Style) --- *\/\r\n .sidebar {\r\n width: 280px;\r\n background: #ffffff; \r\n border: 4px solid #111111;\r\n box-shadow: 6px 6px 0px #111111;\r\n border-radius: 16px 8px 14px 11px \/ 12px 14px 11px 13px;\r\n padding: 30px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n position: sticky;\r\n top: 20px;\r\n height: calc(100vh - 40px);\r\n flex-shrink: 0;\r\n }\r\n\r\n .logo-area {\r\n text-align: center;\r\n margin-bottom: 25px;\r\n padding: 10px 0;\r\n border-bottom: 3px dashed #111111;\r\n }\r\n .logo-area h1 {\r\n font-size: 2.8rem;\r\n text-transform: uppercase;\r\n letter-spacing: -1px;\r\n display: inline-block;\r\n transform: rotate(-2deg);\r\n }\r\n\r\n .nav-menu {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n }\r\n .nav-item a {\r\n display: block;\r\n padding: 12px 15px;\r\n background: #ffffff;\r\n border: 3px solid #111111;\r\n border-radius: 7px 11px 8px 10px \/ 10px 8px 11px 7px;\r\n text-decoration: none;\r\n color: #111111;\r\n font-size: 1.6rem;\r\n font-weight: bold;\r\n text-align: center;\r\n box-shadow: 4px 4px 0px #111111;\r\n transition: all 0.15s ease-in-out;\r\n }\r\n \r\n .nav-item a:hover {\r\n transform: translate(-3px, -3px) rotate(1.5deg);\r\n box-shadow: 7px 7px 0px #111111;\r\n background: #111111;\r\n color: #ffffff;\r\n }\r\n\r\n .sidebar-footer {\r\n font-size: 1.2rem;\r\n text-align: center;\r\n border-top: 3px dashed #111111;\r\n padding-top: 15px;\r\n font-weight: bold;\r\n transform: rotate(-1deg);\r\n }\r\n\r\n \/* --- MAIN CONTENT WINDOW --- *\/\r\n .main-content {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .cartoon-box {\r\n background: #ffffff;\r\n border: 4px solid #111111;\r\n box-shadow: 6px 6px 0px #111111;\r\n border-radius: 11px 13px 10px 12px \/ 13px 10px 12px 11px;\r\n padding: 25px;\r\n transition: all 0.2s ease;\r\n }\r\n .cartoon-box:hover {\r\n transform: translate(-2px, -2px);\r\n box-shadow: 8px 8px 0px #111111;\r\n }\r\n\r\n \/* HERO PANEL *\/\r\n .hero-box {\r\n background: #ffffff;\r\n }\r\n .hero-box h2 {\r\n font-size: 3.2rem;\r\n margin-bottom: 12px;\r\n line-height: 1;\r\n letter-spacing: -1px;\r\n }\r\n .hero-box p {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* CONTRACT ADDRESS CONTAINER *\/\r\n .ca-container {\r\n display: flex;\r\n align-items: center;\r\n background: #111111;\r\n border: 3px solid #111111;\r\n border-radius: 8px;\r\n padding: 10px 14px;\r\n margin-top: 15px;\r\n max-width: 580px;\r\n gap: 12px;\r\n box-shadow: 4px 4px 0px #888888;\r\n }\r\n .ca-text {\r\n font-size: 1.3rem;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n flex: 1;\r\n color: #ffffff;\r\n font-weight: bold;\r\n letter-spacing: 0.5px;\r\n }\r\n .btn-copy {\r\n background: #ffffff;\r\n color: #111111;\r\n border: 2px solid #ffffff;\r\n padding: 5px 18px;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n transition: all 0.1s ease;\r\n }\r\n .btn-copy:hover {\r\n background: #111111;\r\n color: #ffffff;\r\n border-color: #ffffff;\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* INNER DASHBOARD GRID *\/\r\n .dashboard-grid {\r\n display: grid;\r\n grid-template-columns: 1.3fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* ABOUT BOX *\/\r\n .about-box {\r\n background: #ffffff;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n .about-box h3 {\r\n font-size: 2.2rem;\r\n border-bottom: 3px dashed #111111;\r\n display: inline-block;\r\n padding-bottom: 5px;\r\n }\r\n .about-box p {\r\n font-size: 1.3rem;\r\n line-height: 1.35;\r\n }\r\n .video-showcase {\r\n border: 4px solid #111111;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 5px 5px 0px #111111;\r\n background: #000;\r\n aspect-ratio: 16\/9;\r\n width: 100%;\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n .video-showcase video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .video-overlay-hint {\r\n position: absolute;\r\n bottom: 10px;\r\n right: 10px;\r\n background: #ffffff;\r\n border: 2px solid #111111;\r\n padding: 2px 8px;\r\n font-weight: bold;\r\n font-size: 0.9rem;\r\n border-radius: 4px;\r\n }\r\n\r\n \/* INTERACTIVE POP-UP TRIGGERS ZONE *\/\r\n .interactive-zone {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .pop-trigger {\r\n background: #ffffff;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px;\r\n border: 3px solid #111111;\r\n }\r\n .pop-trigger h3 {\r\n font-size: 1.6rem;\r\n }\r\n .pop-trigger .click-badge {\r\n background: #ffffff;\r\n color: #111111;\r\n padding: 4px 12px;\r\n font-size: 1.1rem;\r\n border: 2px solid #111111;\r\n border-radius: 4px;\r\n transform: rotate(-2deg);\r\n font-weight: bold;\r\n }\r\n .pop-trigger:hover {\r\n background: #f0f0f0 !important;\r\n }\r\n .pop-trigger:hover .click-badge {\r\n background: #111111;\r\n color: #ffffff;\r\n }\r\n\r\n \/* MINI GRID VIDEO *\/\r\n .mini-assets-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n }\r\n .mini-video-card {\r\n border: 3px solid #111111;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n aspect-ratio: 1\/1;\r\n box-shadow: 3px 3px 0px #111111;\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n .mini-video-card video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* --- POP-UP MODAL OVERLAYS --- *\/\r\n .pop-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.55);\r\n z-index: 100;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: all 0.25s ease;\r\n }\r\n .pop-overlay.active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n .pop-window {\r\n background: #ffffff;\r\n border: 5px solid #111111;\r\n box-shadow: 10px 10px 0px #111111;\r\n border-radius: 12px;\r\n max-width: 600px;\r\n width: 100%;\r\n padding: 30px;\r\n position: relative;\r\n transform: scale(0.85) rotate(1deg);\r\n transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.2);\r\n }\r\n .pop-overlay.active .pop-window {\r\n transform: scale(1) rotate(0deg);\r\n }\r\n .close-pop {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n background: #ffffff;\r\n color: #111111;\r\n width: 35px;\r\n height: 35px;\r\n border: 3px solid #111111;\r\n border-radius: 50%;\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 3px 3px 0px #111111;\r\n z-index: 10;\r\n }\r\n .close-pop:hover {\r\n background: #111111;\r\n color: #ffffff;\r\n }\r\n\r\n .pop-window h3 {\r\n font-size: 2.2rem;\r\n margin-bottom: 15px;\r\n border-bottom: 3px dashed #111111;\r\n padding-bottom: 5px;\r\n }\r\n .pop-window p, .pop-window div {\r\n font-size: 1.3rem;\r\n line-height: 1.4;\r\n }\r\n .pop-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-top: 10px;\r\n }\r\n .pop-list-item {\r\n background: #ffffff;\r\n border: 2px solid #111111;\r\n padding: 12px;\r\n border-radius: 6px;\r\n box-shadow: 2px 2px 0px #111111;\r\n }\r\n\r\n \/* --- EXCLUSIVE VIDEO PREVIEW MODAL (No Controls, Autoplay, Loop, Muted) --- *\/\r\n #video-preview-window {\r\n max-width: 800px;\r\n }\r\n .preview-modal-body {\r\n border: 4px solid #111111;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background: #000;\r\n aspect-ratio: 16\/9;\r\n width: 100%;\r\n box-shadow: 4px 4px 0px #111111;\r\n }\r\n .preview-modal-body video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n \/* FOOTER PANEL *\/\r\n .footer-panel {\r\n background: #111111;\r\n color: #ffffff;\r\n margin-top: auto;\r\n }\r\n .footer-panel p { font-size: 1.2rem; text-align: center; }\r\n .footer-panel .disc {\r\n font-size: 0.95rem;\r\n opacity: 0.7;\r\n border-top: 1px dashed rgba(255,255,255,0.3);\r\n margin-top: 10px;\r\n padding-top: 10px;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* --- RESPONSIVE MOBILE VIEW --- *\/\r\n @media (max-width: 1024px) {\r\n .app-container {\r\n flex-direction: column;\r\n padding: 10px;\r\n }\r\n .sidebar {\r\n width: 100%;\r\n height: auto;\r\n position: relative;\r\n top: 0;\r\n padding: 20px;\r\n }\r\n .nav-menu {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n .nav-item {\r\n flex: 1 1 40%;\r\n }\r\n .dashboard-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .hero-box h2 { font-size: 2.2rem; }\r\n .nav-menu { flex-direction: column; }\r\n .nav-item { width: 100%; }\r\n .pop-window h3 { font-size: 1.8rem; }\r\n .ca-container { \r\n flex-direction: column; \r\n align-items: stretch;\r\n gap: 8px;\r\n }\r\n .ca-text {\r\n text-align: center;\r\n font-size: 1.1rem;\r\n }\r\n .btn-copy { text-align: center; width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- SKETCH CARTOON PRELOADER LAYER -->\r\n <div id=\"preloader\">\r\n <div class=\"loader-sketch\">DOODLE<\/div>\r\n <div class=\"loader-bar-container\">\r\n <div class=\"loader-bar\" id=\"loaderProgress\"><\/div>\r\n <\/div>\r\n <div class=\"loader-text\">Sharpening Pencils...<\/div>\r\n <\/div>\r\n\r\n <!-- VIDEO BACKGROUND FULL SCREEN -->\r\n <div class=\"bg-video-container\">\r\n <video class=\"bg-video\" autoplay loop muted playsinline>\r\n <source src=\"https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/HERO-DOODLE.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"bg-overlay\"><\/div>\r\n <\/div>\r\n\r\n <!-- MAIN DASHBOARD BOX CONTAINER -->\r\n <div class=\"app-container\">\r\n \r\n <!-- SIDEBAR LEFT -->\r\n <aside class=\"sidebar\">\r\n <div class=\"logo-area\">\r\n <h1>$DOODLE<\/h1>\r\n <\/div>\r\n \r\n <ul class=\"nav-menu\">\r\n <li class=\"nav-item\"><a href=\"#\" target=\"_blank\">Twitter<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#\" target=\"_blank\">Telegram<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#\" target=\"_blank\">Live Chart<\/a><\/li>\r\n <li class=\"nav-item\"><a href=\"#\" target=\"_blank\">Swap Now<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"sidebar-footer\">Solana Network 2026<\/div>\r\n <\/aside>\r\n\r\n <!-- MAIN WINDOW CONTENT -->\r\n <main class=\"main-content\">\r\n \r\n <!-- HERO DESCRIPTION PANEL -->\r\n <section class=\"cartoon-box hero-box\">\r\n <h2>Simple Sketches on the Fastest Network.<\/h2>\r\n <p>DOODLE is a community-driven memecoin on the Solana blockchain, built on the principles of joy, absolute transparency, and lightning-fast transactions with near-zero fees.<\/p>\r\n \r\n <!-- COPYABLE CONTRACT ADDRESS CONTAINER -->\r\n <div class=\"ca-container\">\r\n <span class=\"ca-text\" id=\"caValue\">NULL<\/span>\r\n <button class=\"btn-copy\" onclick=\"copyContractAddress()\">Copy<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INTERACTIVE DASHBOARD SECTION -->\r\n <div class=\"dashboard-grid\">\r\n \r\n <!-- ABOUT BOX + AUTOPLAY VIDEO -->\r\n <section class=\"cartoon-box about-box\">\r\n <h3>Honest Memecoin Culture<\/h3>\r\n <p>The crypto space can often become overly complicated with confusing technical jargon. DOODLE was created to bring memecoins back to their core essence: simplicity, creativity, and community.<\/p>\r\n \r\n <div class=\"video-showcase\" onclick=\"previewVideo('https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-1.mp4')\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"video-overlay-hint\">\ud83d\udd0d Preview<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- INTERACTIVE POP-UP ZONE -->\r\n <div class=\"interactive-zone\">\r\n \r\n <!-- Trigger 1: Solana Features -->\r\n <div class=\"cartoon-box pop-trigger\" onclick=\"openPopup('pop-features')\">\r\n <h3>\u26a1 The Solana Advantage<\/h3>\r\n <span class=\"click-badge\">Click<\/span>\r\n <\/div>\r\n\r\n <!-- Trigger 2: Tokenomics -->\r\n <div class=\"cartoon-box pop-trigger\" onclick=\"openPopup('pop-tokenomics')\">\r\n <h3>\ud83d\udcca Transparent Tokenomics<\/h3>\r\n <span class=\"click-badge\">Click<\/span>\r\n <\/div>\r\n\r\n <!-- Trigger 3: How to Buy -->\r\n <div class=\"cartoon-box pop-trigger\" onclick=\"openPopup('pop-buy')\">\r\n <h3>\ud83d\ude80 How to Buy Guide<\/h3>\r\n <span class=\"click-badge\">Click<\/span>\r\n <\/div>\r\n\r\n <!-- Mini Grid Video Aset (2, 3, 4) -->\r\n <div class=\"mini-assets-grid\">\r\n <div class=\"mini-video-card\" onclick=\"previewVideo('https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-2.mp4')\">\r\n <video autoplay loop muted playsinline><source src=\"https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-2.mp4\" type=\"video\/mp4\"><\/video>\r\n <\/div>\r\n <div class=\"mini-video-card\" onclick=\"previewVideo('https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-3.mp4')\">\r\n <video autoplay loop muted playsinline><source src=\"https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-3.mp4\" type=\"video\/mp4\"><\/video>\r\n <\/div>\r\n <div class=\"mini-video-card\" onclick=\"previewVideo('https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-4.mp4')\">\r\n <video autoplay loop muted playsinline><source src=\"https:\/\/doodleart.fun\/wp-content\/uploads\/2026\/06\/DOODLE-4.mp4\" type=\"video\/mp4\"><\/video>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FOOTER CONTAINER -->\r\n <footer class=\"cartoon-box footer-panel\">\r\n <p><strong>\u00a9 2026 DOODLE on Solana.<\/strong> Inspired by pure art and sketches.<\/p>\r\n <p class=\"disc\">Disclaimer: DOODLE ($DOODLE) is a memecoin created for entertainment and community engagement. Digital assets have high market volatility. Participate responsibly.<\/p>\r\n <\/footer>\r\n\r\n <\/main>\r\n <\/div>\r\n\r\n <!-- POP-UP MODALS STRUCTURE -->\r\n \r\n <!-- Popup 1: Features -->\r\n <div class=\"pop-overlay\" id=\"pop-features\" onclick=\"closePopup(event, 'pop-features')\">\r\n <div class=\"pop-window\" onclick=\"event.stopPropagation()\">\r\n <button class=\"close-pop\" onclick=\"document.getElementById('pop-features').classList.remove('active')\">X<\/button>\r\n <h3>The Solana Advantage<\/h3>\r\n <div class=\"pop-list\">\r\n <div class=\"pop-list-item\"><strong>Instant Transactions:<\/strong> Powered by Solana's architecture, processing actions in seconds without delay.<\/div>\r\n <div class=\"pop-list-item\"><strong>Ultra-Low Gas Fees:<\/strong> Highly cost-effective transactions costing just a fraction of a cent.<\/div>\r\n <div class=\"pop-list-item\"><strong>Secure Structure:<\/strong> Contract ownership is permanently renounced and liquidity pool is burned.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Popup 2: Tokenomics -->\r\n <div class=\"pop-overlay\" id=\"pop-tokenomics\" onclick=\"closePopup(event, 'pop-tokenomics')\">\r\n <div class=\"pop-window\" onclick=\"event.stopPropagation()\">\r\n <button class=\"close-pop\" onclick=\"document.getElementById('pop-tokenomics').classList.remove('active')\">X<\/button>\r\n <h3>Clean Tokenomics<\/h3>\r\n <div class=\"pop-list\">\r\n <div class=\"pop-list-item\"><strong>Token Name:<\/strong> DOODLE<\/div>\r\n <div class=\"pop-list-item\"><strong>Ticker:<\/strong> DOODLE<\/div>\r\n <div class=\"pop-list-item\"><strong>Transaction Tax:<\/strong> 0% (No buy or sell taxes from dev team).<\/div>\r\n <div class=\"pop-list-item\"><strong>Maximum Supply:<\/strong> 1,000,000,000 $DOODLE<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Popup 3: How To Buy -->\r\n <div class=\"pop-overlay\" id=\"pop-buy\" onclick=\"closePopup(event, 'pop-buy')\">\r\n <div class=\"pop-window\" onclick=\"event.stopPropagation()\">\r\n <button class=\"close-pop\" onclick=\"document.getElementById('pop-buy').classList.remove('active')\">X<\/button>\r\n <h3>How To Acquire $DOODLE<\/h3>\r\n <div class=\"pop-list\">\r\n <div class=\"pop-list-item\"><strong>1. Create a Solana Wallet:<\/strong> Download and set up a secure Web3 container like Phantom or Solflare on your mobile device or desktop browser. Fund it natively with $SOL.<\/div>\r\n <div class=\"pop-list-item\"><strong>2. Discover on Pump.fun:<\/strong> Connect your wallet directly to the launchpad system to capture the early organic curve distribution safeties during initial mint pools.<\/div>\r\n <div class=\"pop-list-item\"><strong>3. Track on Dexscreener:<\/strong> Paste our original contract address inside the tracking engine to analyze live order books, check volume streams, or trade seamlessly via decentralized aggregators.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- EXCLUSIVE VIDEO PREVIEW MODAL OVERLAY (Tanpa Suara, Tanpa Bar Controls, Autoplay, Loop) -->\r\n <div class=\"pop-overlay\" id=\"pop-video-preview\" onclick=\"closePopup(event, 'pop-video-preview')\">\r\n <div class=\"pop-window\" id=\"video-preview-window\" onclick=\"event.stopPropagation()\">\r\n <button class=\"close-pop\" onclick=\"closeVideoPreview()\">X<\/button>\r\n <h3>Asset Preview<\/h3>\r\n <div class=\"preview-modal-body\">\r\n <video id=\"modalTargetVideo\" autoplay loop muted playsinline><\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- INTERACTIVE SCRIPT FOR UTILITIES & CONTROLS -->\r\n <script>\r\n \/\/ Preloader System\r\n window.addEventListener('DOMContentLoaded', () => {\r\n const progressBar = document.getElementById('loaderProgress');\r\n let width = 0;\r\n \r\n const interval = setInterval(() => {\r\n if (width >= 100) {\r\n clearInterval(interval);\r\n setTimeout(() => {\r\n const preloader = document.getElementById('preloader');\r\n preloader.style.opacity = '0';\r\n preloader.style.visibility = 'hidden';\r\n document.body.classList.add('loaded');\r\n }, 200);\r\n } else {\r\n width += Math.floor(Math.random() * 15) + 5;\r\n if(width > 100) width = 100;\r\n progressBar.style.width = width + '%';\r\n }\r\n }, 60);\r\n });\r\n\r\n \/\/ Popup Controllers\r\n function openPopup(id) {\r\n document.getElementById(id).classList.add('active');\r\n }\r\n \r\n function closePopup(event, id) {\r\n if(event.target.classList.contains('pop-overlay')) {\r\n document.getElementById(id).classList.remove('active');\r\n if(id === 'pop-video-preview') {\r\n closeVideoPreview();\r\n }\r\n }\r\n }\r\n\r\n \/\/ Video Preview Modals Utility\r\n function previewVideo(videoUrl) {\r\n const modalVideo = document.getElementById('modalTargetVideo');\r\n modalVideo.src = videoUrl;\r\n modalVideo.removeAttribute('controls'); \/\/ Menjamin bar play\/stop tidak muncul\r\n modalVideo.muted = true; \/\/ Menjamin video berjalan tanpa suara\r\n modalVideo.loop = true; \/\/ Menjamin otomatis berulang\r\n modalVideo.autoplay = true; \/\/ Menjamin otomatis berputar\r\n modalVideo.load();\r\n modalVideo.play().catch(err => console.log(\"Autoplay prevented:\", err));\r\n openPopup('pop-video-preview');\r\n }\r\n\r\n function closeVideoPreview() {\r\n const modalVideo = document.getElementById('modalTargetVideo');\r\n modalVideo.pause();\r\n modalVideo.src = \"\";\r\n document.getElementById('pop-video-preview').classList.remove('active');\r\n }\r\n\r\n \/\/ Copy Clipboard Control\r\n function copyContractAddress() {\r\n var caText = document.getElementById(\"caValue\").innerText;\r\n navigator.clipboard.writeText(caText).then(function() {\r\n var btn = document.querySelector(\".btn-copy\");\r\n btn.innerText = \"Copied!\";\r\n btn.style.background = \"#111111\";\r\n btn.style.color = \"#ffffff\";\r\n setTimeout(function() {\r\n btn.innerText = \"Copy\";\r\n btn.style.background = \"#ffffff\";\r\n btn.style.color = \"#111111\";\r\n }, 2000);\r\n }).catch(function(err) {\r\n console.error('Could not copy text: ', err);\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>DOODLE ($DOODLE) – Solana World DOODLE Sharpening Pencils… $DOODLE Twitter Telegram Live Chart Swap Now Solana Network 2026 Simple Sketches on the Fastest Network. DOODLE is a community-driven memecoin on the Solana blockchain, built on the principles of joy, absolute transparency, and lightning-fast transactions with near-zero fees. NULL Copy Honest Memecoin Culture The crypto space […]<\/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:\/\/doodleart.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doodleart.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doodleart.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doodleart.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doodleart.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":19,"href":"https:\/\/doodleart.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/doodleart.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/doodleart.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}