{"id":8,"date":"2026-05-24T15:01:32","date_gmt":"2026-05-24T15:01:32","guid":{"rendered":"https:\/\/thegranny.fun\/?page_id=8"},"modified":"2026-05-24T16:25:12","modified_gmt":"2026-05-24T16:25:12","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thegranny.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n THE MATRIARCH OF RETRO GAMING ON SOLANA | $GRANNY<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Google Fonts: Super Vintage Gothic\/Classical Elements -->\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=Cormorant+Garamond:ital,wght@0,600;0,700;1,400&family=Uncial+Antiqua&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* Font Overrides *\/\r\n .font-vintage-heavy { font-family: 'Uncial Antiqua', serif; }\r\n .font-vintage-serif { font-family: 'Cormorant Garamond', serif; }\r\n \r\n \/* AGGRESSIVE WORDPRESS RESET: Memaksa element keluar dari container tema WP *\/\r\n .wp-full-bleed-fix {\r\n width: 100vw !important;\r\n position: relative;\r\n left: 50% !important;\r\n right: 50% !important;\r\n margin-left: -50vw !important;\r\n margin-right: -50vw !important;\r\n }\r\n\r\n html, body {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n overflow-x: hidden !important;\r\n background-color: #0f0a05;\r\n }\r\n\r\n \/* Vignette Klasik Abad ke-19 *\/\r\n .vintage-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(circle, transparent 20%, rgba(10,5,0,0.92) 100%);\r\n pointer-events: none;\r\n z-index: 10;\r\n }\r\n\r\n .text-vintage-gold {\r\n color: #f3e5ab;\r\n text-shadow: 0 0 12px rgba(243, 229, 171, 0.5);\r\n }\r\n\r\n \/* Pop-Up Effect Via Class Trigger *\/\r\n .popup-ready {\r\n opacity: 0;\r\n transform: scale(0.9) translateY(20px);\r\n transition: opacity 0.8s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .popup-active {\r\n opacity: 1;\r\n transform: scale(1) translateY(0);\r\n }\r\n\r\n \/* Seamless Seamless Marquee Fix *\/\r\n @keyframes marquee {\r\n 0% { transform: translate3d(0, 0, 0); }\r\n 100% { transform: translate3d(-50%, 0, 0); }\r\n }\r\n .marquee-container {\r\n display: flex;\r\n width: max-content;\r\n animation: marquee 30s linear infinite;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-[#f5ebd8] font-vintage-serif antialiased bg-[#0f0a05]\">\r\n\r\n <!-- ============================================================== -->\r\n <!-- SECTION 1: HERO (THE COMMAND CENTER) -->\r\n <!-- ============================================================== -->\r\n <section class=\"wp-full-bleed-fix relative w-full h-screen flex flex-col justify-between items-center p-4 md:p-8 overflow-hidden m-0 entry-content\">\r\n <!-- Video Latar Belakang - Dipaksa Menutup Segala Sisi -->\r\n <div class=\"absolute inset-0 w-full h-full z-0 pointer-events-none\">\r\n <video autoplay loop muted playsinline class=\"w-full h-full object-cover brightness-[0.35] contrast-[1.2] scale-105\">\r\n <source src=\"https:\/\/thegranny.fun\/wp-content\/uploads\/2026\/05\/HERO-GRANNY1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"vintage-overlay\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-[#0f0a05] via-transparent to-black\/60\"><\/div>\r\n <\/div>\r\n\r\n <!-- Header -->\r\n <div class=\"w-full max-w-6xl flex justify-between items-center z-20 mt-2\">\r\n <div class=\"font-vintage-heavy text-2xl md:text-3xl tracking-wider text-vintage-gold\">$GRANNY<\/div>\r\n <div class=\"border border-[#8c6239]\/60 bg-black\/70 px-4 py-1 text-xs tracking-[0.2em] font-bold text-[#c6a07b]\">\r\n SOLANA DEPLOYMENT\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Pop-Up Content Box -->\r\n <div class=\"popup-ready id-hero-popup w-full max-w-3xl text-center my-auto z-20 flex flex-col items-center gap-6 px-4\">\r\n <h1 class=\"font-vintage-heavy text-3xl sm:text-5xl md:text-6xl tracking-wide leading-tight text-vintage-gold uppercase\">\r\n The Matriarch of <br><span class=\"text-white font-serif italic font-normal\">Retro Gaming<\/span>\r\n <\/h1>\r\n <p class=\"text-sm sm:text-base text-[#d1c2a5] max-w-xl leading-relaxed italic\">\r\n $GRANNY is a community-driven culture token deployed on Solana, inspired by the golden era of 90s PC gaming. We combine a distinct vintage identity with structural marketing.\r\n <\/p>\r\n \r\n <!-- CTA Buttons -->\r\n <div class=\"flex flex-col sm:flex-row gap-4 w-full sm:w-auto mt-2 font-bold tracking-widest\">\r\n <a href=\"#\" target=\"_blank\" class=\"px-8 py-4 bg-[#704d2b] hover:bg-[#8c6239] text-white transition duration-300 text-xs uppercase border border-[#c6a07b]\/40 shadow-2xl transform hover:scale-105\">\r\n [ BUY $GRANNY ]\r\n <\/a>\r\n <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"px-8 py-4 bg-black\/70 hover:bg-black\/90 text-[#c6a07b] hover:text-white transition duration-300 text-xs uppercase border border-[#8c6239]\/60 backdrop-blur-sm transform hover:scale-105\">\r\n [ DATA CHART ]\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- CA Copier Box -->\r\n <div class=\"mt-4 w-full max-w-md bg-black\/90 border border-[#8c6239]\/60 p-2 flex items-center justify-between gap-3 backdrop-blur-md shadow-2xl\">\r\n <div class=\"flex flex-col text-left pl-2 overflow-hidden\">\r\n <span class=\"text-[9px] text-[#8c6239] uppercase font-bold tracking-widest\">System Contract Address<\/span>\r\n <span id=\"caText\" class=\"font-mono text-xs text-white truncate tracking-wide\">ComingSoonXXXXX<\/span>\r\n <\/div>\r\n <button onclick=\"copyCA(this)\" class=\"bg-[#704d2b] hover:bg-[#8c6239] text-white px-5 py-2.5 font-bold text-xs uppercase transition shrink-0 tracking-wider\">\r\n COPY\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Indicator Scroll -->\r\n <div class=\"z-20 text-xs tracking-widest text-[#8c6239] font-bold uppercase animate-pulse mb-2\">\r\n Scroll for Strategy \u2193\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================================== -->\r\n <!-- RUNNING TEXT MARQUEE (PERFECT CONTINUOUS LOOP) -->\r\n <!-- ============================================================== -->\r\n <div class=\"wp-full-bleed-fix w-full bg-[#1c120c] border-y-2 border-[#8c6239]\/50 py-3 overflow-hidden relative z-30 shadow-2xl flex m-0\">\r\n <div class=\"marquee-container uppercase tracking-[0.2em] text-xs font-bold text-vintage-gold font-vintage-heavy\">\r\n <span>\u2022 $GRANNY MATRIARCH OF SOLANA \u2022 INITIAL LIQUIDITY 100% BURNED \u2022 0% TRANSACTION TAX \u2022 RETRO PC GAMING NOSTALGIA \u2022 OWNERSHIP RENOUNCED  <\/span>\r\n <span>\u2022 $GRANNY MATRIARCH OF SOLANA \u2022 INITIAL LIQUIDITY 100% BURNED \u2022 0% TRANSACTION TAX \u2022 RETRO PC GAMING NOSTALGIA \u2022 OWNERSHIP RENOUNCED  <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ============================================================== -->\r\n <!-- SECTION 2: DATA & INFRASTRUCTURE -->\r\n <!-- ============================================================== -->\r\n <section class=\"wp-full-bleed-fix relative w-full min-h-screen flex items-center justify-center p-4 md:p-12 overflow-hidden m-0\">\r\n <!-- Video Latar Belakang Section 2 -->\r\n <div class=\"absolute inset-0 w-full h-full z-0 pointer-events-none\">\r\n <video autoplay loop muted playsinline class=\"w-full h-full object-cover brightness-[0.3] contrast-[1.1] scale-105\">\r\n <source src=\"https:\/\/thegranny.fun\/wp-content\/uploads\/2026\/05\/HERO-GRANNY2.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"vintage-overlay\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-[#0f0a05] via-transparent to-[#0b0704]\"><\/div>\r\n <\/div>\r\n\r\n <!-- Pop-Up Card Data & Pillars -->\r\n <div class=\"popup-ready id-card-popup w-full max-w-4xl bg-black\/85 border border-[#8c6239]\/50 p-6 md:p-10 backdrop-blur-md shadow-2xl z-20 mx-2 my-auto relative rounded-sm\">\r\n <!-- Decorative Frame Corners -->\r\n <div class=\"absolute top-3 left-3 w-4 h-4 border-t-2 border-l-2 border-[#c6a07b]\/50\"><\/div>\r\n <div class=\"absolute top-3 right-3 w-4 h-4 border-t-2 border-r-2 border-[#c6a07b]\/50\"><\/div>\r\n <div class=\"absolute bottom-3 left-3 w-4 h-4 border-b-2 border-l-2 border-[#c6a07b]\/50\"><\/div>\r\n <div class=\"absolute bottom-3 right-3 w-4 h-4 border-b-2 border-r-2 border-[#c6a07b]\/50\"><\/div>\r\n\r\n <div class=\"flex flex-col md:flex-row items-center gap-3 mb-6 border-b border-[#8c6239]\/30 pb-4 justify-between\">\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"text-xl\">\ud83d\udcd1<\/span>\r\n <h2 class=\"font-vintage-heavy text-xl md:text-2xl text-vintage-gold tracking-wide uppercase\">DATA & STRATEGIC DIRECTION<\/h2>\r\n <\/div>\r\n <span class=\"text-xs font-mono text-stone-500 hidden md:inline\">SYSTEM_SECURE_LOG \/\/ VER_2026<\/span>\r\n <\/div>\r\n \r\n <p class=\"text-sm md:text-base text-[#b0a287] mb-8 leading-relaxed italic text-center md:text-left\">\r\n \"$GRANNY solves market vulnerabilities through guaranteed execution assets, absolute open-source transparency, and zero internal transaction risks.\"\r\n <\/p>\r\n\r\n <!-- Grid 3 Pillars -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 text-left\">\r\n <div class=\"bg-[#1b130e]\/90 border border-[#8c6239]\/40 p-5 rounded-sm shadow-xl\">\r\n <div class=\"text-2xl mb-2\">\ud83c\udfdb\ufe0f<\/div>\r\n <h3 class=\"font-vintage-heavy text-sm text-white mb-2 uppercase tracking-wide\">1. Distribution Archive<\/h3>\r\n <p class=\"text-xs text-[#b0a287] leading-relaxed font-vintage-serif\">Centralized digital repository containing premium, free-to-use visual assets to sustain continuous algorithmic visibility.<\/p>\r\n <\/div>\r\n <div class=\"bg-[#1b130e]\/90 border border-[#8c6239]\/40 p-5 rounded-sm shadow-xl\">\r\n <div class=\"text-2xl mb-2\">\ud83d\udd12<\/div>\r\n <h3 class=\"font-vintage-heavy text-sm text-white mb-2 uppercase tracking-wide\">2. Security Protocol<\/h3>\r\n <p class=\"text-xs text-[#b0a287] leading-relaxed font-vintage-serif\">The contract ownership has been renounced, mint functions are permanently disabled, and liquidity is burned.<\/p>\r\n <\/div>\r\n <div class=\"bg-[#1b130e]\/90 border border-[#8c6239]\/40 p-5 rounded-sm shadow-xl\">\r\n <div class=\"text-2xl mb-2\">\ud83e\udd1d<\/div>\r\n <h3 class=\"font-vintage-heavy text-sm text-white mb-2 uppercase tracking-wide\">3. Community Alliance<\/h3>\r\n <p class=\"text-xs text-[#b0a287] leading-relaxed font-vintage-serif\">Structured raid reward systems to maintain high social metrics and multiply global community marketing reach.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Integrated Footer -->\r\n <div class=\"mt-10 pt-6 border-t border-[#8c6239]\/30 flex flex-col sm:flex-row items-center justify-between gap-4 text-xs font-mono text-stone-400\">\r\n <p class=\"text-center sm:text-left max-w-md\">\r\n <span class=\"text-amber-600 font-bold font-vintage-serif text-sm\">SAVE POINT:<\/span> $GRANNY has no formal financial utility. \u00a9 2026.\r\n <\/p>\r\n <div class=\"flex gap-6 font-bold text-[#c6a07b] text-sm font-vintage-heavy tracking-widest\">\r\n <a href=\"https:\/\/x.com\" target=\"_blank\" class=\"hover:text-white transition\">[ X ]<\/a>\r\n <a href=\"https:\/\/t.me\" target=\"_blank\" class=\"hover:text-white transition\">[ TG ]<\/a>\r\n <a href=\"https:\/\/dexscreener.com\" target=\"_blank\" class=\"hover:text-white transition\">[ DEX ]<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================================== -->\r\n <!-- JAVASCRIPT: INTERACTION & ACCURATE SCROLL POPUP -->\r\n <!-- ============================================================== -->\r\n <script>\r\n \/\/ Copy CA Button Controller\r\n function copyCA(button) {\r\n const caText = document.getElementById('caText').innerText;\r\n navigator.clipboard.writeText(caText).then(() => {\r\n const originalText = button.innerText;\r\n button.innerText = 'COPIED!';\r\n button.style.backgroundColor = '#22c55e';\r\n setTimeout(() => {\r\n button.innerText = originalText;\r\n button.style.backgroundColor = '#704d2b';\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Error copying text: ', err);\r\n });\r\n }\r\n\r\n \/\/ TRIGGER ANIMASI POP-UP VIA INTERSECTION OBSERVER (SANGAT AKURAT SAAT DI-SCROLL)\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px',\r\n threshold: 0.15\r\n };\r\n\r\n const popupObserver = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('popup-active');\r\n \/\/ Opsional: unobserve jika ingin animasi hanya sekali putar saja\r\n \/\/ observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Mendaftarkan element pop-up untuk dipantau posisinya\r\n document.querySelectorAll('.popup-ready').forEach(el => {\r\n popupObserver.observe(el);\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>THE MATRIARCH OF RETRO GAMING ON SOLANA | $GRANNY $GRANNY SOLANA DEPLOYMENT The Matriarch of Retro Gaming $GRANNY is a community-driven culture token deployed on Solana, inspired by the golden era of 90s PC gaming. We combine a distinct vintage identity with structural marketing. [ BUY $GRANNY ] [ DATA CHART ] System Contract Address […]<\/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:\/\/thegranny.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegranny.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegranny.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegranny.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thegranny.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":8,"href":"https:\/\/thegranny.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/thegranny.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/thegranny.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}