{"id":8,"date":"2026-07-13T17:48:43","date_gmt":"2026-07-13T17:48:43","guid":{"rendered":"https:\/\/cashfrog.fun\/?page_id=8"},"modified":"2026-07-13T19:26:38","modified_gmt":"2026-07-13T19:26:38","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/cashfrog.fun\/","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-56a6e8e e-con-full e-flex e-con e-parent\" data-id=\"56a6e8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1edf99e elementor-widget elementor-widget-html\" data-id=\"1edf99e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"cashfrog-wrapper\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap');\r\n\r\n    :root {\r\n      --bg-light: #DDF4CB;\r\n      --bg-dark: #070707;\r\n      --text-light: #DDF4CB;\r\n      --text-dark: #070707;\r\n      --primary: #5c9e2b;\r\n      --mono: 'Space Mono', ui-monospace, monospace;\r\n    }\r\n\r\n    .cashfrog-wrapper {\r\n      background: var(--bg-light);\r\n      color: var(--text-dark);\r\n      font-family: var(--mono);\r\n      font-weight: 400;\r\n      -webkit-font-smoothing: antialiased;\r\n      line-height: 1.6;\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      width: 100%;\r\n    }\r\n\r\n    .cashfrog-wrapper * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    .cashfrog-wrapper a { color: inherit; text-decoration: none; }\r\n    .cashfrog-wrapper button { font: inherit; color: inherit; background: transparent; cursor: pointer; border: none; }\r\n    .cashfrog-wrapper img, .cashfrog-wrapper video { display: block; max-width: 100%; }\r\n\r\n    \/* TYPOGRAPHY *\/\r\n    .cashfrog-wrapper h1, .cashfrog-wrapper h2, .cashfrog-wrapper h3 {\r\n      font-weight: 700;\r\n      line-height: 1.1;\r\n      text-transform: capitalize;\r\n    }\r\n    .cashfrog-wrapper h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); margin-bottom: 1.2rem; }\r\n    .cashfrog-wrapper p { margin-bottom: 1rem; font-size: 0.9rem; }\r\n    .italic { font-style: italic; }\r\n\r\n    \/* UTILITIES *\/\r\n    .cf-container { max-width: 72rem; margin: 0 auto; padding: 0 1.5rem; width: 100%; }\r\n    .glass-light { background: rgba(221, 244, 203, 0.6); backdrop-filter: blur(12px); border: 1px solid rgba(7, 7, 7, 0.1); }\r\n\r\n    \/* BUTTONS *\/\r\n    .cashfrog-wrapper .cf-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0.6rem 1.2rem;\r\n      border-radius: 4px;\r\n      font-size: 0.75rem;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.08em;\r\n      transition: all 0.3s ease;\r\n      border: 1px solid var(--text-dark);\r\n      background: var(--text-dark);\r\n      color: var(--bg-light); \r\n    }\r\n    .cashfrog-wrapper .cf-btn:hover { background: transparent; color: var(--text-dark); }\r\n    \r\n    .cashfrog-wrapper .cf-btn-light {\r\n      border: 1px solid var(--bg-light);\r\n      background: var(--bg-light);\r\n      color: var(--text-dark); \r\n    }\r\n    .cashfrog-wrapper .cf-btn-light:hover { background: transparent; color: var(--text-light); }\r\n    \r\n    .cashfrog-wrapper .cf-btn-outline-light {\r\n      border: 1px solid rgba(221, 244, 203, 0.4);\r\n      background: transparent;\r\n      color: var(--text-light);\r\n    }\r\n    .cashfrog-wrapper .cf-btn-outline-light:hover { border-color: var(--text-light); color: var(--bg-dark); background: var(--text-light); }\r\n\r\n    \/* NAVBAR *\/\r\n    .cf-nav {\r\n      position: fixed;\r\n      left: 50%;\r\n      top: 1.5rem;\r\n      z-index: 50;\r\n      width: 90%;\r\n      max-width: 72rem;\r\n      transform: translateX(-50%);\r\n      transition: transform 0.5s ease, opacity 0.5s ease;\r\n    }\r\n    .cf-nav.hidden { transform: translate(-50%, -6rem); opacity: 0; }\r\n    .cf-nav-inner {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      border-radius: 8px;\r\n      padding: 0.6rem 1.2rem;\r\n    }\r\n    .cf-brand { font-weight: 700; font-size: 1.1rem; letter-spacing: -1px; }\r\n    .cf-nav-links { display: none; gap: 2rem; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; }\r\n    .cf-nav-links a { transition: opacity 0.2s; }\r\n    .cf-nav-links a:hover { opacity: 0.6; }\r\n    @media(min-width: 768px) { .cf-nav-links { display: flex; } }\r\n\r\n    \/* STORY \/ HERO SCROLL SECTION *\/\r\n    .cf-story { position: relative; height: 300vh; background: var(--bg-dark); }\r\n    .cf-sticky { position: sticky; top: 0; height: 100vh; width: 100%; overflow: hidden; }\r\n    \r\n    .cf-bg-video { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }\r\n    \r\n    .cf-layer { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 .5rem; }\r\n    \r\n    .cf-hero-content {\r\n      text-align: center;\r\n      max-width: 700px;\r\n      width: 100%;\r\n      will-change: transform, opacity;\r\n    }\r\n    .cf-hero-content h1 { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 0.8rem; }\r\n    .cf-hero-content .lead { font-size: 0.95rem; max-width: 500px; margin: 0 auto 1.5rem; }\r\n\r\n    .ca-box {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 0.4rem 0.4rem 0.4rem 0.8rem;\r\n      border-radius: 4px;\r\n      font-size: 0.75rem;\r\n      margin-bottom: 12rem;\r\n    }\r\n    .ca-code { word-break: break-all; opacity: 0.9; }\r\n\r\n    .cf-social-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 0.8rem;\r\n      max-width: 350px;\r\n      margin: 1.5rem auto 0;\r\n    }\r\n\r\n    \/* ABOUT (DARK) *\/\r\n    .cf-about { position: relative; background: var(--bg-dark); color: var(--text-light); padding: 6rem 0; z-index: 10; }\r\n    .cf-grid-2 { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }\r\n    @media(min-width: 768px) { .cf-grid-2 { grid-template-columns: 1fr 1fr; gap: 4rem;} }\r\n    \r\n    .cf-reveal { transition: opacity 1s, transform 1s; }\r\n    .cf-reveal.hidden { opacity: 0; transform: translateY(2rem); }\r\n    .cf-float-img { will-change: transform; border-radius: 8px; width: 100%; max-width: 450px; margin: 0 auto; }\r\n\r\n    \/* MARQUEE *\/\r\n    .cf-marquee {\r\n      background: var(--bg-light);\r\n      color: var(--text-dark);\r\n      padding: 1.5rem 0;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      position: relative;\r\n      z-index: 10;\r\n      border-top: 2px solid var(--text-dark);\r\n      border-bottom: 2px solid var(--text-dark);\r\n    }\r\n    .cf-marquee-track {\r\n      display: flex;\r\n      width: max-content;\r\n      animation: marqueeScroll 30s linear infinite;\r\n    }\r\n    .cf-marquee-track span {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      font-size: 1.2rem;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      padding: 0 2rem;\r\n      font-style: italic;\r\n    }\r\n    .cf-marquee-track span::after {\r\n      content: \"\u2726\";\r\n      margin-left: 4rem;\r\n      color: var(--text-dark);\r\n      opacity: 0.3;\r\n      font-style: normal;\r\n    }\r\n    @keyframes marqueeScroll {\r\n      0% { transform: translateX(0); }\r\n      100% { transform: translateX(-50%); }\r\n    }\r\n\r\n    \/* HOW TO BUY (LIGHT) *\/\r\n    .cf-buy { position: relative; background: var(--bg-light); padding: 6rem 0; z-index: 10; }\r\n    .cf-steps { display: flex; flex-direction: column; gap: 1rem; }\r\n    .cf-step {\r\n      padding: 1.2rem;\r\n      border: 1px solid rgba(7, 7, 7, 0.1);\r\n      border-radius: 8px;\r\n      background: rgba(255, 255, 255, 0.3);\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    }\r\n    .cf-step:hover { transform: translate(-5px, -5px); box-shadow: 4px 4px 0px var(--text-dark); border-color: var(--text-dark); }\r\n    .cf-step h3 { font-size: 1.1rem; margin-bottom: 0.4rem; display: flex; align-items: center; gap: 0.6rem; }\r\n    .cf-step-num { font-size: 0.75rem; background: var(--text-dark); color: var(--bg-light); padding: 0.15rem 0.4rem; border-radius: 4px; }\r\n    .cf-htb-img { width: 100%; max-width: 350px; margin: 0 auto; display: block; filter: drop-shadow(8px 8px 0px rgba(0,0,0,0.1)); }\r\n\r\n    \/* JOIN COMMUNITY (LIGHT) *\/\r\n    .cf-join { position: relative; background: var(--bg-light); padding: 6rem 0; text-align: center; border-top: 1px solid rgba(7,7,7,0.1); z-index: 10; }\r\n    .cf-join-inner { max-width: 600px; margin: 0 auto; }\r\n\r\n    \/* FOOTER *\/\r\n    .cf-footer { background: var(--bg-dark); color: var(--text-light); padding: 4rem 1.5rem 2rem; position: relative; z-index: 10; }\r\n    .cf-foot-flex { display: flex; flex-direction: column; gap: 2rem; align-items: center; text-align: center; max-width: 72rem; margin: 0 auto; }\r\n    @media(min-width: 768px) { .cf-foot-flex { flex-direction: row; justify-content: space-between; text-align: left; } }\r\n    .cf-foot-links { display: flex; gap: 1.5rem; font-size: 0.8rem; text-transform: uppercase; }\r\n    .cf-foot-links a:hover { text-decoration: underline; }\r\n\r\n    \/* TOAST *\/\r\n    .cf-toast {\r\n      position: fixed; bottom: 2rem; left: 50%; transform: translate(-50%, 1rem);\r\n      opacity: 0; z-index: 60; transition: 0.3s; pointer-events: none;\r\n      padding: 0.6rem 1.2rem; border-radius: 4px; font-weight: 700; text-transform: uppercase;\r\n      background: var(--text-dark); color: var(--bg-light); font-size: 0.75rem;\r\n    }\r\n    .cf-toast.show { transform: translate(-50%, 0); opacity: 1; }\r\n  <\/style>\r\n\r\n  <!-- NAVBAR -->\r\n  <header class=\"cf-nav\" id=\"cf-nav\">\r\n    <nav class=\"cf-nav-inner glass-light\">\r\n      <a href=\"#top\" class=\"cf-brand\">CashFrog.<\/a>\r\n      <div class=\"cf-nav-links\">\r\n        <a href=\"#about\">About<\/a>\r\n        <a href=\"#buy\">How to Buy<\/a>\r\n        <a href=\"#join\">Community<\/a>\r\n      <\/div>\r\n      <a href=\"#buy\" class=\"cf-btn\" style=\"padding: 0.4rem 0.8rem;\">Get $CashFrog<\/a>\r\n    <\/nav>\r\n  <\/header>\r\n\r\n  <!-- HERO STORY (SCROLL TO PLAY + NGE-PIN) -->\r\n  <section id=\"top\" class=\"cf-story\" data-story>\r\n    <div class=\"cf-sticky\">\r\n      <!-- Background Video ori -->\r\n      <video class=\"cf-bg-video\" data-scroll-video preload=\"auto\" muted playsinline src=\"https:\/\/cashfrog.fun\/wp-content\/uploads\/2026\/07\/cf-bgfix.mp4\"><\/video>\r\n\r\n      <!-- LAYER 1: INTRO (Posisinya Ditarik Ke Atas) -->\r\n      <div class=\"cf-layer\" data-hero>\r\n        <div class=\"cf-hero-content\" style=\"color: var(--text-dark); margin-top: -15vh;\">\r\n          <h1>Wrong Lily Pad.<br><span class=\"italic\">Right Fortune.<\/span><\/h1>\r\n          <p class=\"lead\" style=\"opacity: 0.9;\">No strategy. No whitepaper. Just an unbothered frog that keeps landing on cash. Hop in and catch the luck.<\/p>\r\n          <div class=\"ca-box\" style=\"background: rgba(221, 244, 203, 0.5); backdrop-filter: blur(8px); border: 1px solid var(--text-dark);\">\r\n            <span class=\"ca-code\" id=\"ca-text\">0x000000000000000000000000000000000000dead<\/span>\r\n            <button class=\"cf-btn\" data-copy style=\"padding: 0.3rem 0.6rem; font-size:0.65rem;\">COPY CA<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- LAYER 2: SOCIALS (Tetap Di Tengah) -->\r\n      <div class=\"cf-layer\" data-socials style=\"opacity:0; pointer-events:none;\">\r\n        <div class=\"cf-hero-content\" style=\"color: var(--text-light);\">\r\n          <h2>Social Links<\/h2>\r\n          <p class=\"lead\" style=\"opacity: 0.9; margin-bottom: 0;\">Connect with the luckiest swamp on the internet.<\/p>\r\n          <div class=\"cf-social-grid\">\r\n            <a href=\"#\" class=\"cf-btn cf-btn-light\">Twitter \/ X<\/a>\r\n            <a href=\"#\" class=\"cf-btn cf-btn-light\">Telegram<\/a>\r\n            <a href=\"#\" class=\"cf-btn cf-btn-outline-light\">Chart<\/a>\r\n            <a href=\"#\" class=\"cf-btn cf-btn-outline-light\">Swap Now<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ABOUT SECTION -->\r\n  <section class=\"cf-about\" id=\"about\">\r\n    <div class=\"cf-container cf-grid-2 cf-reveal hidden\" data-reveal>\r\n      <div style=\"display: flex; justify-content: center;\">\r\n        <img decoding=\"async\" src=\"https:\/\/cashfrog.fun\/wp-content\/uploads\/2026\/07\/CF1.gif\" alt=\"CashFrog Animated\" class=\"cf-float-img\" id=\"cf-frog-gif\">\r\n      <\/div>\r\n      <div>\r\n        <p style=\"font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--bg-light); opacity: 0.6; margin-bottom: 0.8rem;\">The Philosophy<\/p>\r\n        <h2>The Anti-Strategy<br><span class=\"italic\">Strategy<\/span><\/h2>\r\n        <p>Meet CashFrog: the swamp\u2019s unlikely millionaire. He never asked for the spotlight, but he got rich anyway. There is no master plan, no complex tokenomics, and definitely no five-year roadmap. CashFrog just jumps from lily pad to lily pad, and somehow, there's always a bag waiting underneath.<\/p>\r\n        <p>Is it skill? Absolutely not. It\u2019s unexplainable, chaotic underdog energy. The universe is simply rigged in his favor. He doesn't flex, he doesn't beg, and he doesn't stress over the charts.<\/p>\r\n        <p style=\"opacity: 0.5; margin-top: 1.5rem;\"><strong>Broke frog. Rich frog. Same frog.<\/strong><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MARQUEE TEXT (Slogans) -->\r\n  <div class=\"cf-marquee\">\r\n    <div class=\"cf-marquee-track\">\r\n      <!-- Grup 1 -->\r\n      <span>He doesn't know how. He just knows how much.<\/span>\r\n      <span>Wrong lily pad. Right fortune.<\/span>\r\n      <span>Broke frog. Rich frog. Same frog.<\/span>\r\n      <span>Ribbit. Repeat. Rich.<\/span>\r\n      <span>Never planned it. Never missed.<\/span>\r\n      <!-- Grup 2 (Duplikasi untuk loop tanpa putus) -->\r\n      <span>He doesn't know how. He just knows how much.<\/span>\r\n      <span>Wrong lily pad. Right fortune.<\/span>\r\n      <span>Broke frog. Rich frog. Same frog.<\/span>\r\n      <span>Ribbit. Repeat. Rich.<\/span>\r\n      <span>Never planned it. Never missed.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- HOW TO BUY SECTION -->\r\n  <section class=\"cf-buy\" id=\"buy\">\r\n    <div class=\"cf-container cf-grid-2 cf-reveal hidden\" data-reveal>\r\n      <div class=\"cf-steps\">\r\n        <h2>Leap Onto the<br><span class=\"italic\">Lily Pad<\/span><\/h2>\r\n        <p style=\"margin-bottom: 1.5rem; opacity: 0.8;\">CashFrog doesn't overthink it, and neither should you. Here is the un-strategic guide to catching the next jump:<\/p>\r\n        \r\n        <div class=\"cf-step\">\r\n          <h3><span class=\"cf-step-num\">01<\/span> Create a Wallet<\/h3>\r\n          <p>Get yourself a crypto wallet. Even a frog needs a secure place to stash the cash.<\/p>\r\n        <\/div>\r\n        <div class=\"cf-step\">\r\n          <h3><span class=\"cf-step-num\">02<\/span> Load It Up<\/h3>\r\n          <p>Fund your wallet with your preferred base token so you're ready to make the leap.<\/p>\r\n        <\/div>\r\n        <div class=\"cf-step\">\r\n          <h3><span class=\"cf-step-num\">03<\/span> Connect & Swap<\/h3>\r\n          <p>Head over to the decentralized exchange (DEX), connect your wallet, and swap for $CashFrog.<\/p>\r\n        <\/div>\r\n        <div class=\"cf-step\">\r\n          <h3><span class=\"cf-step-num\">04<\/span> Stay Unbothered<\/h3>\r\n          <p>Sit back, relax, and let the relentless motion take over. Every dip is just a frog resting.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <img decoding=\"async\" src=\"https:\/\/cashfrog.fun\/wp-content\/uploads\/2026\/07\/Asset-7.png\" alt=\"How to buy CashFrog\" class=\"cf-htb-img\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- JOIN COMMUNITY SECTION -->\r\n  <section class=\"cf-join\" id=\"join\">\r\n    <div class=\"cf-container cf-join-inner cf-reveal hidden\" data-reveal>\r\n      <h2>Welcome to <span class=\"italic\">the Swamp<\/span><\/h2>\r\n      <p style=\"opacity: 0.8; margin-bottom: 2rem;\">The CashFrog community is built on relentless forward motion\u2014we just keep jumping, and we keep showing up, no matter what the market is doing. No desperation, no panic. Just unbothered confidence and a shared belief that the universe owes us a win.<\/p>\r\n      <div style=\"display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\">\r\n        <a href=\"#\" class=\"cf-btn\">Join the Telegram<\/a>\r\n        <a href=\"#\" class=\"cf-btn\" style=\"background: transparent; color: var(--text-dark);\">Follow on X<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"cf-footer\">\r\n    <div class=\"cf-foot-flex\">\r\n      <div>\r\n        <h2 style=\"font-size: 1.25rem; margin-bottom: 0.5rem;\">CashFrog.<\/h2>\r\n        <p style=\"opacity: 0.5; font-size: 0.75rem; max-width: 350px;\">$CashFrog is a memecoin created for entertainment purposes. It has no intrinsic value or expectation of financial return.<\/p>\r\n      <\/div>\r\n      <div class=\"cf-foot-links\">\r\n        <a href=\"#about\">About<\/a>\r\n        <a href=\"#buy\">Buy<\/a>\r\n        <a href=\"#\">Chart<\/a>\r\n        <a href=\"#\">Twitter<\/a>\r\n        <a href=\"#\">Telegram<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"text-align: center; margin-top: 3rem; opacity: 0.3; font-size: 0.7rem;\">\r\n      <p>&copy; <span id=\"year\"><\/span> CashFrog. All rights reserved.<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- TOAST NOTIFICATION -->\r\n  <div class=\"cf-toast\" id=\"toast\">Contract Copied!<\/div>\r\n\r\n  <!-- JAVASCRIPT -->\r\n  <script>\r\n    (() => {\r\n      document.getElementById(\"year\").textContent = new Date().getFullYear();\r\n\r\n      \/\/ --- 1. COPY CA LOGIC ---\r\n      const toast = document.getElementById(\"toast\");\r\n      let toastT;\r\n      document.querySelectorAll(\"[data-copy]\").forEach(b => b.addEventListener(\"click\", () => {\r\n        const caText = document.getElementById('ca-text').innerText;\r\n        if(navigator.clipboard) {\r\n          navigator.clipboard.writeText(caText).catch(()=>{});\r\n        }\r\n        toast.classList.add(\"show\");\r\n        clearTimeout(toastT);\r\n        toastT = setTimeout(() => toast.classList.remove(\"show\"), 2000);\r\n      }));\r\n\r\n      \/\/ --- 2. NAVBAR HIDE ON SCROLL DOWN ---\r\n      const nav = document.getElementById(\"cf-nav\");\r\n      let lastY = 0;\r\n      const onNav = () => {\r\n        const y = window.scrollY;\r\n        nav.classList.toggle(\"hidden\", y > 120 && y > lastY);\r\n        lastY = y;\r\n      };\r\n      window.addEventListener(\"scroll\", onNav, { passive: true });\r\n\r\n      \/\/ --- 3. SCROLL-SCRUBBED VIDEO ---\r\n      document.querySelectorAll(\"[data-scroll-video]\").forEach(v => {\r\n        const container = v.closest(\"section\");\r\n        let target = 0;\r\n        \r\n        const tick = () => {\r\n          if(v.readyState >= 2 && !isNaN(v.duration)) {\r\n            v.currentTime += (target - v.currentTime) * 0.12; \r\n          }\r\n          requestAnimationFrame(tick);\r\n        };\r\n        \r\n        const upd = () => {\r\n          const r = container.getBoundingClientRect();\r\n          const total = r.height - window.innerHeight;\r\n          const p = total > 0 ? Math.min(Math.max(-r.top, 0), total) \/ total : 0;\r\n          if(v.duration) target = p * v.duration;\r\n        };\r\n        \r\n        v.addEventListener(\"loadedmetadata\", () => { v.pause(); upd(); });\r\n        \r\n        \/\/ iOS Hack to ensure video is unlocked for seeking\r\n        const unlock = () => {\r\n          v.play().then(() => v.pause()).catch(()=>{});\r\n          document.removeEventListener(\"touchstart\", unlock);\r\n        };\r\n        document.addEventListener(\"touchstart\", unlock);\r\n\r\n        window.addEventListener(\"scroll\", upd, { passive: true });\r\n        upd(); \r\n        requestAnimationFrame(tick);\r\n      });\r\n\r\n      \/\/ --- 4. STORY PROGRESS (FADING HERO LAYERS) ---\r\n      const story = document.querySelector(\"[data-story]\");\r\n      const hero = story.querySelector(\"[data-hero]\");\r\n      const socials = story.querySelector(\"[data-socials]\");\r\n\r\n      const onStory = () => {\r\n        const r = story.getBoundingClientRect();\r\n        const total = r.height - window.innerHeight;\r\n        const p = total > 0 ? Math.min(Math.max(-r.top, 0), total) \/ total : 0;\r\n        \r\n        \/\/ LAYER 1: Hero Intro (Fades out)\r\n        const heroOp = p < 0.2 ? 1 : (p > 0.4 ? 0 : 1 - (p - 0.2) \/ 0.2);\r\n        hero.style.opacity = heroOp;\r\n        hero.style.transform = `translateY(${-p * 100}px) scale(${1 - p * 0.05})`;\r\n        hero.style.pointerEvents = heroOp > 0.1 ? \"auto\" : \"none\";\r\n\r\n        \/\/ LAYER 2: Socials (Fades in)\r\n        const socIn = p > 0.5;\r\n        const socOp = p < 0.5 ? 0 : (p > 0.7 ? 1 : (p - 0.5) \/ 0.2);\r\n        socials.style.opacity = socOp;\r\n        socials.style.transform = `translateY(${(1 - socOp) * 40}px)`;\r\n        socials.style.pointerEvents = socIn ? \"auto\" : \"none\";\r\n      };\r\n      window.addEventListener(\"scroll\", onStory, { passive: true });\r\n      onStory();\r\n\r\n      \/\/ --- 5. INTERSECTION OBSERVER REVEALS ---\r\n      const io = new IntersectionObserver(es => es.forEach(e => {\r\n        if(e.isIntersecting) {\r\n          e.target.classList.remove(\"hidden\");\r\n          io.unobserve(e.target);\r\n        }\r\n      }), { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\r\n      document.querySelectorAll(\"[data-reveal]\").forEach(el => io.observe(el));\r\n\r\n      \/\/ --- 6. FLOATING ANIMATION FOR FROG GIF ---\r\n      const frog = document.getElementById(\"cf-frog-gif\");\r\n      let t = 0;\r\n      (function loop() {\r\n        t += 0.03;\r\n        const f = Math.sin(t) * 10; \r\n        frog.style.transform = `translateY(${f}px)`;\r\n        requestAnimationFrame(loop);\r\n      })();\r\n    })();\r\n  <\/script>\r\n<\/div>\t\t<\/div>\n\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>CashFrog. About How to Buy Community Get $CashFrog Wrong Lily Pad.Right Fortune. No strategy. No whitepaper. Just an unbothered frog that keeps landing on cash. Hop in and catch the luck. 0x000000000000000000000000000000000000dead COPY CA Social Links Connect with the luckiest swamp on the internet. Twitter \/ X Telegram Chart Swap Now The Philosophy The Anti-StrategyStrategy [&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:\/\/cashfrog.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cashfrog.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cashfrog.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cashfrog.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cashfrog.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":28,"href":"https:\/\/cashfrog.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/cashfrog.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/cashfrog.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}