{"id":8,"date":"2026-06-21T17:25:04","date_gmt":"2026-06-21T17:25:04","guid":{"rendered":"https:\/\/myloo.lol\/?page_id=8"},"modified":"2026-06-21T18:41:42","modified_gmt":"2026-06-21T18:41:42","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/myloo.lol\/","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-2515cd2 e-flex e-con-boxed e-con e-parent\" data-id=\"2515cd2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c916688 elementor-widget elementor-widget-html\" data-id=\"c916688\" 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    <title>MYLOO - Dive Right into $MYLOO!<\/title>\r\n    \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=Cherry+Bomb+One&family=Chilanka&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        *, *::before, *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body, html {\r\n            margin: 0;\r\n            padding: 0;\r\n            width: 100%;\r\n            min-height: 100%;\r\n            font-family: 'Chilanka', cursive;\r\n            color: #2c3e50;\r\n            background: transparent;\r\n        }\r\n\r\n        \/* Fullscreen Video Background dengan Overlay Sedikit Gelap *\/\r\n        .video-bg {\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\r\n        .video-bg video {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .video-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.25);\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* Header Area (Menu di kiri, CA bulat ramping di kanan - Flexbox Responsif) *\/\r\n        header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            padding: 25px 40px 10px 40px;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .menu {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n        }\r\n\r\n        .menu-btn {\r\n            background: white;\r\n            border: 3px solid #2c3e50;\r\n            box-shadow: 0px 4px 0px #2c3e50;\r\n            padding: 8px 16px;\r\n            border-radius: 20px;\r\n            text-decoration: none;\r\n            color: #2c3e50;\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            font-size: 12pt;\r\n            transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n\r\n        .menu-btn:hover {\r\n            transform: translateY(-3px) rotate(-1deg);\r\n            box-shadow: 0px 7px 0px #2c3e50;\r\n            background: #e2f0cb;\r\n        }\r\n\r\n        \/* Card CA Disamakan Persis Ukuran & Stylenya dengan Tombol Menu *\/\r\n        .ca-box {\r\n            background: #ffb7b2;\r\n            border: 3px solid #2c3e50;\r\n            box-shadow: 0px 4px 0px #2c3e50;\r\n            padding: 5px 8px 5px 16px;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            max-width: 100%;\r\n            cursor: pointer;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .ca-box span {\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            font-size: 12pt;\r\n            color: #2c3e50;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* Teks CA menggunakan font Chilanka agar senada dengan deskripsi *\/\r\n        .ca-text {\r\n            font-family: 'Chilanka', cursive;\r\n            font-weight: bold;\r\n            font-size: 11pt;\r\n            color: #2c3e50;\r\n            word-break: break-all;\r\n            max-width: 220px;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* Tombol Copy Khusus di dalam Card CA *\/\r\n        .copy-inner-btn {\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            font-size: 10pt;\r\n            background: white;\r\n            border: 2px solid #2c3e50;\r\n            color: #2c3e50;\r\n            padding: 4px 12px;\r\n            border-radius: 14px;\r\n            cursor: pointer;\r\n            transition: all 0.1s ease;\r\n            box-shadow: 0px 2px 0px #2c3e50;\r\n        }\r\n\r\n        .copy-inner-btn:hover {\r\n            background: #e2f0cb;\r\n            transform: translateY(-1px);\r\n            box-shadow: 0px 3px 0px #2c3e50;\r\n        }\r\n\r\n        .copy-inner-btn:active {\r\n            transform: translateY(1px);\r\n            box-shadow: 0px 1px 0px #2c3e50;\r\n        }\r\n\r\n        \/* Layout Grid Utama *\/\r\n        .container {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 40px;\r\n            padding: 20px 40px;\r\n            position: relative;\r\n            z-index: 5;\r\n        }\r\n\r\n        \/* Sisi Kiri (Rata Kiri) *\/\r\n        .main-content {\r\n            text-align: left;\r\n            min-width: 0;\r\n        }\r\n\r\n        h1, h2 {\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            margin: 0 0 15px 0;\r\n            text-shadow: 3px 3px 0px #fff, 5px 5px 0px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        h1 {\r\n            font-size: 36pt;\r\n            line-height: 1.2;\r\n            color: #ff6b81;\r\n        }\r\n\r\n        h1:hover {\r\n            animation: pastelRainbow 1.5s linear infinite;\r\n        }\r\n\r\n        @keyframes pastelRainbow {\r\n            0% { color: #ffb7b2; }\r\n            33% { color: #ffdac1; }\r\n            66% { color: #b5ead7; }\r\n            100% { color: #ffb7b2; }\r\n        }\r\n\r\n        .desc-box {\r\n            font-size: 13pt;\r\n            line-height: 1.6;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            padding: 25px;\r\n            border-radius: 25px;\r\n            border: 4px solid #2c3e50;\r\n            box-shadow: 0px 8px 0px #2c3e50;\r\n            margin-bottom: 25px;\r\n            word-wrap: break-word;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        .btn-holder {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 12px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .action-btn {\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            text-decoration: none;\r\n            padding: 14px 25px;\r\n            font-size: 13pt;\r\n            border-radius: 40px;\r\n            border: 4px solid #2c3e50;\r\n            cursor: pointer;\r\n            position: relative;\r\n            top: 0;\r\n            transition: all 0.15s ease;\r\n            text-align: center;\r\n        }\r\n\r\n        .btn-yellow { background: #ffda79; color: #2c3e50; box-shadow: 0px 6px 0px #2c3e50; }\r\n        .btn-yellow:hover { top: 3px; box-shadow: 0px 3px 0px #2c3e50; background: #ffeaa7; }\r\n\r\n        \/* Sisi Kanan (Pop-Up Panel) *\/\r\n        .panel-holder {\r\n            position: relative;\r\n            min-width: 0;\r\n        }\r\n\r\n        .panel {\r\n            background: #fffdf9;\r\n            border: 5px solid #2c3e50;\r\n            box-shadow: 0px 10px 0px #2c3e50;\r\n            border-radius: 30px;\r\n            padding: 30px;\r\n            display: none;\r\n            position: relative;\r\n            animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.25) forwards;\r\n            word-wrap: break-word;\r\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n        }\r\n\r\n        @keyframes popIn {\r\n            0% { transform: scale(0.7) rotate(-3deg); opacity: 0; }\r\n            100% { transform: scale(1) rotate(0deg); opacity: 1; }\r\n        }\r\n\r\n        .panel.active {\r\n            display: block;\r\n        }\r\n\r\n        .close-x {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: #ff6b81;\r\n            color: white;\r\n            border: 3px solid #2c3e50;\r\n            box-shadow: 0px 3px 0px #2c3e50;\r\n            width: 32px;\r\n            height: 32px;\r\n            border-radius: 50%;\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            cursor: pointer;\r\n            line-height: 24px;\r\n            text-align: center;\r\n            z-index: 12;\r\n        }\r\n\r\n        .tokenomics-list {\r\n            background: #f1f2f6;\r\n            padding: 15px;\r\n            border-radius: 15px;\r\n            border: 3px solid #2c3e50;\r\n            margin: 10px 0;\r\n        }\r\n\r\n        .buy-steps {\r\n            padding-left: 15px;\r\n            margin: 0;\r\n        }\r\n        .buy-steps li {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* Disclaimer Footer *\/\r\n        .footer-note {\r\n            margin: 20px 40px 15px 40px;\r\n            background: #fff3cd;\r\n            border: 3px solid #2c3e50;\r\n            box-shadow: 0px 5px 0px #2c3e50;\r\n            border-radius: 15px;\r\n            padding: 12px 20px;\r\n            font-size: 11pt;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* Baris Tombol Centered di Paling Bawah *\/\r\n        .bottom-social-container {\r\n            padding: 10px 40px 40px 40px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n            justify-content: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .social-btn {\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            text-decoration: none;\r\n            padding: 10px 24px;\r\n            font-size: 11pt;\r\n            border-radius: 30px;\r\n            border: 3px solid #2c3e50;\r\n            cursor: pointer;\r\n            position: relative;\r\n            top: 0;\r\n            transition: all 0.15s ease;\r\n            box-shadow: 0px 5px 0px #2c3e50;\r\n            color: #2c3e50;\r\n        }\r\n        .social-btn:hover {\r\n            top: 3px;\r\n            box-shadow: 0px 2px 0px #2c3e50;\r\n        }\r\n        .btn-purple { background: #c7ceea; }\r\n        .btn-purple:hover { background: #dbdff5; }\r\n        .btn-green { background: #b5ead7; }\r\n        .btn-green:hover { background: #cff6e8; }\r\n        .btn-orange { background: #ffdac1; }\r\n        .btn-orange:hover { background: #ffe7d9; }\r\n\r\n        \/* Toast Notifikasi *\/\r\n        .toast {\r\n            position: fixed;\r\n            bottom: 30px;\r\n            left: 50%;\r\n            transform: translateX(-50%) translateY(100px);\r\n            background: #b5ead7;\r\n            border: 3px solid #2c3e50;\r\n            box-shadow: 0px 6px 0px #2c3e50;\r\n            padding: 12px 30px;\r\n            border-radius: 25px;\r\n            font-family: 'Cherry Bomb One', cursive;\r\n            font-size: 12pt;\r\n            z-index: 100;\r\n            transition: transform 0.3s ease, opacity 0.3s;\r\n            opacity: 0;\r\n        }\r\n        .toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }\r\n\r\n        \/* --- ANIMASI PERUBAHAN WARNA WARNI UNTUK CARD SAAT DI-HOVER --- *\/\r\n        @keyframes rainbowCardBg {\r\n            0% { background-color: #ffb7b2; }\r\n            25% { background-color: #ffdac1; }\r\n            50% { background-color: #e2f0cb; }\r\n            75% { background-color: #b5ead7; }\r\n            100% { background-color: #ffb7b2; }\r\n        }\r\n\r\n        \/* Menerapkan efek ketika mouse menyentuh Card CA, Kotak Deskripsi, dan Panel Pop-up *\/\r\n        .ca-box:hover, \r\n        .desc-box:hover, \r\n        .panel:hover {\r\n            animation: rainbowCardBg 3s infinite linear !important;\r\n            transform: scale(1.02); \/* Sedikit membesar memberikan efek pop-up yang interaktif *\/\r\n            box-shadow: 0px 12px 0px #2c3e50;\r\n        }\r\n\r\n        \/* Responsive Mobile Layout *\/\r\n        @media (max-width: 992px) {\r\n            header { padding: 20px; justify-content: center; }\r\n            .menu { justify-content: center; width: 100%; }\r\n            .ca-box { width: 100%; max-width: 360px; justify-content: space-between; }\r\n            .ca-text { max-width: 180px; }\r\n            .container { grid-template-columns: 1fr; padding: 15px; gap: 25px; }\r\n            h1 { font-size: 24pt; }\r\n            .desc-box { padding: 20px; font-size: 12pt; }\r\n            .footer-note { margin: 15px; padding: 12px; font-size: 10pt; }\r\n            .bottom-social-container { padding: 10px 15px 30px 15px; gap: 10px; }\r\n            .panel { padding: 20px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"video-bg\">\r\n        <video autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/myloo.lol\/wp-content\/uploads\/2026\/06\/HERO-MYLOO.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n    <\/div>\r\n    <div class=\"video-overlay\"><\/div>\r\n\r\n    <header>\r\n        <div class=\"menu\">\r\n            <a href=\"#\" class=\"menu-btn\" onclick=\"clearPanels(); return false;\">Home<\/a>\r\n            <a href=\"#\" class=\"menu-btn\" onclick=\"showPanel('about-panel'); return false;\">About<\/a>\r\n            <a href=\"#\" class=\"menu-btn\" onclick=\"showPanel('tokenomics-panel'); return false;\">Tokenomics<\/a>\r\n            <a href=\"#\" class=\"menu-btn\" onclick=\"showPanel('buy-panel'); return false;\">Buy<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ca-box\" onclick=\"copyCA()\" title=\"Click to copy!\">\r\n            <span>CA:<\/span>\r\n            <div class=\"ca-text\" id=\"ca-value\">NULL<\/div>\r\n            <button class=\"copy-inner-btn\">Copy<\/button>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <main class=\"container\">\r\n        \r\n        <div class=\"main-content\">\r\n            <h1>\"Crypto Market Making Your Head Spin? Dive Right into $MYLOO!\"<\/h1>\r\n            \r\n            <div class=\"desc-box\">\r\n                While other coins are busy flaunting complicated charts that only give you a headache, MYLOO has just one sacred mission: Maximum chillaxing!<br><br>\r\n                Meet the messy-haired kid with the blue towel running around the pool deck. When the market is on fire, he\u2019s just kicking back on a donut floaty, laughing at life. Instead of stressing over candle charts, you might as well join the freshest crew of the year!\r\n            <\/div>\r\n\r\n            <div class=\"btn-holder\">\r\n                <a href=\"#\" class=\"action-btn btn-yellow\" onclick=\"showPanel('buy-panel'); return false;\">SWAP $MYLOO NOW!<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"panel-holder\">\r\n            \r\n            <div id=\"about-panel\" class=\"panel\">\r\n                <button class=\"close-x\" onclick=\"closePanel('about-panel')\">X<\/button>\r\n                <h2 style=\"color: #ff6b81;\">ABOUT MYLOO<\/h2>\r\n                <p><strong>Our Motto: Stop Overthinking Everything!<\/strong><\/p>\r\n                <p>Just look at his face. That\u2019s the exact expression we all make when we find out Monday is a national holiday. MYLOO represents that inner child in all of us who refuses to grow up\u2014the one who runs on wet tiles right after the lifeguard told them not to, and goes completely deaf when mom yells that it's time to pack up and go home.<\/p>\r\n                <p>No complex blockchain tech here. We\u2019re just a community that knows how to enjoy life and loves making hilarious memes together!<\/p>\r\n            <\/div>\r\n\r\n            <div id=\"tokenomics-panel\" class=\"panel\">\r\n                <button class=\"close-x\" onclick=\"closePanel('tokenomics-panel')\">X<\/button>\r\n                <h2 style=\"color: #b5ead7; text-shadow: 2px 2px 0px #2c3e50;\">TOKENOMICS<\/h2>\r\n                <div class=\"tokenomics-list\">\r\n                    <strong>Ticker:<\/strong> $MYLOO <br>\r\n                    <strong>Tax:<\/strong> 0% FLAT! <br>\r\n                    <strong>Security:<\/strong> LP Burned & Locked at the deepest bottom!\r\n                <\/div>\r\n                <p style=\"font-size: 11pt; font-style: italic;\">No hidden cuts. Better save that cash for a cold drink at the pool snack bar. Completely rug-proof!<\/p>\r\n            <\/div>\r\n\r\n            <div id=\"buy-panel\" class=\"panel\">\r\n                <button class=\"close-x\" onclick=\"closePanel('buy-panel')\">X<\/button>\r\n                <h2 style=\"color: #c7ceea;\">HOW TO BUY<\/h2>\r\n                <ul class=\"buy-steps\">\r\n                    <li><strong>Get a Wallet:<\/strong> Download Phantom Wallet (or your preferred Solana wallet) and fund it with some SOL.<\/li>\r\n                    <li><strong>Launch Pump.fun:<\/strong> Head over to the official Pump.fun platform and connect your wallet securely.<\/li>\r\n                    <li><strong>Paste official CA:<\/strong> Enter the $MYLOO Contract Address (CA) into the search bar. Be careful not to paste your ex's address!<\/li>\r\n                    <li><strong>Swap SOL for $MYLOO:<\/strong> Input the amount of SOL you want to trade, execute the token launch swap, and grab your towel. Let's chill!<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <div class=\"footer-note\">\r\n        <strong>Lifeguard Reminder:<\/strong> $MYLOO is a memecoin for entertainment only. Use fun money you can afford to lose without losing your smile.\r\n    <\/div>\r\n\r\n    <div class=\"bottom-social-container\">\r\n        <a href=\"https:\/\/x.com\/myloo\" target=\"_blank\" class=\"social-btn btn-purple\">Twitter<\/a>\r\n        <a href=\"https:\/\/t.me\/myloo\" target=\"_blank\" class=\"social-btn btn-green\">Telegram<\/a>\r\n        <a href=\"https:\/\/dexscreener.com\/\" target=\"_blank\" class=\"social-btn btn-orange\">Chart<\/a>\r\n    <\/div>\r\n\r\n    <div id=\"toast\" class=\"toast\">Address Copied! Splash!<\/div>\r\n\r\n    <script>\r\n        function showPanel(id) {\r\n            clearPanels();\r\n            const target = document.getElementById(id);\r\n            target.classList.add('active');\r\n            if(window.innerWidth <= 992) {\r\n                target.scrollIntoView({ behavior: 'smooth' });\r\n            }\r\n        }\r\n        function closePanel(id) {\r\n            document.getElementById(id).classList.remove('active');\r\n        }\r\n        function clearPanels() {\r\n            document.querySelectorAll('.panel').forEach(p => p.classList.remove('active'));\r\n        }\r\n        function copyCA() {\r\n            const txt = document.getElementById('ca-value').innerText;\r\n            navigator.clipboard.writeText(txt).then(() => {\r\n                const toast = document.getElementById('toast');\r\n                toast.classList.add('show');\r\n                setTimeout(() => toast.classList.remove('show'), 2000);\r\n            });\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MYLOO &#8211; Dive Right into $MYLOO! Home About Tokenomics Buy CA: NULL Copy &#8220;Crypto Market Making Your Head Spin? Dive Right into $MYLOO!&#8221; While other coins are busy flaunting complicated charts that only give you a headache, MYLOO has just one sacred mission: Maximum chillaxing! Meet the messy-haired kid with the blue towel running around [&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:\/\/myloo.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myloo.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myloo.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myloo.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myloo.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/myloo.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/myloo.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/myloo.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}