{"id":9,"date":"2026-05-10T03:17:30","date_gmt":"2026-05-10T03:17:30","guid":{"rendered":"https:\/\/puffwhisker.fun\/?page_id=9"},"modified":"2026-05-10T04:34:30","modified_gmt":"2026-05-10T04:34:30","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/puffwhisker.fun\/","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-568614e e-flex e-con-boxed e-con e-parent\" data-id=\"568614e\" 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-8b00888 elementor-widget elementor-widget-html\" data-id=\"8b00888\" 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=\"id\">\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>PUFF WHISKER | Silent Dominance<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script defer src=\"https:\/\/unpkg.com\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&family=Playfair+Display:ital,wght@0,900;1,900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body {\r\n            background-color: #080808;\r\n            color: #e0e0e0;\r\n            font-family: 'Space Mono', monospace;\r\n            background-image: url('https:\/\/www.transparenttextures.com\/patterns\/stardust.png');\r\n        }\r\n        .serif-bold { font-family: 'Playfair Display', serif; }\r\n        .red-accent { color: #ff0000; }\r\n        .border-red { border: 1px solid #ff0000; }\r\n        .hud-panel { background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); }\r\n        .copy-box:active { background: #ff0000; color: black; }\r\n        \r\n        \/* Animasi subtle untuk kesan terminal hidup *\/\r\n        @keyframes scanline {\r\n            0% { transform: translateY(-100%); }\r\n            100% { transform: translateY(100%); }\r\n        }\r\n        .scanline {\r\n            width: 100%; height: 2px; background: rgba(255, 0, 0, 0.1);\r\n            position: absolute; animation: scanline 8s linear infinite; pointer-events: none;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body x-data=\"{ \r\n    modal: false, \r\n    content: '', \r\n    ca: '0xPuffWhiskerContractAddress123456789',\r\n    copied: false,\r\n    copyCA() {\r\n        navigator.clipboard.writeText(this.ca);\r\n        this.copied = true;\r\n        setTimeout(() => this.copied = false, 2000);\r\n    }\r\n}\" class=\"min-h-screen flex items-center justify-center p-4 md:p-10\">\r\n\r\n    <main class=\"w-full max-w-[1440px] grid grid-cols-1 lg:grid-cols-12 gap-8 relative border-t border-b border-white\/10 py-16\">\r\n        <div class=\"scanline\"><\/div>\r\n        \r\n        <div class=\"absolute top-0 left-0 w-full flex justify-between text-[10px] tracking-[0.5em] opacity-30 py-4 uppercase px-2\">\r\n            <span>Architect_of_Silent_Dominance<\/span>\r\n            <span class=\"red-accent animate-pulse\">System_Active: $WHISKER<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"lg:col-span-8 flex flex-col gap-10\">\r\n            <header class=\"flex justify-between items-start border-b border-white\/5 pb-8\">\r\n                <div>\r\n                    <h1 class=\"text-7xl md:text-[10rem] serif-bold leading-[0.75] tracking-tighter italic\">PUFF<br>WHISKER<\/h1>\r\n                    <p class=\"mt-6 text-[12px] red-accent tracking-[0.4em] font-bold uppercase\">The World Belongs to the Composed.<\/p>\r\n                <\/div>\r\n                <div class=\"hidden md:block text-right\">\r\n                    <div class=\"text-6xl serif-bold red-accent leading-none\">033<\/div>\r\n                    <p class=\"text-[10px] opacity-40 uppercase tracking-[0.3em] mt-3\">Established Dynasty<\/p>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <div @click=\"modal = true; content = 'about'\" class=\"relative border-red p-1 cursor-pointer group bg-black overflow-hidden shadow-2xl\">\r\n                <video autoplay muted loop playsinline class=\"w-full h-auto md:h-[500px] object-cover grayscale group-hover:grayscale-0 transition-all duration-1000 brightness-50 group-hover:brightness-100 scale-105 group-hover:scale-100\">\r\n                    <source src=\"https:\/\/puffwhisker.fun\/wp-content\/uploads\/2026\/05\/HERO-PUFF-WHISKER.mp4\" type=\"video\/mp4\">\r\n                <\/video>\r\n                <div class=\"absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all bg-black\/60\">\r\n                    <span class=\"border border-white px-8 py-3 text-[11px] tracking-[0.4em] bg-black hover:bg-white hover:text-black transition-colors\">ACCESS_THE_LORE<\/span>\r\n                <\/div>\r\n                <div class=\"absolute bottom-6 left-6 text-[10px] tracking-[0.5em] uppercase opacity-60 bg-black\/80 px-2 py-1\">[FEED_STABLE: THRONE_ROOM]<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 text-[11px] uppercase leading-[1.8] tracking-widest opacity-70\">\r\n                <p>While the masses scramble in chaos, Puff Whisker remains seated. He does not chase the market; he commands it from the comfort of his golden throne. Experience the power of calculated serenity.<\/p>\r\n                <div class=\"md:text-right border-l-2 md:border-l-0 md:border-r-2 border-red-600 px-6 py-2\">\r\n                    <p class=\"italic text-white\">\"A throne is not measured by its height, but by the clarity of the vision seen from it.\"<\/p>\r\n                    <p class=\"mt-4 red-accent font-bold\">SOVEREIGN_STRATEGY<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <aside class=\"lg:col-span-4 flex flex-col gap-10 border-t lg:border-t-0 lg:border-l border-white\/5 pt-10 lg:pt-0 lg:pl-10\">\r\n            \r\n            <div class=\"space-y-3\">\r\n                <label class=\"text-[9px] tracking-[0.4em] opacity-40 uppercase font-bold italic\">Contract_Address<\/label>\r\n                <div @click=\"copyCA()\" class=\"hud-panel p-4 flex justify-between items-center cursor-pointer copy-box transition-all group border border-white\/5 hover:border-red-600\">\r\n                    <span class=\"text-[10px] tracking-tighter truncate opacity-80\" x-text=\"ca\"><\/span>\r\n                    <span class=\"text-[10px] font-bold red-accent group-hover:text-white\" x-text=\"copied ? 'COPIED' : 'COPY'\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"space-y-6\">\r\n                <h3 class=\"text-4xl serif-bold italic tracking-tighter\">THE\u2014REALM<\/h3>\r\n                <nav class=\"space-y-4\">\r\n                    <button @click=\"modal = true; content = 'tokenomics'\" class=\"w-full text-left group flex items-center gap-4 hover:red-accent transition-all p-2 border-b border-white\/5\">\r\n                        <span class=\"w-2 h-2 bg-red-600 animate-pulse\"><\/span>\r\n                        <span class=\"text-[11px] tracking-[0.4em] uppercase font-bold\">Tokenomics.exe<\/span>\r\n                    <\/button>\r\n                    <button @click=\"modal = true; content = 'roadmap'\" class=\"w-full text-left group flex items-center gap-4 hover:red-accent transition-all p-2 border-b border-white\/5\">\r\n                        <span class=\"w-2 h-2 border border-white\/20 group-hover:bg-red-600 group-hover:border-red-600\"><\/span>\r\n                        <span class=\"text-[11px] tracking-[0.4em] uppercase\">Strategic_Roadmap.sh<\/span>\r\n                    <\/button>\r\n                    <button @click=\"modal = true; content = 'join'\" class=\"w-full text-left group flex items-center gap-4 hover:red-accent transition-all p-2 border-b border-white\/5\">\r\n                        <span class=\"w-2 h-2 border border-white\/20 group-hover:bg-red-600 group-hover:border-red-600\"><\/span>\r\n                        <span class=\"text-[11px] tracking-[0.4em] uppercase\">Enter_The_Council.lnk<\/span>\r\n                    <\/button>\r\n                <\/nav>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-2 gap-4\">\r\n                <a href=\"#\" class=\"hud-panel py-4 text-center text-[10px] tracking-widest font-bold hover:bg-white hover:text-black transition-all\">TELEGRAM<\/a>\r\n                <a href=\"#\" class=\"hud-panel py-4 text-center text-[10px] tracking-widest font-bold hover:bg-white hover:text-black transition-all\">TWITTER<\/a>\r\n                <a href=\"#\" class=\"hud-panel py-4 text-center text-[10px] tracking-widest font-bold hover:bg-white hover:text-black transition-all\">DEXSCREENER<\/a>\r\n                <a href=\"#\" class=\"hud-panel py-4 text-center text-[10px] tracking-widest font-bold hover:bg-white hover:text-black transition-all\">PUMP.FUN<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"hud-panel p-8 space-y-6 relative overflow-hidden\">\r\n                <div class=\"absolute -right-4 -top-4 text-6xl opacity-5 serif-bold italic\">\"<\/div>\r\n                <span class=\"text-[10px] red-accent font-bold tracking-[0.3em] uppercase block\">\/\/ Manifesto_Brief<\/span>\r\n                <p class=\"text-[11px] leading-relaxed opacity-60 uppercase italic tracking-wider\">\r\n                    We do not react to the noise; we define the signal. Patience is the ultimate weapon. Within his sanctuary of relics, Whisker is forging a Dynasty of Stillness.\r\n                <\/p>\r\n                <div class=\"flex items-center gap-4 pt-4 border-t border-white\/5\">\r\n                    <div class=\"w-12 h-12 border border-red-600 rounded-full flex items-center justify-center animate-spin-slow\">\r\n                        <span class=\"text-[10px] font-bold\">$W<\/span>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"text-[10px] text-white font-bold block\">Calculated Serenity<\/span>\r\n                        <span class=\"text-[8px] opacity-40 uppercase tracking-widest\">Active System \/\/ 2026<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"pt-4\">\r\n                <button @click=\"modal = true; content = 'join'\" class=\"w-full py-6 border-red hover:bg-red-600 hover:text-black transition-all text-[12px] tracking-[0.6em] font-black uppercase shadow-[0_0_20px_rgba(255,0,0,0.2)]\">\r\n                    ACQUIRE $WHISKER\r\n                <\/button>\r\n            <\/div>\r\n        <\/aside>\r\n\r\n        <div class=\"absolute bottom-0 left-0 w-full flex justify-between text-[10px] tracking-[0.5em] opacity-30 py-4 uppercase px-2\">\r\n            <span>Terminal_v2.0_Secure_Connection<\/span>\r\n            <span class=\"italic\">Dominance_is_Silent<\/span>\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <div x-show=\"modal\" \r\n         x-transition:enter=\"transition ease-out duration-300\"\r\n         x-transition:enter-start=\"opacity-0 scale-95\"\r\n         x-transition:enter-end=\"opacity-100 scale-100\"\r\n         class=\"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-black\/95 backdrop-blur-xl\" \r\n         style=\"display: none;\">\r\n        \r\n        <div @click.away=\"modal = false\" class=\"bg-[#0c0c0c] border border-red-600 max-w-4xl w-full p-10 relative overflow-y-auto max-h-[90vh] shadow-[0_0_50px_rgba(255,0,0,0.1)]\">\r\n            <button @click=\"modal = false\" class=\"absolute top-6 right-6 red-accent text-xl font-bold italic hover:text-white transition-colors\">X_CLOSE<\/button>\r\n            \r\n            <div class=\"space-y-10\">\r\n                <template x-if=\"content === 'about'\">\r\n                    <div class=\"space-y-8\">\r\n                        <h2 class=\"text-5xl serif-bold italic red-accent\">A Legacy of Calm<\/h2>\r\n                        <div class=\"border border-white\/10 p-1\">\r\n                            <img decoding=\"async\" src=\"https:\/\/puffwhisker.fun\/wp-content\/uploads\/2026\/05\/ABOUT.png\" class=\"w-full grayscale hover:grayscale-0 transition-all duration-700\">\r\n                        <\/div>\r\n                        <p class=\"text-xs md:text-sm tracking-[0.2em] leading-loose uppercase opacity-70\">\r\n                            Puff Whisker stands as a testament to measured dominance. Adorned with the marks of ancient wisdom and trophies of past conquests, he is the bridge between vintage prestige and modern tactical brilliance. Each moment of silence is a future secured.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/template>\r\n\r\n                <template x-if=\"content === 'tokenomics'\">\r\n                    <div class=\"space-y-8 text-center\">\r\n                        <h2 class=\"text-5xl serif-bold italic red-accent\">Dominance Assets<\/h2>\r\n                        <img decoding=\"async\" src=\"https:\/\/puffwhisker.fun\/wp-content\/uploads\/2026\/05\/TOKENOMICS.png\" class=\"w-full border border-white\/10 p-1\">\r\n                    <\/div>\r\n                <\/template>\r\n\r\n                <template x-if=\"content === 'roadmap'\">\r\n                    <div class=\"space-y-8 text-center\">\r\n                        <h2 class=\"text-5xl serif-bold italic red-accent\">The Strategic Path<\/h2>\r\n                        <img decoding=\"async\" src=\"https:\/\/puffwhisker.fun\/wp-content\/uploads\/2026\/05\/ROADMAP.png\" class=\"w-full border border-white\/10 p-1\">\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-[10px] tracking-widest text-left uppercase opacity-60 pt-6 border-t border-white\/10\">\r\n                            <div class=\"p-4 hud-panel border-l-2 border-red-600\">\r\n                                <span class=\"block red-accent mb-2\">Phase I: Genesis<\/span>\r\n                                Hearth is lit. Liquidity secured. Council gathers.\r\n                            <\/div>\r\n                            <div class=\"p-4 hud-panel border-l-2 border-white\/20\">\r\n                                <span class=\"block text-white mb-2\">Phase II: Ascension<\/span>\r\n                                Smoke permeates the ecosystem. Deniability vanishes.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n\r\n                <template x-if=\"content === 'join'\">\r\n                    <div class=\"text-center space-y-10 py-6\">\r\n                        <h2 class=\"text-6xl serif-bold italic red-accent uppercase\">The Throne is Vacant.<\/h2>\r\n                        <img decoding=\"async\" src=\"https:\/\/puffwhisker.fun\/wp-content\/uploads\/2026\/05\/JOIN-US.png\" class=\"w-full border border-white\/10 p-1 grayscale\">\r\n                        <div class=\"space-y-4\">\r\n                            <p class=\"text-xs tracking-[0.4em] uppercase font-bold\">Claim your seat before the smoke clears.<\/p>\r\n                            <div class=\"flex flex-col md:flex-row justify-center gap-6 pt-6\">\r\n                                <button class=\"bg-red-600 text-black px-12 py-5 font-black text-[12px] tracking-[0.4em] uppercase hover:bg-white transition-all shadow-lg\">BUY_$WHISKER<\/button>\r\n                                <button class=\"border border-white\/20 text-white px-12 py-5 font-bold text-[12px] tracking-[0.4em] uppercase hover:border-red-600 hover:text-red-600 transition-all\">VIEW_CHART<\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\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>PUFF WHISKER | Silent Dominance<\/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:\/\/puffwhisker.fun\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":13,"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/puffwhisker.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}