{"id":8,"date":"2026-08-12T02:43:52","date_gmt":"2026-08-12T02:43:52","guid":{"rendered":"https:\/\/toadbf.site\/?page_id=8"},"modified":"2026-08-12T05:43:05","modified_gmt":"2026-08-12T05:43:05","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/toadbf.site\/","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-eef1be4 e-con-full e-flex e-con e-parent\" data-id=\"eef1be4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af242d8 elementor-widget elementor-widget-html\" data-id=\"af242d8\" 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>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n    <meta\n      name=\"description\"\n      content=\"TOADBF \u2014 the ultimate girlboss toad bringing cute, stylish, chaotic meme energy to crypto.\"\n    \/>\n    <title>TOADBF \u2014 The Meme Pond Is Hers<\/title>\n    <style>\n      @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,600;6..96,700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap\");\n\n      :root {\n        --ink: #24101c;\n        --deep: #3a1029;\n        --rose: #ff3f8e;\n        --hot: #e91669;\n        --pink: #ffd0e3;\n        --blush: #fff0f6;\n        --cream: #fff9f3;\n        --lime: #ff74b5;\n        --line: rgba(23, 17, 21, 0.16);\n        --mono: \"IBM Plex Mono\", monospace;\n        --sans: \"Manrope\", Arial, sans-serif;\n        --display: \"Syne\", Arial, sans-serif;\n        --serif: \"Bodoni Moda\", Georgia, serif;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      html {\n        scroll-behavior: smooth;\n      }\n\n      body {\n        margin: 0;\n        background: var(--ink);\n        color: var(--ink);\n        font-family: var(--sans);\n        overflow-x: hidden;\n      }\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n\n      button {\n        color: inherit;\n        font: inherit;\n      }\n\n      .site-nav {\n        position: fixed;\n        z-index: 20;\n        top: 20px;\n        left: 50%;\n        display: flex;\n        width: min(1100px, calc(100% - 36px));\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 12px 10px 18px;\n        border: 1px solid rgba(255, 208, 227, 0.45);\n        border-radius: 4px;\n        color: #fff;\n        background: rgba(58, 16, 41, 0.82);\n        box-shadow: 7px 7px 0 rgba(255, 116, 181, 0.55);\n        transform: translateX(-50%);\n      }\n\n      .wordmark {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-family: var(--serif);\n        font-size: 18px;\n        font-weight: 700;\n        letter-spacing: -0.04em;\n      }\n\n      .wordmark-dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        background: var(--pink);\n        box-shadow: 0 0 18px rgba(255, 208, 227, 0.8);\n      }\n      p{\n          font-weight: 700 !important;\n          opacity: 1 !important;\n      }\n\n      .nav-links {\n        display: flex;\n        align-items: center;\n        gap: 26px;\n        color: rgba(255, 255, 255, 0.74);\n        font-family: var(--mono);\n        font-size: 16px;\n        font-weight: 700;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n      }\n\n      .nav-links a {\n        transition: color 180ms ease;\n      }\n\n      .nav-links a:hover {\n        color: var(--lime);\n      }\n\n      .nav-pill {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 9px 14px;\n        border-radius: 2px;\n        color: var(--ink);\n        background: var(--pink);\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        transition: transform 180ms ease, box-shadow 180ms ease;\n      }\n\n      .nav-pill:hover {\n        box-shadow: 0 8px 22px rgba(255, 208, 227, 0.3);\n        transform: translateY(-2px);\n      }\n\n      .hero,\n      .about,\n      .meme,\n      .final-cta {\n        position: relative;\n        min-height: 100svh;\n        overflow: hidden;\n        isolation: isolate;\n      }\n\n      .hero {\n        display: flex;\n        align-items: flex-end;\n        padding: 116px clamp(22px, 5vw, 76px) 52px;\n        color: #fff;\n        background:\n          linear-gradient(180deg, rgba(101, 13, 59, 0.08) 28%, rgba(45, 5, 28, 0.8) 100%),\n          url(\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/bg1.png\") center \/ cover no-repeat;\n      }\n\n      .hero::before {\n        position: absolute;\n        z-index: -1;\n        top: 23%;\n        right: 4%;\n        width: 23vw;\n        height: 23vw;\n        min-width: 180px;\n        min-height: 180px;\n        border: 1px solid rgba(255, 208, 227, 0.65);\n        border-radius: 50%;\n        content: \"\";\n        opacity: 0.55;\n      }\n\n      .hero-content {\n        display: flex;\n        width: 100%;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 40px;\n      }\n\n      .hero-copy {\n        max-width: 590px;\n      }\n\n      .eyebrow {\n        display: flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 18px;\n        color: var(--pink);\n        font-family: var(--mono);\n        font-size: 11px;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n      }\n\n      .eyebrow::before {\n        width: 30px;\n        height: 1px;\n        background: currentColor;\n        content: \"\";\n      }\n\n      h1,\n      h2,\n      h3,\n      p {\n        margin-top: 0;\n      }\n\n      h1 {\n        max-width: 650px;\n        margin-bottom: 22px;\n        font-family: var(--serif);\n        font-size: clamp(60px, 11vw, 156px);\n        font-weight: 700;\n        letter-spacing: -0.105em;\n        line-height: 0.72;\n        text-shadow: 10px 10px 0 rgba(233, 22, 105, 0.55);\n      }\n\n      .hero-tagline {\n        max-width: 470px;\n        margin-bottom: 0;\n        color: rgba(255, 255, 255, 0.78);\n        font-size: clamp(16px, 1.6vw, 22px);\n        line-height: 1.45;\n      }\n\n      .hero-side {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 18px;\n        text-align: right;\n      }\n\n      .ticker {\n        color: var(--pink);\n        font-family: var(--mono);\n        font-size: 13px;\n        letter-spacing: 0.14em;\n      }\n\n      .copy-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        min-width: 220px;\n        padding: 17px 21px;\n        border: 1px solid transparent;\n        border-radius: 2px;\n        cursor: pointer;\n        background: var(--rose);\n        color: #fff;\n        font-family: var(--mono);\n        font-size: 11px;\n        font-weight: 500;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        transition: background 180ms ease, color 180ms ease, transform 180ms ease;\n      }\n\n      .copy-button:hover {\n        background: var(--pink);\n        color: var(--ink);\n        transform: translateY(-3px) rotate(-1deg);\n      }\n\n      .copy-icon {\n        display: inline-block;\n        width: 13px;\n        height: 13px;\n        border: 1px solid currentColor;\n        position: relative;\n      }\n\n      .copy-icon::before {\n        position: absolute;\n        top: -4px;\n        left: -4px;\n        width: 11px;\n        height: 11px;\n        border: 1px solid currentColor;\n        content: \"\";\n      }\n\n      .small-note {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.55);\n        font-family: var(--mono);\n        font-size: 9px;\n        letter-spacing: 0.06em;\n        text-transform: uppercase;\n      }\n\n      .section-mark {\n        position: absolute;\n        top: 32px;\n        left: clamp(22px, 5vw, 76px);\n        color: currentColor;\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n      }\n\n      .about {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        padding: 100px clamp(22px, 10vw, 160px) 90px clamp(22px, 5vw, 76px);\n        background:\n          linear-gradient(90deg, rgba(119, 17, 69, 0.1) 0%, rgba(54, 8, 35, 0.2) 42%, rgba(35, 5, 22, 0.91) 100%),\n          url(\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/bg2.png\") center \/ cover no-repeat;\n      }\n\n      .about::after {\n        position: absolute;\n        z-index: -1;\n        right: 6%;\n        bottom: 9%;\n        width: 80px;\n        height: 80px;\n        border: 1px solid var(--pink);\n        border-radius: 50%;\n        box-shadow: 0 0 0 10px rgba(255, 208, 227, 0.1), 0 0 0 20px rgba(255, 208, 227, 0.05);\n        content: \"\";\n      }\n\n      .about-copy {\n        width: min(560px, 100%);\n        padding: clamp(26px, 4vw, 56px) 0;\n        border-top: 1px solid rgba(255, 208, 227, 0.6);\n        border-bottom: 1px solid rgba(255, 208, 227, 0.6);\n        color: #fff;\n        transform: translateY(5vh);\n      }\n\n      .about-copy .eyebrow {\n        color: var(--pink);\n      }\n\n      .about h2,\n      .meme h2,\n      .final-cta h2 {\n        margin-bottom: 24px;\n        font-family: var(--display);\n        font-size: clamp(42px, 6vw, 88px);\n        letter-spacing: -0.085em;\n        line-height: 0.9;\n      }\n\n      .about h2 span {\n        color: var(--pink);\n        font-family: var(--serif);\n        font-style: italic;\n      }\n\n      .about p {\n        max-width: 430px;\n        margin-bottom: 32px;\n        color: rgba(255, 255, 255, 0.76);\n        font-size: 17px;\n        line-height: 1.6;\n      }\n\n      .about-stamp {\n        display: inline-block;\n        padding: 11px 14px;\n        border: 1px solid var(--rose);\n        color: var(--pink);\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n        transform: rotate(-3deg) translateX(12px);\n      }\n\n      .gallery {\n        min-height: 100svh;\n        padding: 112px 0 98px;\n        overflow: hidden;\n        color: var(--ink);\n        background:\n          radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.8) 0 5%, transparent 5.2%),\n          radial-gradient(circle at 13% 78%, rgba(233, 22, 105, 0.17) 0 13%, transparent 13.2%),\n          var(--pink);\n      }\n\n      .gallery-head {\n        display: flex;\n        width: min(1260px, calc(100% - 44px));\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 30px;\n        margin: 0 auto 45px;\n      }\n\n      .gallery h2 {\n        max-width: 560px;\n        margin: 0;\n        font-family: var(--serif);\n        font-size: clamp(46px, 7vw, 100px);\n        letter-spacing: -0.085em;\n        line-height: 0.86;\n      }\n\n      .gallery-intro {\n        width: 250px;\n        margin: 0 0 5px;\n        font-family: var(--mono);\n        font-size: 10px;\n        line-height: 1.6;\n        text-transform: uppercase;\n      }\n\n      .gallery-stage {\n        position: relative;\n        width: min(1260px, calc(100% - 44px));\n        height: min(66vw, 650px);\n        min-height: 430px;\n        margin: 0 auto 58px;\n      }\n\n      .gallery-stage::before {\n        position: absolute;\n        top: 4%;\n        left: 10%;\n        width: 42%;\n        height: 80%;\n        border: 1px solid var(--hot);\n        content: \"\";\n        transform: rotate(9deg);\n      }\n\n      .featured-frame {\n        position: absolute;\n        z-index: 2;\n        top: 2%;\n        left: 9%;\n        width: min(43%, 510px);\n        height: 87%;\n        \/*overflow: hidden;*\/\n        border: 14px solid var(--cream);\n        box-shadow: 20px 24px 0 var(--ink);\n        transform: rotate(-5deg);\n      }\n\n      .featured-frame::after {\n        position: absolute;\n        inset: 0;\n        border: 1px solid rgba(23, 17, 21, 0.4);\n        content: \"\";\n        pointer-events: none;\n      }\n\n      .featured-frame img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n      }\n\n      .gallery-label {\n        position: absolute;\n        z-index: 3;\n        top: 15%;\n        left: 47%;\n        padding: 12px 15px;\n        background: var(--rose);\n        color: #fff;\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n        transform: rotate(-8deg);\n      }\n\n      .gallery-label.right {\n        top: auto;\n        right: 9%;\n        bottom: 13%;\n        left: auto;\n        background: var(--deep);\n        color: var(--pink);\n        transform: rotate(7deg);\n      }\n\n      .marquee-shell {\n        position: relative;\n        width: 112%;\n        left: -6%;\n        padding: 10px 0;\n        overflow: hidden;\n        border-top: 1px solid var(--ink);\n        border-bottom: 1px solid var(--ink);\n        background: rgba(255, 255, 255, 0.23);\n        transform: rotate(1.6deg);\n      }\n\n      .marquee-track {\n        display: flex;\n        width: max-content;\n        gap: 12px;\n        animation: run 36s linear infinite;\n      }\n\n      .marquee-shell:hover .marquee-track {\n        animation-play-state: paused;\n      }\n\n      .marquee-card {\n        width: 150px;\n        height: 112px;\n        flex: 0 0 auto;\n        overflow: hidden;\n        border: 3px solid var(--ink);\n        background: var(--cream);\n      }\n\n      .marquee-card img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n      }\n\n      @keyframes run {\n        to {\n          transform: translateX(-50%);\n        }\n      }\n\n      .meme {\n        display: flex;\n        align-items: center;\n        padding: 100px clamp(22px, 7vw, 120px);\n        color: var(--ink);\n        background:\n          linear-gradient(90deg, rgba(255, 220, 235, 0.96) 0%, rgba(255, 220, 235, 0.82) 35%, rgba(255, 220, 235, 0.13) 70%, rgba(255, 220, 235, 0.04) 100%),\n          url(\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/bg4.png\") center \/ cover no-repeat;\n      }\n\n      .meme .section-mark {\n        color: var(--ink);\n      }\n\n      .meme-copy {\n        position: relative;\n        z-index: 1;\n        width: min(570px, 100%);\n        transform: rotate(-2deg);\n      }\n\n      .meme-copy::before {\n        position: absolute;\n        z-index: -1;\n        top: -40px;\n        left: -35px;\n        width: 115px;\n        height: 115px;\n        border: 2px solid var(--hot);\n        border-radius: 48% 52% 41% 59%;\n        content: \"\";\n        transform: rotate(20deg);\n      }\n\n      .meme h2 {\n        max-width: 540px;\n        margin-bottom: 22px;\n        font-family: var(--display);\n        font-size: clamp(47px, 7vw, 103px);\n        font-weight: 800;\n        text-transform: uppercase;\n      }\n\n      .meme h2 em {\n        color: var(--hot);\n        font-style: normal;\n      }\n\n      .meme p {\n        max-width: 440px;\n        margin-bottom: 34px;\n        font-size: 18px;\n        line-height: 1.55;\n      }\n\n      .meme-list {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 9px;\n      }\n\n      .meme-list span {\n        padding: 10px 13px;\n        border: 1px solid var(--ink);\n        border-radius: 2px;\n        background: rgba(255, 255, 255, 0.32);\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        transition: color 180ms ease, background 180ms ease, transform 180ms ease;\n      }\n\n      .meme-list span:hover {\n        color: #fff;\n        background: var(--hot);\n        transform: rotate(-3deg);\n      }\n\n      .meme-side-note {\n        position: absolute;\n        right: 7%;\n        bottom: 13%;\n        max-width: 160px;\n        padding: 14px;\n        border: 1px solid var(--ink);\n        background: var(--rose);\n        color: #fff;\n        font-family: var(--mono);\n        font-size: 9px;\n        line-height: 1.5;\n        text-transform: uppercase;\n        transform: rotate(7deg);\n      }\n\n      .final-cta {\n        display: flex;\n        align-items: center;\n        padding: 100px clamp(22px, 7vw, 120px);\n        color: #fff;\n        background:\n          linear-gradient(90deg, rgba(58, 16, 41, 0.97) 0%, rgba(58, 16, 41, 0.78) 37%, rgba(58, 16, 41, 0.08) 76%),\n          url(\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/bg5.png\") center \/ cover no-repeat;\n      }\n\n      .final-cta::before {\n        position: absolute;\n        right: 9%;\n        bottom: 12%;\n        width: 125px;\n        height: 125px;\n        border: 1px solid rgba(255, 208, 227, 0.75);\n        border-radius: 50%;\n        content: \"\";\n        box-shadow: 0 0 0 15px rgba(255, 208, 227, 0.1), 0 0 0 30px rgba(255, 208, 227, 0.05);\n      }\n\n      .final-copy {\n        width: min(600px, 100%);\n      }\n\n      .final-cta .eyebrow {\n        color: var(--lime);\n      }\n\n      .final-cta h2 {\n        max-width: 680px;\n        margin-bottom: 22px;\n        font-family: var(--serif);\n        font-size: clamp(55px, 8.7vw, 128px);\n      }\n\n      .final-cta h2 span {\n        color: var(--pink);\n      }\n\n      .final-cta p {\n        max-width: 400px;\n        margin-bottom: 34px;\n        color: rgba(255, 255, 255, 0.72);\n        font-size: 17px;\n        line-height: 1.55;\n      }\n\n      .final-cta .copy-button {\n        color: var(--ink);\n        background: var(--rose);\n        color: #fff;\n      }\n\n      .final-cta .copy-button:hover {\n        color: var(--ink);\n        background: var(--pink);\n      }\n\n      .footer-line {\n        display: flex;\n        width: min(600px, 100%);\n        align-items: center;\n        justify-content: space-between;\n        gap: 20px;\n        margin-top: 80px;\n        padding-top: 16px;\n        border-top: 1px solid rgba(255, 255, 255, 0.22);\n        color: rgba(255, 255, 255, 0.5);\n        font-family: var(--mono);\n        font-size: 9px;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n      }\n\n      .reveal {\n        opacity: 0;\n        transform: translateY(22px);\n        transition: opacity 700ms ease, transform 700ms ease;\n      }\n\n      .reveal.visible {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      .toast {\n        position: fixed;\n        z-index: 30;\n        right: 20px;\n        bottom: 20px;\n        max-width: calc(100% - 40px);\n        padding: 12px 16px;\n        border: 1px solid var(--ink);\n        color: var(--ink);\n        background: var(--lime);\n        box-shadow: 5px 5px 0 var(--ink);\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.05em;\n        opacity: 0;\n        pointer-events: none;\n        transform: translateY(15px);\n        transition: opacity 180ms ease, transform 180ms ease;\n      }\n\n      .toast.show {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      @media (max-width: 720px) {\n        .site-nav {\n          top: 12px;\n          width: calc(100% - 24px);\n        }\n\n        .nav-links {\n          display: none;\n        }\n\n        .hero,\n        .about,\n        .meme,\n        .final-cta {\n          min-height: 780px;\n        }\n\n        .hero {\n          padding: 104px 22px 34px;\n        }\n\n        .hero-content {\n          display: block;\n        }\n\n        h1 {\n          font-size: clamp(67px, 21vw, 115px);\n        }\n\n        .hero-side {\n          align-items: flex-start;\n          margin-top: 38px;\n          text-align: left;\n        }\n\n        .hero-side .small-note {\n          order: 2;\n        }\n\n        .about {\n          align-items: flex-end;\n          padding: 90px 22px 34px;\n          background-position: 31% center;\n        }\n\n        .about-copy {\n          padding: 27px 22px;\n        }\n\n        .about h2 {\n          font-size: clamp(46px, 15vw, 76px);\n        }\n\n        .gallery {\n          padding-top: 96px;\n        }\n\n        .gallery-head {\n          display: block;\n        }\n\n        .gallery-intro {\n          width: 100%;\n          margin-top: 20px;\n        }\n\n        .gallery-stage {\n          height: 540px;\n          min-height: 0;\n        }\n\n        .featured-frame {\n          width: 76%;\n          border-width: 9px;\n          box-shadow: 13px 16px 0 var(--ink);\n        }\n\n        .gallery-label {\n          left: 0;\n        }\n\n        .gallery-label.right {\n          right: 0;\n        }\n\n        .marquee-card {\n          width: 120px;\n          height: 94px;\n        }\n\n        .meme {\n          align-items: flex-end;\n          padding: 100px 22px 55px;\n          background-position: 62% center;\n        }\n\n        .meme-side-note {\n          right: 8%;\n          bottom: 15%;\n          max-width: 130px;\n        }\n\n        .meme h2 {\n          font-size: clamp(52px, 16vw, 92px);\n        }\n\n        .final-cta {\n          align-items: flex-end;\n          padding: 100px 22px 36px;\n          background-position: 63% center;\n        }\n\n        .final-cta h2 {\n          font-size: clamp(61px, 18vw, 105px);\n        }\n\n        .footer-line {\n          margin-top: 70px;\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        html {\n          scroll-behavior: auto;\n        }\n\n        *,\n        *::before,\n        *::after {\n          animation-duration: 0.01ms !important;\n          animation-iteration-count: 1 !important;\n          transition-duration: 0.01ms !important;\n        }\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <nav class=\"site-nav\" aria-label=\"Main navigation\">\n      <a class=\"wordmark\" href=\"#top\" aria-label=\"TOADBF home\">\n        <span class=\"wordmark-dot\" aria-hidden=\"true\"><\/span>\n        TOADBF\n      <\/a>\n      <div class=\"nav-links\">\n        <a href=\"#story\">Story<\/a>\n        <a href=\"#gallery\">Pond<\/a>\n        <a href=\"#meme\">Energy<\/a>\n      <\/div>\n      <a class=\"nav-pill\" href=\"#join\">Get in the pond <span aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/nav>\n\n    <main id=\"top\">\n      <section class=\"hero\" aria-labelledby=\"hero-title\">\n        <span class=\"section-mark\">01 \/ meet the toad<\/span>\n        <div class=\"hero-content\">\n          <div class=\"hero-copy reveal\">\n            <div class=\"eyebrow\">The pond's new power player<\/div>\n            <h1 id=\"hero-title\">TOAD<br \/>BF.<\/h1>\n            <p class=\"hero-tagline\">\n              Big dreams. Pink vibes. Zero permission asked.\n              The ultimate girlboss toad has entered the chat.\n            <\/p>\n          <\/div>\n          <div class=\"hero-side reveal\">\n            <div class=\"ticker\">$TOADBF \/ 100% amphibious ambition<\/div>\n            <button class=\"copy-button js-copy\" type=\"button\" data-copy=\"TOADBF_CONTRACT_ADDRESS\">\n              <span class=\"copy-icon\" aria-hidden=\"true\"><\/span>\n              Copy CA\n            <\/button>\n            <p class=\"small-note\">Contract address placeholder \u00b7 update in the script<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"about\" id=\"story\" aria-labelledby=\"story-title\">\n        <span class=\"section-mark\">02 \/ the origin story<\/span>\n        <div class=\"about-copy reveal\">\n          <div class=\"eyebrow\">Nice to meet her<\/div>\n          <h2 id=\"story-title\">She came to <span>run<\/span> the pond.<\/h2>\n          <p>\n            TOADBF is cute, chaotic, and entirely in charge. She is not here\n            to blend in with the lily pads \u2014 she is here to make the whole\n            pond her playground, one stylish hop at a time.\n          <\/p>\n          <div class=\"about-stamp\">Girlboss certified \/ pond approved<\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"gallery\" id=\"gallery\" aria-labelledby=\"gallery-title\">\n        <span class=\"section-mark\">03 \/ the pond archive<\/span>\n        <div class=\"gallery-head reveal\">\n          <h2 id=\"gallery-title\">A little<br \/>character.<\/h2>\n          <p class=\"gallery-intro\">\n            Curated proof that the meme pond has never looked this good.\n            Hover the archive to slow her down.\n          <\/p>\n        <\/div>\n        <div class=\"gallery-stage reveal\">\n          <div class=\"gallery-label\">featured toad \/ 001<\/div>\n          <div class=\"gallery-label right\">cute is a strategy<\/div>\n          <figure class=\"featured-frame\">\n            <img decoding=\"async\"\n              src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/featured3.png\"\n              alt=\"Featured TOADBF character artwork\"\n            \/>\n          <\/figure>\n        <\/div>\n        <div class=\"marquee-shell\" aria-label=\"TOADBF character gallery\">\n          <div class=\"marquee-track\">\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg1.png\" alt=\"TOADBF gallery artwork 1\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg2.png\" alt=\"TOADBF gallery artwork 2\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg3.png\" alt=\"TOADBF gallery artwork 3\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg4.png\" alt=\"TOADBF gallery artwork 4\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg5.png\" alt=\"TOADBF gallery artwork 5\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg6.png\" alt=\"TOADBF gallery artwork 6\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg7.png\" alt=\"TOADBF gallery artwork 7\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg8.png\" alt=\"TOADBF gallery artwork 8\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg9.png\" alt=\"TOADBF gallery artwork 9\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg10.png\" alt=\"TOADBF gallery artwork 10\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg1.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg2.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg3.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg4.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg5.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg6.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg7.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg8.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg9.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n            <div class=\"marquee-card\"><img decoding=\"async\" src=\"http:\/\/toadbf.site\/wp-content\/uploads\/2026\/08\/galimg10.png\" alt=\"\" aria-hidden=\"true\" \/><\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <section class=\"meme\" id=\"meme\" aria-labelledby=\"meme-title\">\n        <span class=\"section-mark\">04 \/ personality check<\/span>\n        <div class=\"meme-copy reveal\">\n          <div class=\"eyebrow\">Not financial advice \/ definitely a mood<\/div>\n          <h2 id=\"meme-title\">Cute face.<br \/><em>Chaotic<\/em> agenda.<\/h2>\n          <p>\n            She has a skincare routine, a five-year plan, and absolutely no\n            interest in explaining herself. TOADBF does not chase the trend.\n            She puts on gloss and becomes the trend.\n          <\/p>\n          <div class=\"meme-list\" aria-label=\"TOADBF personality traits\">\n            <span>bold moves<\/span>\n            <span>soft launch<\/span>\n            <span>main character<\/span>\n            <span>pond energy<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"meme-side-note\">Reminder: the lily pad is not a boardroom.<\/div>\n      <\/section>\n\n      <section class=\"final-cta\" id=\"join\" aria-labelledby=\"join-title\">\n        <span class=\"section-mark\">05 \/ make the leap<\/span>\n        <div class=\"final-copy reveal\">\n          <div class=\"eyebrow\">Your sign to get amphibious<\/div>\n          <h2 id=\"join-title\">Meet me in the <span>pond.<\/span><\/h2>\n          <p>\n            Bring your biggest dreams and your best pink. $TOADBF is where\n            cute chaos gets a seat at the table.\n          <\/p>\n          <button class=\"copy-button js-copy\" type=\"button\" data-copy=\"TOADBF_CONTRACT_ADDRESS\">\n            <span class=\"copy-icon\" aria-hidden=\"true\"><\/span>\n            Copy contract address\n          <\/button><br><br>\n          <a class=\"copy-button js-copy\" href=\"\">\n            Telegram\n          <\/a>\n          <a class=\"copy-button js-copy\" href=\"\">\n            Twitter\n          <\/a>\n          <div class=\"footer-line\">\n            <span>$TOADBF \/ stay stylish<\/span>\n            <span>\u00a9 2026 TOADBF<\/span>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <div class=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n    <script>\n      const toast = document.querySelector(\".toast\");\n      let toastTimer;\n\n      function showToast(message) {\n        toast.textContent = message;\n        toast.classList.add(\"show\");\n        window.clearTimeout(toastTimer);\n        toastTimer = window.setTimeout(() => toast.classList.remove(\"show\"), 2600);\n      }\n\n      document.querySelectorAll(\".js-copy\").forEach((button) => {\n        button.addEventListener(\"click\", async () => {\n          const value = button.dataset.copy;\n          try {\n            await navigator.clipboard.writeText(value);\n            showToast(\"Contract address copied\");\n          } catch (error) {\n            const input = document.createElement(\"input\");\n            input.value = value;\n            document.body.appendChild(input);\n            input.select();\n            document.execCommand(\"copy\");\n            input.remove();\n            showToast(\"Contract address copied\");\n          }\n        });\n      });\n\n      const revealObserver = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"visible\");\n              revealObserver.unobserve(entry.target);\n            }\n          });\n        },\n        { threshold: 0.13 }\n      );\n\n      document.querySelectorAll(\".reveal\").forEach((element) => revealObserver.observe(element));\n    <\/script>\n  <\/body>\n<\/html>\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>TOADBF \u2014 The Meme Pond Is Hers TOADBF Story Pond Energy Get in the pond \u2197 01 \/ meet the toad The pond&#8217;s new power player TOADBF. Big dreams. Pink vibes. Zero permission asked. The ultimate girlboss toad has entered the chat. $TOADBF \/ 100% amphibious ambition Copy CA Contract address placeholder \u00b7 update in [&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:\/\/toadbf.site\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toadbf.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toadbf.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toadbf.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toadbf.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":43,"href":"https:\/\/toadbf.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/toadbf.site\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/toadbf.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}