{"id":9,"date":"2026-06-16T15:28:33","date_gmt":"2026-06-16T15:28:33","guid":{"rendered":"https:\/\/itsjake.lol\/?page_id=9"},"modified":"2026-06-16T15:57:48","modified_gmt":"2026-06-16T15:57:48","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/itsjake.lol\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b125040 e-flex e-con-boxed e-con e-parent\" data-id=\"b125040\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/itsjake.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-JAKE.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-f85f4b7 e-con-full e-flex e-con e-child\" data-id=\"f85f4b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eac450f elementor-widget elementor-widget-html\" data-id=\"eac450f\" 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>JAKE Token Header<\/title>\r\n    \r\n    <!-- Google Fonts: Ranchers (Judul\/Logo) & Patrick Hand (Menu\/Deskripsi) -->\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=Patrick+Hand&family=Ranchers&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* CSS Reset & Variabel Warna *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --jake-yellow: #FFB800; \/* Warna kuning khas Jake *\/\r\n            --bg-purple: #1A1528;   \/* Warna ungu gelap untuk kontras malam *\/\r\n            --text-white: #FFFFFF;\r\n            --font-title: 'Ranchers', sans-serif;\r\n            --font-desc: 'Patrick Hand', cursive;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-purple);\r\n        }\r\n\r\n        \/* Container Header *\/\r\n        .site-header {\r\n            background-color: rgba(26, 21, 40, 0.95); \/* Efek sedikit transparan saat di-scroll *\/\r\n            border-bottom: 3px solid var(--jake-yellow);\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            z-index: 1000;\r\n            padding: 10px 20px;\r\n        }\r\n\r\n        .header-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap; \/* Menjaga elemen agar tidak patah keluar batas *\/\r\n        }\r\n\r\n        \/* Bagian Brand \/ Teks Logo *\/\r\n        .brand-wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n            padding: 5px 0;\r\n        }\r\n\r\n        .brand-name {\r\n            font-family: var(--font-title);\r\n            font-size: 2.3rem;\r\n            color: var(--jake-yellow);\r\n            letter-spacing: 1px;\r\n            text-shadow: 2px 2px 0px #000;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .brand-wrapper:hover .brand-name {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Navigasi Menu (Desktop) *\/\r\n        .main-nav {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav-list {\r\n            display: flex;\r\n            list-style: none;\r\n            gap: 24px;\r\n        }\r\n\r\n        .nav-link {\r\n            font-family: var(--font-desc);\r\n            font-size: 1.3rem;\r\n            color: var(--text-white);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease, transform 0.2s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        .nav-link:hover {\r\n            color: var(--jake-yellow);\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        \/* Tombol CTA di Header *\/\r\n        .header-cta {\r\n            font-family: var(--font-title);\r\n            background-color: var(--jake-yellow);\r\n            color: #000;\r\n            padding: 8px 16px;\r\n            border-radius: 20px;\r\n            text-decoration: none;\r\n            font-size: 1.1rem;\r\n            box-shadow: 0px 4px 0px #C48D00;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .header-cta:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0px 6px 0px #C48D00;\r\n        }\r\n\r\n        .header-cta:active {\r\n            transform: translateY(2px);\r\n            box-shadow: 0px 0px 0px #C48D00;\r\n        }\r\n\r\n        \/* RESPONSIVE BREAKPOINT (Mobile & Tablet) *\/\r\n        @media (max-width: 768px) {\r\n            .header-container {\r\n                justify-content: center; \/* Memusatkan semua konten di mobile *\/\r\n                flex-direction: column;\r\n                gap: 10px;\r\n                padding: 5px 0;\r\n            }\r\n\r\n            .brand-name {\r\n                font-size: 2rem; \/* Ukuran nama brand sedikit dikecilkan di mobile *\/\r\n            }\r\n\r\n            .nav-list {\r\n                gap: 15px; \/* Mempersempit jarak menu di layar kecil agar tidak overflow *\/\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n            }\r\n\r\n            .nav-link {\r\n                font-size: 1.15rem; \/* Ukuran font disesuaikan agar pas di ruang HP *\/\r\n            }\r\n\r\n            .header-cta {\r\n                display: none; \/* Menyembunyikan tombol CTA di header khusus mobile agar space tetap bersih *\/\r\n            }\r\n        }\r\n\r\n        \/* Kompensasi padding untuk body karena header menggunakan 'fixed' *\/\r\n        .content-spacer {\r\n            padding-top: 90px; \r\n        }\r\n        @media (max-width: 768px) {\r\n            .content-spacer {\r\n                padding-top: 120px; \r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- SECTION HEADER & NAVIGATION -->\r\n    <header class=\"site-header\">\r\n        <div class=\"header-container\">\r\n            \r\n            <!-- Logo berupa Teks saja -->\r\n            <a href=\"#\" class=\"brand-wrapper\">\r\n                <span class=\"brand-name\">JAKE<\/span>\r\n            <\/a>\r\n\r\n            <!-- Menu Navigasi -->\r\n            <nav class=\"main-nav\">\r\n                <ul class=\"nav-list\">\r\n                    <li><a href=\"#home\" class=\"nav-link\">Home<\/a><\/li>\r\n                    <li><a href=\"#a\" class=\"nav-link\">The Legend of $JAKE<\/a><\/li>\r\n                    <li><a href=\"#a\" class=\"nav-link\">Jakenomics<\/a><\/li>\r\n                    <li><a href=\"#a\" class=\"nav-link\">How to Buy<\/a><\/li>\r\n                    <li><a href=\"#a\" class=\"nav-link\">Join the Pack<\/a><\/li>\r\n                <\/ul>\r\n            <\/nav>\r\n\r\n            <!-- CTA Button (Otomatis sembunyi di mobile untuk menjaga kerapian) -->\r\n            <a href=\"#\" class=\"header-cta\">BUY $JAKE<\/a>\r\n\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- Pembatas konten bawah (Jangan dihapus agar konten halaman setelahnya tidak tertembus\/tertutup header) -->\r\n    <div class=\"content-spacer\"><\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6fc74 elementor-widget elementor-widget-html\" data-id=\"2f6fc74\" data-element_type=\"widget\" id=\"home\" 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>$JAKE Hero Section<\/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=Patrick+Hand&family=Ranchers&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* CSS Reset & Variabel *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --jake-yellow: #FFB800;\r\n            --jake-orange: #FF6B00;\r\n            --text-white: #FFFFFF;\r\n            --font-title: 'Ranchers', sans-serif;\r\n            --font-desc: 'Patrick Hand', cursive;\r\n        }\r\n\r\n        \/* Hero Section Styling *\/\r\n        .hero-section {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            width: 100%;\r\n            \/* Tanpa warna\/overlay gelap, murni gambar asli *\/\r\n            background: url('COVER - X - JAKE.jpg') no-repeat center center\/cover;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: flex-end; \/* Membawa seluruh box konten ke sebelah kanan *\/\r\n            padding: 40px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Kotak Konten (Rata Kanan) *\/\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 650px;\r\n            width: 100%;\r\n            text-align: right; \/* Membuat semua teks rata kanan *\/\r\n            color: var(--text-white);\r\n        }\r\n\r\n        .hero-title {\r\n            font-family: var(--font-title);\r\n            font-size: 3.8rem;\r\n            color: var(--jake-yellow);\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n            \/* Efek Stroke Kartun Tebal *\/\r\n            -webkit-text-stroke: 3px #000;\r\n            text-shadow: 4px 4px 0px #000;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-family: var(--font-desc);\r\n            font-size: 1.8rem;\r\n            line-height: 1.4;\r\n            margin-bottom: 35px;\r\n            color: var(--text-white);\r\n            \/* Bayangan teks tipis agar tetap terbaca jelas tanpa overlay gelap *\/\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;\r\n        }\r\n\r\n        \/* Kelompok Tombol Akses - Gaya Kartun Pop-Art *\/\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: flex-end; \/* Menjaga susunan tombol di kanan *\/\r\n            flex-wrap: wrap;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .btn {\r\n            font-family: var(--font-title);\r\n            text-decoration: none;\r\n            padding: 12px 32px;\r\n            font-size: 1.5rem;\r\n            border-radius: 15px;\r\n            border: 3px solid #000; \/* Border komik tebal *\/\r\n            transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n            cursor: pointer;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: var(--jake-yellow);\r\n            color: #000;\r\n            box-shadow: 5px 5px 0px #000; \/* Bayangan flat 2D *\/\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 7px 7px 0px #000;\r\n        }\r\n\r\n        .btn-primary:active {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: 2px 2px 0px #000;\r\n        }\r\n\r\n        .btn-secondary {\r\n            background-color: #FFF;\r\n            color: #000;\r\n            box-shadow: 5px 5px 0px #000;\r\n        }\r\n\r\n        .btn-secondary:hover {\r\n            background-color: #E6E6E6;\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 7px 7px 0px #000;\r\n        }\r\n\r\n        .btn-secondary:active {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: 2px 2px 0px #000;\r\n        }\r\n\r\n        \/* CA (Contract Address) - Gaya Kartun Box *\/\r\n        .ca-container {\r\n            display: inline-flex;\r\n            flex-direction: column;\r\n            align-items: flex-end; \/* Sejajar kanan *\/\r\n            width: 100%;\r\n        }\r\n\r\n        .ca-label {\r\n            font-family: var(--font-desc); \/* Menggunakan Patrick Hand sesuai deskripsi *\/\r\n            font-size: 1.6rem;\r\n            color: var(--jake-yellow);\r\n            margin-bottom: 8px;\r\n            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;\r\n        }\r\n\r\n        .ca-box {\r\n            display: flex;\r\n            background-color: #FFF;\r\n            border: 3px solid #000; \/* Border komik tebal *\/\r\n            border-radius: 14px;\r\n            overflow: hidden;\r\n            max-width: 480px;\r\n            width: 100%;\r\n            box-shadow: 5px 5px 0px #000; \/* Bayangan flat 2D *\/\r\n        }\r\n\r\n        .ca-text {\r\n            font-family: var(--font-desc); \/* Menggunakan Patrick Hand agar seragam *\/\r\n            font-size: 1.4rem;\r\n            color: #000;\r\n            padding: 10px 15px;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            width: 100%;\r\n            direction: ltr;\r\n            text-align: left;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .ca-copy-btn {\r\n            font-family: var(--font-title);\r\n            background-color: var(--jake-orange);\r\n            color: #FFF;\r\n            border: none;\r\n            border-left: 3px solid #000;\r\n            padding: 0 25px;\r\n            font-size: 1.3rem;\r\n            cursor: pointer;\r\n            transition: background 0.2s;\r\n            white-space: nowrap;\r\n            letter-spacing: 1px;\r\n            -webkit-text-stroke: 1px #000;\r\n            text-shadow: 1px 1px 0px #000;\r\n        }\r\n\r\n        .ca-copy-btn:hover {\r\n            background-color: #FF8833;\r\n        }\r\n\r\n        .ca-copy-btn.copied {\r\n            background-color: #27AE60 !important;\r\n            color: white !important;\r\n            -webkit-text-stroke: 0px;\r\n            text-shadow: none;\r\n        }\r\n\r\n        \/* RESPONSIVE LAYOUT UNTUK MOBILE *\/\r\n        @media (max-width: 768px) {\r\n            .hero-section {\r\n                justify-content: center; \/* Di mobile otomatis pindah ke tengah agar rapi *\/\r\n                padding: 20px;\r\n                background-position: 35% center; \/* Menggeser posisi background sedikit agar fokus karakter terjaga *\/\r\n            }\r\n\r\n            .hero-content {\r\n                text-align: center; \/* Konten teks beralih ke tengah pada layar HP *\/\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 2.8rem;\r\n            }\r\n\r\n            .hero-subtitle {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .hero-buttons {\r\n                justify-content: center;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%; \/* Tombol melebar penuh agar mudah ditekan di layar sentuh HP *\/\r\n                text-align: center;\r\n            }\r\n\r\n            .ca-container {\r\n                align-items: center;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-content\">\r\n            \r\n            <h1 class=\"hero-title\">S-S-STRETCH Your Wallet to The Moon with $JAKE!<\/h1>\r\n            <p class=\"hero-subtitle\">\r\n                The most elastic, magical, and laid-back coin on the blockchain. Inspired by everyone's favorite magical dog who loves cooking bacon pancakes and adventuring through the Land of Ooo!\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"#\" class=\"btn btn-primary\">BUY ON PUMP.FUN<\/a>\r\n                <a href=\"#\" class=\"btn btn-secondary\">VIEW DEXSCREENER<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"ca-container\">\r\n                <div class=\"ca-label\">Official Contract Address:<\/div>\r\n                <div class=\"ca-box\">\r\n                    <div class=\"ca-text\" id=\"caText\">NULL<\/div>\r\n                    <button class=\"ca-copy-btn\" id=\"copyBtn\" onclick=\"copyContractAddress()\">COPY<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        function copyContractAddress() {\r\n            const caText = document.getElementById(\"caText\").innerText;\r\n            const copyBtn = document.getElementById(\"copyBtn\");\r\n\r\n            navigator.clipboard.writeText(caText).then(() => {\r\n                copyBtn.innerText = \"COPIED!\";\r\n                copyBtn.classList.add(\"copied\");\r\n\r\n                setTimeout(() => {\r\n                    copyBtn.innerText = \"COPY\";\r\n                    copyBtn.classList.remove(\"copied\");\r\n                }, 2000);\r\n            }).catch(err => {\r\n                console.error(\"Gagal menyalin teks: \", 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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7de9fc2 e-flex e-con-boxed e-con e-parent\" data-id=\"7de9fc2\" 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<div class=\"elementor-element elementor-element-252e4c4 e-con-full e-flex e-con e-child\" data-id=\"252e4c4\" data-element_type=\"container\" id=\"a\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efe512e elementor-widget elementor-widget-html\" data-id=\"efe512e\" 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>$JAKE Interactive Dashboard<\/title>\r\n    \r\n    <!-- Google Fonts -->\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=Patrick+Hand&family=Ranchers&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* CSS Reset & JAKE UI Variables *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --jake-yellow: #FFB800;\r\n            --jake-orange: #FF6B00;\r\n            --bg-purple: #1A1528;\r\n            --bg-card: #251F38;\r\n            --text-white: #FFFFFF;\r\n            --font-title: 'Ranchers', sans-serif;\r\n            --font-desc: 'Patrick Hand', cursive;\r\n            --cartoon-border: 4px solid #000;\r\n            --cartoon-shadow: 6px 6px 0px #000;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-purple);\r\n            color: var(--text-white);\r\n            overflow-x: hidden;\r\n            font-family: var(--font-desc);\r\n        }\r\n\r\n        \/* ==========================================\r\n           MAIN SPLIT GRID LAYOUT\r\n           ========================================== *\/\r\n        .main-dashboard {\r\n            max-width: 1200px;\r\n            margin: 40px auto;\r\n            padding: 0 20px;\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr; \/* Kolom kiri sedikit lebih besar untuk About *\/\r\n            gap: 40px;\r\n            align-items: start;\r\n        }\r\n\r\n        \/* ==========================================\r\n           LEFT COLUMN: ABOUT CONTENT\r\n           ========================================== *\/\r\n        .left-column {\r\n            background-color: var(--bg-card);\r\n            border: var(--cartoon-border);\r\n            border-radius: 20px;\r\n            padding: 40px 35px;\r\n            box-shadow: var(--cartoon-shadow);\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .about-title {\r\n            font-family: var(--font-title);\r\n            font-size: 3rem;\r\n            color: var(--jake-yellow);\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n            -webkit-text-stroke: 2px #000;\r\n            text-shadow: 4px 4px 0px #000;\r\n            letter-spacing: 1px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .about-img-wrapper {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .about-img {\r\n            max-width: 220px;\r\n            width: 100%;\r\n            height: auto;\r\n            border: none;\r\n            background-color: transparent;\r\n            box-shadow: none;\r\n            animation: jakeFloat 3s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes jakeFloat {\r\n            0% { transform: translateY(0px) rotate(0deg); }\r\n            50% { transform: translateY(-15px) rotate(3deg); }\r\n            100% { transform: translateY(0px) rotate(0deg); }\r\n        }\r\n\r\n        .about-text p {\r\n            font-size: 1.6rem;\r\n            line-height: 1.4;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .about-quote {\r\n            font-family: var(--font-title);\r\n            font-size: 1.5rem;\r\n            color: var(--jake-yellow);\r\n            background: rgba(0,0,0,0.3);\r\n            padding: 12px;\r\n            border-left: 6px solid var(--jake-orange);\r\n            border-radius: 4px;\r\n            margin-top: 15px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* ==========================================\r\n           RIGHT COLUMN: MENURUN POP-UP BUTTONS\r\n           ========================================== *\/\r\n        .right-column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n        }\r\n\r\n        \/* Gaya Kotak Utama untuk Tombol\/Menu Menurun *\/\r\n        .interactive-menu-item {\r\n            background-color: #FFF;\r\n            color: #000;\r\n            border: var(--cartoon-border);\r\n            border-radius: 18px;\r\n            box-shadow: var(--cartoon-shadow);\r\n            overflow: hidden;\r\n            transition: transform 0.15s ease;\r\n        }\r\n\r\n        .interactive-menu-item:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* Header Tombol (Pemicu Klik) *\/\r\n        .menu-trigger-btn {\r\n            width: 100%;\r\n            background-color: var(--jake-orange);\r\n            color: #FFF;\r\n            border: none;\r\n            padding: 18px 25px;\r\n            font-family: var(--font-title);\r\n            font-size: 1.8rem;\r\n            text-align: left;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            letter-spacing: 1px;\r\n            -webkit-text-stroke: 1px #000;\r\n            text-shadow: 2px 2px 0px #000;\r\n            transition: background-color 0.2s;\r\n        }\r\n\r\n        .menu-trigger-btn:hover {\r\n            background-color: #FF8833;\r\n        }\r\n\r\n        .arrow-indicator {\r\n            font-size: 1.8rem;\r\n            transition: transform 0.3s ease;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Kontainer Isi Pop-up yang Tersembunyi *\/\r\n        .pop-content-block {\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;\r\n            background-color: #FFF;\r\n        }\r\n\r\n        \/* --- STATE AKTIF SAAT MENU DIKLIK --- *\/\r\n        .interactive-menu-item.active-menu {\r\n            transform: scale(1.01);\r\n        }\r\n\r\n        .interactive-menu-item.active-menu .menu-trigger-btn {\r\n            background-color: var(--jake-yellow);\r\n            color: #000;\r\n            -webkit-text-stroke: 1px #000;\r\n            text-shadow: none;\r\n            border-bottom: 4px solid #000;\r\n        }\r\n\r\n        .interactive-menu-item.active-menu .arrow-indicator {\r\n            transform: rotate(90deg);\r\n            color: #000;\r\n        }\r\n\r\n        .interactive-menu-item.active-menu .pop-content-block {\r\n            max-height: 800px; \/* Batas tinggi yang cukup untuk menampung isi *\/\r\n            opacity: 1;\r\n            padding: 25px;\r\n        }\r\n\r\n        \/* Style Konten Tokenomics di Dalam Pop-up *\/\r\n        .tok-pop-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        .tok-item {\r\n            display: flex;\r\n            align-items: start;\r\n            gap: 15px;\r\n            background: #F4F0FA;\r\n            padding: 12px;\r\n            border-radius: 10px;\r\n            border: 2px solid #000;\r\n        }\r\n\r\n        .tok-badge {\r\n            font-family: var(--font-title);\r\n            background: var(--jake-orange);\r\n            color: #FFF;\r\n            padding: 2px 10px;\r\n            border-radius: 6px;\r\n            border: 2px solid #000;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .tok-details h4 {\r\n            font-family: var(--font-title);\r\n            font-size: 1.3rem;\r\n            margin-bottom: 3px;\r\n        }\r\n\r\n        .tok-details p {\r\n            font-size: 1.2rem;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* Style Konten How To Buy di Dalam Pop-up *\/\r\n        .buy-pop-step {\r\n            margin-bottom: 15px;\r\n            border-left: 3px dashed var(--jake-orange);\r\n            padding-left: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .buy-pop-step:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .buy-pop-step h4 {\r\n            font-family: var(--font-title);\r\n            font-size: 1.4rem;\r\n            color: var(--jake-orange);\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .buy-pop-step p {\r\n            font-size: 1.25rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        \/* Style Konten Community \/ Socials di Dalam Pop-up *\/\r\n        .comm-pop-wrapper {\r\n            text-align: center;\r\n        }\r\n\r\n        .comm-pop-wrapper p {\r\n            font-size: 1.4rem;\r\n            font-weight: bold;\r\n            margin-bottom: 20px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .social-links-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n        }\r\n\r\n        .social-btn {\r\n            font-family: var(--font-title);\r\n            text-decoration: none;\r\n            color: #FFF;\r\n            background-color: var(--jake-orange);\r\n            border: 3px solid #000;\r\n            padding: 12px 0;\r\n            font-size: 1.4rem;\r\n            border-radius: 12px;\r\n            box-shadow: 4px 4px 0px #000;\r\n            transition: all 0.1s ease;\r\n            text-align: center;\r\n            display: block;\r\n            -webkit-text-stroke: 1px #000;\r\n            text-shadow: 1px 1px 0px #000;\r\n            animation: btnWobble 4s ease-in-out infinite alternate;\r\n        }\r\n\r\n        .social-btn:nth-child(2) { animation-delay: 0.2s; background-color: #000000; }\r\n        .social-btn:nth-child(3) { animation-delay: 0.4s; background-color: #E63946; }\r\n        .social-btn:nth-child(4) { animation-delay: 0.6s; background-color: #2A9D8F; }\r\n\r\n        .social-btn:hover {\r\n            transform: translate(-2px, -2px);\r\n            box-shadow: 6px 6px 0px #000;\r\n            background-color: var(--jake-yellow);\r\n            color: #000;\r\n            -webkit-text-stroke: 1px #000;\r\n            text-shadow: none;\r\n        }\r\n\r\n        .social-btn:active {\r\n            transform: translate(3px, 3px);\r\n            box-shadow: 1px 1px 0px #000;\r\n        }\r\n\r\n        @keyframes btnWobble {\r\n            0% { transform: rotate(-1deg); }\r\n            100% { transform: rotate(1deg); }\r\n        }\r\n\r\n        \/* ==========================================\r\n           7. FOOTER & COPYRIGHT (Full Width Pasca Split-Grid)\r\n           ========================================== *\/\r\n        .site-footer {\r\n            border-top: var(--cartoon-border);\r\n            background-color: #110E1A;\r\n            padding: 40px 0 20px 0; \/* Mengosongkan padding samping container luar *\/\r\n            margin-top: 60px;\r\n            width: 100%;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1200px; \/* Lebar maksimal disamakan penuh dengan .main-dashboard *\/\r\n            margin: 0 auto;\r\n            padding: 0 20px; \/* Padding dipindahkan ke dalam agar sejajar rapi dengan tepi konten atas *\/\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .footer-disclaimer {\r\n            font-size: 1.2rem;\r\n            color: #7A7193;\r\n            width: 100%; \/* Melebar penuh *\/\r\n            max-width: 100%; \/* Menghapus pembatasan px sebelumnya *\/\r\n            line-height: 1.4;\r\n            text-align: justify; \/* Membuat blok teks rata kiri-kanan rapi *\/\r\n            text-align-last: center; \/* Memastikan baris terakhir disclaimer tetap berada di tengah *\/\r\n        }\r\n\r\n        .copyright-text {\r\n            font-size: 1.2rem;\r\n            color: #554E68;\r\n            margin-top: 15px;\r\n            border-top: 1px solid #251F38;\r\n            width: 100%; \/* Melebar penuh dari ujung kiri ke ujung kanan pembatas *\/\r\n            padding-top: 15px;\r\n        }\r\n\r\n        \/* ==========================================\r\n           RESPONSIVE BREAKPOINTS (MOBILE SMARTPHONE)\r\n           ========================================== *\/\r\n        @media (max-width: 900px) {\r\n            .main-dashboard {\r\n                grid-template-columns: 1fr; \/* Stack kolom menjadi satu baris memanjang ke bawah di HP *\/\r\n                gap: 30px;\r\n                margin: 20px auto;\r\n            }\r\n\r\n            .about-title {\r\n                font-size: 2.4rem;\r\n            }\r\n\r\n            .about-img {\r\n                max-width: 170px;\r\n            }\r\n\r\n            .about-text p {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .social-links-grid {\r\n                grid-template-columns: 1fr; \/* Tombol sosial media menjadi full width di HP *\/\r\n            }\r\n\r\n            .social-btn {\r\n                animation: none;\r\n            }\r\n\r\n            .footer-disclaimer {\r\n                text-align: center; \/* Kembali ke rata tengah di mobile agar lebih natural *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- CONTAINER INTEGRASI DASHBOARD UTAMA -->\r\n    <main class=\"main-dashboard\">\r\n        \r\n        <!-- KOLOM KIRI: KONTEN ABOUT & GAMBER FLOAT -->\r\n        <div class=\"left-column\">\r\n            <h2 class=\"about-title\">The Origin of Stretchy Gains<\/h2>\r\n            <div class=\"about-img-wrapper\">\r\n                <!-- Karakter Tanpa BG & Mengambang Bebas -->\r\n                <img decoding=\"async\" src=\"https:\/\/itsjake.lol\/wp-content\/uploads\/2026\/06\/ICON-scaled.png\" alt=\"JAKE Magic\" class=\"about-img\">\r\n            <\/div>\r\n            <div class=\"about-text\">\r\n                <p>Jake isn't just your average dog. He\u2019s a true bro, a shape-shifting mentor, and a magical creature who can transform into absolutely anything\u2014including the ultimate key to your financial success!<\/p>\r\n                <p>Born with mind-bending supernatural abilities, $JAKE has arrived in the crypto verse to spread pure good vibes, absolute loyalty to the pack, and the ultimate \"Stretchy Powers\" to pull those green charts as high as they can go.<\/p>\r\n                <div class=\"about-quote\">\"Sucking at something is the first step towards being sorta good at something.\" \u2013 Jake<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- KOLOM KANAN: TOMBOL MENURUN DENGAN EFEK POP-UP KONTEN -->\r\n        <div class=\"right-column\">\r\n            \r\n            <!-- ITEM 1: TOKENOMICS -->\r\n            <div class=\"interactive-menu-item\">\r\n                <button class=\"menu-trigger-btn\" onclick=\"toggleMenuPopup(this)\">\r\n                    <span>Jakenomics \ud83d\udcb8<\/span>\r\n                    <span class=\"arrow-indicator\">\u25b6<\/span>\r\n                <\/button>\r\n                <div class=\"pop-content-block\">\r\n                    <div class=\"tok-pop-list\">\r\n                        <div class=\"tok-item\">\r\n                            <div class=\"tok-badge\">01<\/div>\r\n                            <div class=\"tok-details\">\r\n                                <h4>1 Billion Supply \ud83c\udf1f<\/h4>\r\n                                <p>A total fixed supply of 1,000,000,000 $JAKE tokens ready to roam the multiverse.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"tok-item\">\r\n                            <div class=\"tok-badge\">02<\/div>\r\n                            <div class=\"tok-details\">\r\n                                <h4>Zero Tax \ud83e\ude99<\/h4>\r\n                                <p>0% Taxes. No hidden fees or surprises when you buy or sell your $JAKE.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"tok-item\">\r\n                            <div class=\"tok-badge\">03<\/div>\r\n                            <div class=\"tok-details\">\r\n                                <h4>LP Burned \ud83d\udd25<\/h4>\r\n                                <p>The Liquidity Pool is permanently burned for absolute community safety and trust.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"tok-item\">\r\n                            <div class=\"tok-badge\">04<\/div>\r\n                            <div class=\"tok-details\">\r\n                                <h4>Contract Renounced \ud83d\udcdc<\/h4>\r\n                                <p>Ownership has been completely renounced\u2014100% owned by the community.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"tok-item\">\r\n                            <div class=\"tok-badge\">05<\/div>\r\n                            <div class=\"tok-details\">\r\n                                <h4>100% Fair Launch \ud83d\ude80<\/h4>\r\n                                <p>Launched entirely fairly with no special allocations for the team or insiders.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"tok-item\">\r\n                            <div class=\"tok-badge\">06<\/div>\r\n                            <div class=\"tok-details\">\r\n                                <h4>Solana Powered \u26a1<\/h4>\r\n                                <p>Harnessing the lightning-fast speeds and ultra-low transaction fees of the Solana network.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ITEM 2: HOW TO BUY -->\r\n            <div class=\"interactive-menu-item\">\r\n                <button class=\"menu-trigger-btn\" onclick=\"toggleMenuPopup(this)\">\r\n                    <span>How to Enter the Treehouse \ud83c\udfe0<\/span>\r\n                    <span class=\"arrow-indicator\">\u25b6<\/span>\r\n                <\/button>\r\n                <div class=\"pop-content-block\">\r\n                    <div class=\"buy-pop-step\">\r\n                        <h4>Step 1: Set Up a Solana Wallet<\/h4>\r\n                        <p>Download a trusted Solana-based wallet like Phantom or Solflare for free from the App Store or Google Play Store.<\/p>\r\n                    <\/div>\r\n                    <div class=\"buy-pop-step\">\r\n                        <h4>Step 2: Load Up on Solana ($SOL)<\/h4>\r\n                        <p>Purchase Solana ($SOL) from your preferred crypto exchange and withdraw it directly to your wallet address.<\/p>\r\n                    <\/div>\r\n                    <div class=\"buy-pop-step\">\r\n                        <h4>Step 3: Head Over to Pump.fun<\/h4>\r\n                        <p>Open the browser inside your crypto wallet app, navigate to pump.fun, and search for $JAKE using the official CA.<\/p>\r\n                    <\/div>\r\n                    <div class=\"buy-pop-step\">\r\n                        <h4>Step 4: Swap SOL for $JAKE<\/h4>\r\n                        <p>Connect your wallet to pump.fun, enter the amount of $SOL you wish to trade, and hit \"Buy.\" Boom!<\/p>\r\n                    <\/div>\r\n                    <div class=\"buy-pop-step\">\r\n                        <h4>Step 5: Track on Dexscreener<\/h4>\r\n                        <p>Once the bonding curve hits 100% and migrates, track $JAKE's market action in real-time straight on Dexscreener.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- ITEM 3: COMMUNITY & SOCIALS -->\r\n            <div class=\"interactive-menu-item\">\r\n                <button class=\"menu-trigger-btn\" onclick=\"toggleMenuPopup(this)\">\r\n                    <span>Join the Pack! \ud83d\udc3e<\/span>\r\n                    <span class=\"arrow-indicator\">\u25b6<\/span>\r\n                <\/button>\r\n                <div class=\"pop-content-block\">\r\n                    <div class=\"comm-pop-wrapper\">\r\n                        <p>Community is the ultimate superpower behind $JAKE. Don't wander the wild crypto wilderness alone. Come kick it with fellow adventurers!<\/p>\r\n                        <div class=\"social-links-grid\">\r\n                            <a href=\"#\" class=\"social-btn\">TELEGRAM<\/a>\r\n                            <a href=\"#\" class=\"social-btn\">X \/ TWITTER<\/a>\r\n                            <a href=\"#\" class=\"social-btn\">PUMP.FUN<\/a>\r\n                            <a href=\"#\" class=\"social-btn\">DEXSCREENER<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- FOOTER SECTION (Full Left-to-Right Layout Alignment) -->\r\n    <footer class=\"site-footer\">\r\n        <div class=\"footer-container\">\r\n            <div class=\"footer-disclaimer\">\r\n                <strong>Disclaimer:<\/strong> $JAKE is a pure memecoin created solely for entertainment purposes with no intrinsic value or expectation of financial return. Only invest what you are completely fine losing on a wild adventure.\r\n            <\/div>\r\n            <div class=\"copyright-text\">\r\n                \u00a9 2026 JAKE Token ($JAKE). Made with \ud83d\udc9b by the Community. All Rights Reserved.\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <!-- JAVASCRIPT MEKANISME MENU DROPDOWN POP-UP -->\r\n    <script>\r\n        function toggleMenuPopup(button) {\r\n            const menuItem = button.parentElement;\r\n            menuItem.classList.toggle('active-menu');\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<\/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>JAKE Token Header JAKE Home The Legend of $JAKE Jakenomics How to Buy Join the Pack BUY $JAKE $JAKE Hero Section S-S-STRETCH Your Wallet to The Moon with $JAKE! The most elastic, magical, and laid-back coin on the blockchain. Inspired by everyone&#8217;s favorite magical dog who loves cooking bacon pancakes and adventuring through the Land [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itsjake.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsjake.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itsjake.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itsjake.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsjake.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":10,"href":"https:\/\/itsjake.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":27,"href":"https:\/\/itsjake.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/27"}],"wp:attachment":[{"href":"https:\/\/itsjake.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}