{"id":8,"date":"2026-06-27T18:10:23","date_gmt":"2026-06-27T18:10:23","guid":{"rendered":"https:\/\/thepenny.lol\/?page_id=8"},"modified":"2026-06-28T03:44:55","modified_gmt":"2026-06-28T03:44:55","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thepenny.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-fe7b9b2 e-flex e-con-boxed e-con e-parent\" data-id=\"fe7b9b2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-310ef8f elementor-widget elementor-widget-html\" data-id=\"310ef8f\" 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>$PENNY - One Small Selfie for a Penguin<\/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=Gamja+Flower&family=Knewave&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* Base Reset & Fonts *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n\r\n        body, html {\r\n            width: 100%;\r\n            height: 100%;\r\n            font-family: 'Gamja Flower', cursive;\r\n            font-size: 1.25rem;\r\n            color: #2c3e50;\r\n            background: transparent;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        h1, h2, h3, .font-knewave {\r\n            font-family: 'Knewave', system-ui;\r\n            font-weight: 400;\r\n            letter-spacing: 0.5px;\r\n            text-shadow: 2px 2px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 3px 3px 6px rgba(74, 144, 226, 0.4);\r\n            color: #1d70b8;\r\n        }\r\n\r\n        \/* Pure Frameless Video Background System (No solid color fallback placeholders) *\/\r\n        .video-bg-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            pointer-events: none;\r\n            background: transparent;\r\n        }\r\n\r\n        .bg-video {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transform: translate(-50%, -50%);\r\n            opacity: 0;\r\n            transition: opacity 1s ease-in-out;\r\n            background: transparent;\r\n        }\r\n\r\n        .bg-video.active {\r\n            opacity: 1;\r\n            z-index: -1;\r\n        }\r\n\r\n        \/* Cartoon Ice Frosted Glass Effect *\/\r\n        .ice-card {\r\n            background: rgba(255, 255, 255, 0.82);\r\n            backdrop-filter: blur(20px) saturate(140%);\r\n            -webkit-backdrop-filter: blur(20px) saturate(140%);\r\n            border: 4px solid #ffffff;\r\n            border-radius: 28px;\r\n            box-shadow: 0 12px 40px 0 rgba(31, 135, 240, 0.2), \r\n                        inset 0 0 25px rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Navigation Header *\/\r\n        header {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            padding: 30px 50px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            z-index: 10;\r\n            background: transparent;\r\n        }\r\n\r\n        .logo {\r\n            font-size: 1.8rem;\r\n            cursor: pointer;\r\n        }\r\n\r\n        nav {\r\n            display: flex;\r\n            gap: 12px;\r\n        }\r\n\r\n        .nav-btn {\r\n            padding: 8px 18px;\r\n            font-family: 'Knewave', sans-serif;\r\n            font-size: 0.95rem;\r\n            color: #2980b9;\r\n            background: rgba(255, 255, 255, 0.85);\r\n            border: 2.5px solid #74b9ff;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            box-shadow: 0 3px 0 #74b9ff;\r\n        }\r\n\r\n        .nav-btn:hover {\r\n            transform: translateY(-2px) scale(1.03);\r\n            box-shadow: 0 5px 0 #2980b9;\r\n            background: #fff;\r\n            color: #0984e3;\r\n        }\r\n\r\n        .nav-btn.buy-btn {\r\n            background: #ff7675;\r\n            color: white;\r\n            border-color: #d63031;\r\n            box-shadow: 0 3px 0 #d63031;\r\n            text-shadow: 1.5px 1.5px 0 #b2bec3;\r\n        }\r\n\r\n        .nav-btn.buy-btn:hover {\r\n            background: #ff7675;\r\n            box-shadow: 0 5px 0 #d63031;\r\n            color: white;\r\n        }\r\n\r\n        \/* Hero Main View *\/\r\n        .hero-section {\r\n            min-height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 140px 20px 60px 20px;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .hero-box {\r\n            max-width: 800px;\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 25px;\r\n        }\r\n\r\n        .hero-box h1 {\r\n            font-size: 3.2rem;\r\n            line-height: 1.15;\r\n        }\r\n\r\n        \/* Hero Description Text - INSULATED PURE WHITE WITHOUT OUTLINE *\/\r\n        .hero-box p {\r\n            font-size: 1.5rem;\r\n            line-height: 1.4;\r\n            font-weight: bold;\r\n            color: #ffffff;\r\n            max-width: 700px;\r\n            -webkit-text-stroke: 0px transparent;\r\n            text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);\r\n        }\r\n\r\n        \/* CA Container & Copy Feature *\/\r\n        .ca-container {\r\n            background: rgba(255, 255, 255, 0.9);\r\n            border: 2.5px dashed #0984e3;\r\n            padding: 8px 16px;\r\n            border-radius: 12px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            cursor: pointer;\r\n            transition: all 0.2s ease;\r\n            max-width: 100%;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .ca-container:hover {\r\n            background: #e0f7fa;\r\n            transform: scale(1.01);\r\n        }\r\n\r\n        .ca-text {\r\n            font-family: monospace;\r\n            font-weight: bold;\r\n            font-size: 0.95rem;\r\n            color: #0984e3;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .copy-badge {\r\n            background: #0984e3;\r\n            color: white;\r\n            padding: 3px 8px;\r\n            border-radius: 6px;\r\n            font-size: 0.75rem;\r\n            font-family: 'Knewave', sans-serif;\r\n            text-shadow: none;\r\n        }\r\n\r\n        .social-row {\r\n            display: flex;\r\n            gap: 12px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        \/* Modals Overlay *\/\r\n        .modal-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.15); \r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            z-index: 100;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.35s ease;\r\n            padding: 30px;\r\n        }\r\n\r\n        .modal-overlay.active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        .modal-content {\r\n            width: 100%;\r\n            max-width: 1050px;\r\n            max-height: 85vh; \r\n            padding: 45px;\r\n            position: relative;\r\n            transform: scale(0.9) translateY(20px);\r\n            transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.15);\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .modal-overlay.active .modal-content {\r\n            transform: scale(1) translateY(0);\r\n        }\r\n\r\n        .close-modal {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 25px;\r\n            font-family: 'Knewave', sans-serif;\r\n            font-size: 1.6rem;\r\n            color: #ff7675;\r\n            cursor: pointer;\r\n            user-select: none;\r\n            transition: transform 0.2s ease;\r\n            z-index: 10;\r\n        }\r\n\r\n        .close-modal:hover {\r\n            transform: scale(1.15) rotate(90deg);\r\n        }\r\n\r\n        \/* Scrollable content block inside modal *\/\r\n        .modal-scroll-zone {\r\n            width: 100%;\r\n            overflow-y: auto;\r\n            padding-right: 5px;\r\n        }\r\n\r\n        .modal-scroll-zone::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        .modal-scroll-zone::-webkit-scrollbar-track {\r\n            background: rgba(0,0,0,0.03);\r\n            border-radius: 10px;\r\n        }\r\n        .modal-scroll-zone::-webkit-scrollbar-thumb {\r\n            background: #74b9ff;\r\n            border-radius: 10px;\r\n        }\r\n\r\n        .modal-body {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n        }\r\n\r\n        .modal-body h2 {\r\n            font-size: 2.3rem;\r\n            margin-bottom: 25px;\r\n            width: 100%;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .modal-body p {\r\n            font-size: 1.35rem;\r\n            line-height: 1.45;\r\n        }\r\n\r\n        \/* About Layout with Video *\/\r\n        .about-layout {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 1fr;\r\n            gap: 35px;\r\n            align-items: center;\r\n            text-align: left;\r\n            width: 100%;\r\n        }\r\n\r\n        .about-video-wrapper video {\r\n            width: 100%;\r\n            max-width: 100%;\r\n            border-radius: 20px;\r\n            border: 4px solid #fff;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        \/* Smooth Slider Gallery *\/\r\n        .gallery-container {\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            padding: 10px 0;\r\n            margin: 10px 0;\r\n        }\r\n\r\n        .gallery-track {\r\n            display: flex;\r\n            gap: 20px;\r\n            width: max-content;\r\n            animation: infiniteScroll 25s linear infinite;\r\n        }\r\n\r\n        .gallery-track:hover {\r\n            animation-play-state: paused;\r\n        }\r\n\r\n        .gallery-item {\r\n            width: 240px;\r\n            height: 240px;\r\n            object-fit: cover;\r\n            border-radius: 20px;\r\n            border: 4px solid #fff;\r\n            box-shadow: 0 6px 18px rgba(0,0,0,0.06);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        @keyframes infiniteScroll {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(calc(-240px * 4 - 20px * 4)); }\r\n        }\r\n\r\n        \/* Tokenomics Grid *\/\r\n        .tok-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n            margin-top: 10px;\r\n            width: 100%;\r\n            text-align: left;\r\n        }\r\n\r\n        .tok-card {\r\n            background: rgba(255, 255, 255, 0.45);\r\n            padding: 18px;\r\n            border-radius: 18px;\r\n            border: 2px solid #74b9ff;\r\n        }\r\n\r\n        .tok-card strong {\r\n            font-family: 'Knewave', sans-serif;\r\n            color: #0984e3;\r\n            text-shadow: none;\r\n            display: block;\r\n            margin-bottom: 5px;\r\n            font-size: 1.3rem;\r\n        }\r\n\r\n        \/* Roadmap List *\/\r\n        .roadmap-list {\r\n            list-style: none;\r\n            width: 100%;\r\n            text-align: left;\r\n            max-width: 850px;\r\n        }\r\n\r\n        .roadmap-phase {\r\n            margin-bottom: 20px;\r\n            padding-left: 25px;\r\n            position: relative;\r\n        }\r\n\r\n        .roadmap-phase::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 10px;\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #0984e3;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .roadmap-phase strong {\r\n            font-size: 1.3rem;\r\n            color: #1d70b8;\r\n        }\r\n\r\n        \/* Integrated Narrative Footer *\/\r\n        .footer-text {\r\n            margin-top: 25px;\r\n            font-size: 0.9rem;\r\n            text-align: center;\r\n            border-top: 2px dashed rgba(0,0,0,0.08);\r\n            padding-top: 20px;\r\n            width: 100%;\r\n            color: #7f8c8d;\r\n        }\r\n\r\n        \/* Responsive Mobile Settings *\/\r\n        @media (max-width: 768px) {\r\n            body, html {\r\n                font-size: 1.05rem;\r\n                background: transparent;\r\n            }\r\n            header {\r\n                padding: 15px 10px;\r\n                flex-direction: column;\r\n                gap: 10px;\r\n                position: fixed;\r\n                background: transparent !important;\r\n                backdrop-filter: none !important;\r\n                -webkit-backdrop-filter: none !important;\r\n                width: 100%;\r\n            }\r\n            .logo { font-size: 1.4rem; }\r\n            nav { flex-wrap: wrap; justify-content: center; gap: 6px; }\r\n            .nav-btn { padding: 4px 10px; font-size: 0.75rem; border-width: 2px; }\r\n            \r\n            .hero-section {\r\n                padding-top: 170px;\r\n            }\r\n            .hero-box h1 { font-size: 1.8rem; }\r\n            .hero-box p { \r\n                font-size: 1.2rem;\r\n                color: #ffffff;\r\n                -webkit-text-stroke: 0px transparent;\r\n            }\r\n\r\n            .modal-overlay {\r\n                padding: 15px;\r\n                background: rgba(0, 0, 0, 0.2);\r\n            }\r\n            .modal-content {\r\n                padding: 30px 15px;\r\n                max-height: 80vh; \r\n            }\r\n            .modal-body h2 { font-size: 1.4rem; }\r\n            .modal-body p { font-size: 1.1rem; }\r\n            \r\n            .about-layout { grid-template-columns: 1fr; gap: 15px; }\r\n            .tok-grid { grid-template-columns: 1fr; gap: 12px; }\r\n            .tok-card strong, .roadmap-phase strong { font-size: 1.15rem; }\r\n            \r\n            .gallery-item {\r\n                width: 160px;\r\n                height: 160px;\r\n            }\r\n            @keyframes infiniteScroll {\r\n                0% { transform: translateX(0); }\r\n                100% { transform: translateX(calc(-160px * 4 - 20px * 4)); }\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"video-bg-container\">\r\n        <video id=\"video1\" class=\"bg-video active\" autoplay muted playsinline loop src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/HERO-PENNY1.mp4\"><\/video>\r\n        <video id=\"video2\" class=\"bg-video\" autoplay muted playsinline loop src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/HERO-PENNY2.mp4\"><\/video>\r\n    <\/div>\r\n\r\n    <header>\r\n        <div class=\"logo font-knewave\" onclick=\"location.reload()\">$PENNY<\/div>\r\n        <nav>\r\n            <button class=\"nav-btn\" onclick=\"openModal('about-modal')\">About<\/button>\r\n            <button class=\"nav-btn\" onclick=\"openModal('gallery-modal')\">Gallery<\/button>\r\n            <button class=\"nav-btn\" onclick=\"openModal('tokenomics-modal')\">Waddlenomics<\/button>\r\n            <button class=\"nav-btn\" onclick=\"openModal('roadmap-modal')\">Roadmap<\/button>\r\n            <button class=\"nav-btn buy-btn\" onclick=\"window.open('https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=5MJqj523dKKyY5K5zAwGSAE9MpFjE86ZXGWeDQVcpump', '_blank')\">SWAP NOW<\/button>\r\n        <\/nav>\r\n    <\/header>\r\n\r\n    <main class=\"hero-section\">\r\n        <div class=\"hero-box\">\r\n            <h1>One Small Selfie for a Penguin, One Giant Leap for Meme-kind!<\/h1>\r\n            <p>Welcome to the $PENNY colony, where inflation is melted away by smiles and positive vibes. We aren't just a token; we are the first mass-selfie movement on the blockchain!<\/p>\r\n            \r\n            <div class=\"ca-container\" onclick=\"copyCA(this)\">\r\n                <span class=\"ca-text\" id=\"ca-value\">5MJqj523dKKyY5K5zAwGSAE9MpFjE86ZXGWeDQVcpump<\/span>\r\n                <span class=\"copy-badge\" id=\"copy-text\">COPY CA<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"social-row\">\r\n                <button class=\"nav-btn\" onclick=\"window.open(https:\/\/x.com\/pennycutest)\">Twitter<\/button>\r\n                <button class=\"nav-btn\" onclick=\"window.open(https:\/\/t.me\/pennycutest)\">Telegram<\/button>\r\n                <button class=\"nav-btn\" onclick=\"window.open('https:\/\/dexscreener.com\/solana\/4vftl2otj9pw7e6dbdyfvp6uivq7pgc1tk3r2sqm4ixq', '_blank')\">Dexscreener<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <div id=\"about-modal\" class=\"modal-overlay\" onclick=\"closeModalOnOverlay(event, this)\">\r\n        <div class=\"modal-content ice-card\">\r\n            <span class=\"close-modal\" onclick=\"closeModal('about-modal')\">X<\/span>\r\n            <div class=\"modal-scroll-zone\">\r\n                <div class=\"modal-body\">\r\n                    <h2>From the South Pole to Your Screen: The Cutest Conspiracy on the Blockchain!<\/h2>\r\n                    <div class=\"about-layout\">\r\n                        <div>\r\n                            <p>Once upon a time, in the freezing depths of Antarctica, a young penguin (let's just call her 'Penny') stumbled upon a smartphone dropped by a clumsy explorer. Instead of panicking, Penny did what any civilized creature would do: she flipped open the front-facing camera.<\/p>\r\n                            <br>\r\n                            <p>That moment of pure magic\u2014the wide-eyed wonder, the enthusiastic beak smile, and the epic icy backdrop\u2014breathed life into the $PENNY vision. A vision where decentralized finance (DeFi) doesn't have to be rigid or boring.<\/p>\r\n                        <\/div>\r\n                        <div class=\"about-video-wrapper\">\r\n                            <video src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/ICON-DEX-PENNY.mp4\" autoplay loop muted playsinline><\/video>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"gallery-modal\" class=\"modal-overlay\" onclick=\"closeModalOnOverlay(event, this)\">\r\n        <div class=\"modal-content ice-card\">\r\n            <span class=\"close-modal\" onclick=\"closeModal('gallery-modal')\">X<\/span>\r\n            <div class=\"modal-scroll-zone\">\r\n                <div class=\"modal-body\">\r\n                    <h2>Proof of Joy on the Blockchain<\/h2>\r\n                    <p style=\"margin-bottom: 10px;\">Hover over images to pause the glacial slide!<\/p>\r\n                    <div class=\"gallery-container\">\r\n                        <div class=\"gallery-track\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A1.png\" alt=\"Penny 1\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A2.png\" alt=\"Penny 2\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A3.png\" alt=\"Penny 3\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A4.png\" alt=\"Penny 4\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A1.png\" alt=\"Penny 1\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A2.png\" alt=\"Penny 2\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A3.png\" alt=\"Penny 3\">\r\n                            <img decoding=\"async\" class=\"gallery-item\" src=\"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/A4.png\" alt=\"Penny 4\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <p style=\"margin-top: 15px; max-width: 850px;\">This dynamic digital masterpiece captures the absolute essence of our vision, serving as the very first historical visual record we have immortalized on the blockchain.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tokenomics-modal\" class=\"modal-overlay\" onclick=\"closeModalOnOverlay(event, this)\">\r\n        <div class=\"modal-content ice-card\">\r\n            <span class=\"close-modal\" onclick=\"closeModal('tokenomics-modal')\">X<\/span>\r\n            <div class=\"modal-scroll-zone\">\r\n                <div class=\"modal-body\">\r\n                    <h2>The Science of Waddlenomics<\/h2>\r\n                    <div class=\"tok-grid\">\r\n                        <div class=\"tok-card\">\r\n                            <strong>Total Supply:<\/strong>\r\n                            <p>1,000,000,000,000 $PENNY<\/p>\r\n                        <\/div>\r\n                        <div class=\"tok-card\">\r\n                            <strong>0% Transaction Tax:<\/strong>\r\n                            <p>Because Penny absolutely despises extra fees when buying her fish.<\/p>\r\n                        <\/div>\r\n                        <div class=\"tok-card\">\r\n                            <strong>Locked Liquidity:<\/strong>\r\n                            <p>Frozen solid like a block of ancient glacial ice. Safe, secure, and going nowhere.<\/p>\r\n                        <\/div>\r\n                        <div class=\"tok-card\">\r\n                            <strong>Community Distribution:<\/strong>\r\n                            <p>100% Pure Colony Ownership! No secret team allocations, no insider stakes. Launched directly into public hands from day one.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"roadmap-modal\" class=\"modal-overlay\" onclick=\"closeModalOnOverlay(event, this)\">\r\n        <div class=\"modal-content ice-card\">\r\n            <span class=\"close-modal\" onclick=\"closeModal('roadmap-modal')\">X<\/span>\r\n            <div class=\"modal-scroll-zone\">\r\n                <div class=\"modal-body\">\r\n                    <h2>The Waddle to Global Dominance<\/h2>\r\n                    <div class=\"roadmap-list\">\r\n                        <div class=\"roadmap-phase\">\r\n                            <strong>Phase 1: The First 'Waddle' (Active)<\/strong>\r\n                            <p>Official Website & Smart Contract Launch. Snapping the Historic First Selfie. Building the Telegram Colony.<\/p>\r\n                        <\/div>\r\n                        <div class=\"roadmap-phase\">\r\n                            <strong>Phase 2: The 'Slide' Effect (Up Next)<\/strong>\r\n                            <p>Aggressive Marketing Campaigns across Social Media. Securing listings on major exchanges (CEX). Launching the Community Selfie Gallery.<\/p>\r\n                        <\/div>\r\n                        <div class=\"roadmap-phase\">\r\n                            <strong>Phase 3: 'Waddling' to the Moon (Future)<\/strong>\r\n                            <p>Forming real-world partnerships with Penguin Sanctuaries. Exclusive NFT collection drops.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"footer-text\">\r\n                        <p><strong>Don't let your investments freeze up. Join the most photogenic colony in crypto!<\/strong><\/p>\r\n                        <p style=\"font-size: 0.8rem; margin-top: 10px;\">$PENNY is a meme token created solely for entertainment, community spirit, and the sheer beauty of penguin selfies. Invest wisely. \u00a9 2026 Penny's Selfie Colony. All beak rights reserved.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Seamless Dual Video Streaming Crossfade Switch Engine\r\n        const videoSrcs = [\r\n            \"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/HERO-PENNY1.mp4\",\r\n            \"https:\/\/thepenny.lol\/wp-content\/uploads\/2026\/06\/HERO-PENNY2.mp4\"\r\n        ];\r\n        \r\n        const v1 = document.getElementById('video1');\r\n        const v2 = document.getElementById('video2');\r\n        let currentVideoIdx = 0;\r\n\r\n        function swapVideos() {\r\n            if (currentVideoIdx === 0) {\r\n                v1.classList.remove('active');\r\n                v2.classList.add('active');\r\n                v2.play();\r\n                currentVideoIdx = 1;\r\n                setTimeout(() => { v1.src = videoSrcs[0]; v1.load(); }, 1000);\r\n            } else {\r\n                v2.classList.remove('active');\r\n                v1.classList.add('active');\r\n                v1.play();\r\n                currentVideoIdx = 0;\r\n                setTimeout(() => { v2.src = videoSrcs[1]; v2.load(); }, 1000);\r\n            }\r\n        }\r\n\r\n        v1.onended = () => { swapVideos(); };\r\n        v2.onended = () => { swapVideos(); };\r\n\r\n        \/\/ Interface Display Logic Engine\r\n        function openModal(id) {\r\n            document.getElementById(id).classList.add('active');\r\n        }\r\n\r\n        function closeModal(id) {\r\n            document.getElementById(id).classList.remove('active');\r\n        }\r\n\r\n        function closeModalOnOverlay(e, overlay) {\r\n            if (e.target === overlay) {\r\n                overlay.classList.remove('active');\r\n            }\r\n        }\r\n\r\n        \/\/ Memory Write Pipeline Engine (Copy Operations)\r\n        function copyCA(container) {\r\n            const caText = document.getElementById('ca-value').innerText;\r\n            const badge = document.getElementById('copy-text');\r\n            \r\n            navigator.clipboard.writeText(caText).then(() => {\r\n                badge.innerText = \"COPIED!\";\r\n                badge.style.background = \"#2ecc71\";\r\n                setTimeout(() => {\r\n                    badge.innerText = \"COPY CA\";\r\n                    badge.style.background = \"#0984e3\";\r\n                }, 2000);\r\n            }).catch(err => {\r\n                console.error('Failed to copy text: ', err);\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>$PENNY &#8211; One Small Selfie for a Penguin $PENNY About Gallery Waddlenomics Roadmap SWAP NOW One Small Selfie for a Penguin, One Giant Leap for Meme-kind! Welcome to the $PENNY colony, where inflation is melted away by smiles and positive vibes. We aren&#8217;t just a token; we are the first mass-selfie movement on the blockchain! [&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:\/\/thepenny.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thepenny.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thepenny.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thepenny.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thepenny.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":40,"href":"https:\/\/thepenny.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/thepenny.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/thepenny.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}