{"id":9,"date":"2026-06-30T16:42:45","date_gmt":"2026-06-30T16:42:45","guid":{"rendered":"https:\/\/oneofonefloorboss.online\/?page_id=9"},"modified":"2026-06-30T18:14:06","modified_gmt":"2026-06-30T18:14:06","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/oneofonefloorboss.online\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b56d3c0 e-con-full e-flex e-con e-parent\" data-id=\"b56d3c0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-773568d elementor-widget elementor-widget-html\" data-id=\"773568d\" 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.0\">\n    <title>One of One Floor Boss | $TJR<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;700&family=Syne:wght@400;700;800&display=swap');\n\n        \/* GLOBAL RESET & VARIABLES *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary: #ffd700;\n            --accent: #ff4500;\n            --dark: #050505;\n            --light: #ffffff;\n            \/* Heavy text shadow to ensure readability on raw images without dark boxes *\/\n            --hard-shadow: 0 4px 10px rgba(0,0,0,0.9), 0 10px 30px rgba(0,0,0,0.9), 0 0 5px #000, 0 0 2px #000;\n        }\n\n        body {\n            font-family: 'Syne', sans-serif;\n            color: var(--light);\n            background-color: var(--dark);\n            overflow-x: hidden;\n            \n            \/* FIXED BACKGROUND *\/\n            background-image: url('http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/bgfixed.jpg');\n            background-attachment: fixed;\n            background-position: center;\n            background-size: cover;\n            background-repeat: no-repeat;\n        }\n\n        ::selection {\n            background: var(--primary);\n            color: var(--dark);\n        }\n\n        \/* BIG RAIN EFFECT *\/\n        .rain-container {\n            position: fixed;\n            top: 0;\n            width: 150px;\n            height: 100vh;\n            pointer-events: none;\n            z-index: 9999;\n            \/*overflow: hidden;*\/\n        }\n        .rain-left { left: 0; }\n        .rain-right { right: 0; }\n        .rain-drop {\n            position: absolute;\n            opacity: 0.9;\n            animation: fall linear infinite;\n            filter: drop-shadow(0 10px 15px rgba(255, 215, 0, 0.8));\n        }\n\n        @keyframes fall {\n            0% { transform: translateY(-150px) rotate(0deg); opacity: 0; }\n            5% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }\n        }\n\n        \/* MAIN CONTAINER *\/\n        main {\n            position: relative;\n            max-width: 1800px;\n            margin: 0 auto;\n            padding: 2vw;\n            z-index: 10;\n        }\n\n        \/* =========================================\n           SECTION 1: THE ARRIVAL (HERO)\n           ========================================= *\/\n        #hero {\n            min-height: 90vh;\n            display: flex;\n            align-items: center;\n            margin-bottom: 8vh;\n        }\n\n        .hero-wrapper {\n            position: relative;\n            width: 100%;\n            height: 85vh;\n            border-radius: 40px;\n            background-image: url('http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/bg1-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            \/* NO OVERLAYS. Just a box shadow for the container edges *\/\n            box-shadow: 0 40px 100px rgba(0,0,0,1);\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            padding: 5vw;\n            overflow: hidden;\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            width: 100%;\n            \/* NO bg colors, NO blur *\/\n        }\n\n        .hero-ticker {\n            font-family: 'Oswald', sans-serif;\n            font-size: clamp(3rem, 7vw, 9rem);\n            font-weight: 700;\n            line-height: 0.85;\n            color: var(--primary);\n            text-transform: uppercase;\n            text-shadow: var(--hard-shadow);\n            letter-spacing: -0.03em;\n            position: relative;\n            z-index: 2;\n            margin-bottom: 20px;\n        }\n\n        .hero-title {\n            width: 50%;\n            font-size: clamp(1.8rem, 4vw, 3rem);\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            color: var(--light);\n            text-shadow: var(--hard-shadow);\n            margin-bottom: 3rem;\n            max-width: 800px;\n        }\n\n        \/* CONTRACT ADDRESS COMPONENT *\/\n        .ca-container {\n            display: inline-flex;\n            align-items: center;\n            background: var(--primary);\n            border-radius: 50px;\n            padding: 0.5rem 0.5rem 0.5rem 2rem;\n            box-shadow: 0 15px 30px rgba(0,0,0,0.8);\n            cursor: pointer;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .ca-container:hover {\n            transform: scale(1.02) translateY(-2px);\n            box-shadow: 0 20px 40px rgba(255, 215, 0, 0.4);\n        }\n\n        .ca-label {\n            font-family: 'Oswald', sans-serif;\n            color: var(--dark);\n            font-weight: 700;\n            font-size: 1.2rem;\n            margin-right: 1.5rem;\n            text-transform: uppercase;\n        }\n\n        .ca-btn {\n            background: var(--dark);\n            color: var(--primary);\n            border: none;\n            padding: 1rem 2rem;\n            border-radius: 40px;\n            font-family: 'Oswald', sans-serif;\n            font-weight: 700;\n            font-size: 1.2rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .ca-container:hover .ca-btn {\n            background: var(--light);\n            color: var(--dark);\n        }\n\n        \/* =========================================\n           SECTION 2: THE MANIFESTO (STAGGERED TYPOGRAPHY)\n           ========================================= *\/\n        #manifesto {\n            min-height: 80vh;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            padding: 10vw 0;\n            position: relative;\n        }\n\n        .manifesto-headline {\n            font-family: 'Oswald', sans-serif;\n            font-size: clamp(3rem, 9vw, 9rem);\n            line-height: 0.9;\n            text-transform: uppercase;\n            color: var(--light);\n            text-shadow: var(--hard-shadow);\n            margin-bottom: 4rem;\n            width: 100%;\n        }\n\n        .manifesto-headline span {\n            color: var(--primary);\n            display: block;\n            margin-left: 10vw;\n        }\n\n        .manifesto-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 5vw;\n            padding: 0 5vw;\n        }\n\n        .manifesto-text {\n            font-size: clamp(1.2rem, 2.5vw, 2rem);\n            line-height: 1.5;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--light);\n            text-shadow: var(--hard-shadow);\n        }\n\n        .manifesto-text p {\n            margin-bottom: 2rem;\n        }\n\n        @media (max-width: 900px) {\n            .manifesto-grid {\n                grid-template-columns: 1fr;\n            }\n            .manifesto-headline span {\n                margin-left: 0;\n            }\n        }\n\n        \/* =========================================\n           SECTION 3: VISUAL EVIDENCE (UNIFORM GALLERY)\n           ========================================= *\/\n        #gallery {\n            padding: 10vh 0;\n            position: relative;\n        }\n\n        .gallery-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-end;\n            margin-bottom: 5vh;\n            padding: 0 2vw;\n            border-bottom: 4px solid var(--primary);\n            padding-bottom: 1rem;\n        }\n\n        .gallery-title {\n            font-family: 'Oswald', sans-serif;\n            font-size: clamp(3rem, 7vw, 6rem);\n            font-weight: 700;\n            text-transform: uppercase;\n            color: var(--light);\n            text-shadow: var(--hard-shadow);\n            line-height: 1;\n        }\n\n        .gallery-count {\n            font-size: 2rem;\n            font-weight: 800;\n            color: var(--primary);\n            text-shadow: var(--hard-shadow);\n        }\n\n        .uniform-gallery {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 1.5rem;\n            padding: 0 2vw;\n        }\n\n        .gallery-item {\n            aspect-ratio: 1\/1;\n            border-radius: 0; \/* Sharp, aggressive edges *\/\n            overflow: hidden;\n            position: relative;\n            box-shadow: 0 15px 30px rgba(0,0,0,0.9);\n            transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n            background: #000;\n        }\n\n        .gallery-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: all 0.5s ease;\n            filter: contrast(1.1) saturate(1.2);\n        }\n\n        .gallery-item:hover {\n            transform: scale(1.05);\n            z-index: 10;\n            box-shadow: 0 25px 50px rgba(255, 215, 0, 0.2);\n        }\n\n        .gallery-item:hover img {\n            transform: scale(1.1);\n        }\n\n        \/* =========================================\n           SECTION 4: THE ALPHA (EXPANDED CONTENT)\n           ========================================= *\/\n        #alpha {\n            padding: 15vh 0;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            gap: 10vh;\n        }\n\n        .marquee-wrapper {\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            background: var(--primary);\n            padding: 2rem 0;\n            transform: rotate(-2deg);\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n            position: relative;\n            z-index: 2;\n        }\n\n        .marquee-container {\n            width: 100%;\n            white-space: nowrap;\n            overflow: hidden;\n            display: flex;\n        }\n\n        .marquee-text {\n            font-family: 'Oswald', sans-serif;\n            font-size: clamp(3rem, 6vw, 6rem);\n            font-weight: 700;\n            color: var(--dark);\n            text-transform: uppercase;\n            padding-left: 2rem;\n            animation: marquee 12s linear infinite;\n        }\n\n        @keyframes marquee {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-100%); }\n        }\n\n        .alpha-content {\n            text-align: right;\n            padding: 0 5vw;\n        }\n\n        .alpha-text-massive {\n            font-family: 'Oswald', sans-serif;\n            font-size: clamp(4rem, 10vw, 10rem);\n            line-height: 0.9;\n            color: transparent;\n            -webkit-text-stroke: 3px var(--light);\n            text-transform: uppercase;\n            text-shadow: 10px 10px 0px rgba(0,0,0,0.8);\n            margin-bottom: 2rem;\n        }\n\n        .alpha-sub {\n            font-size: clamp(1.5rem, 3vw, 3rem);\n            font-weight: 800;\n            color: var(--primary);\n            text-transform: uppercase;\n            text-shadow: var(--hard-shadow);\n        }\n\n        \/* =========================================\n           SECTION 5: THE VAULT (FOOTER)\n           ========================================= *\/\n        #vault {\n            min-height: 80vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-bottom: 5vh;\n        }\n\n        .vault-wrapper {\n            position: relative;\n            width: 100%;\n            height: 75vh;\n            border-radius: 40px;\n            background-image: url('http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/bg2-scaled.jpeg');\n            background-size: cover;\n            background-position: center;\n            \/* NO OVERLAYS *\/\n            box-shadow: 0 30px 80px rgba(0,0,0,1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 5vw;\n        }\n\n        .vault-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            width: 100%;\n            \/* NO bg colors, NO blur *\/\n        }\n\n        .vault-content h3 {\n            font-family: 'Oswald', sans-serif;\n            font-size: clamp(4rem, 10vw, 10rem);\n            line-height: 1;\n            margin-bottom: 3rem;\n            text-transform: uppercase;\n            color: var(--light);\n            text-shadow: var(--hard-shadow);\n        }\n\n        .social-links {\n            display: flex;\n            gap: 3rem;\n            justify-content: center;\n        }\n\n        .social-btn {\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            background: var(--primary);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            box-shadow: 0 15px 30px rgba(0,0,0,0.9);\n            cursor: pointer;\n            border: 4px solid var(--dark);\n        }\n\n        .social-btn img {\n            width: 50px;\n            height: 50px;\n            object-fit: contain;\n            transition: transform 0.3s ease;\n            \n        }\n\n        .social-btn:hover {\n            transform: scale(1.1) translateY(-10px);\n            background: var(--light);\n            box-shadow: 0 20px 40px rgba(255, 215, 0, 0.6);\n        }\n\n        .social-btn:hover img {\n            transform: scale(1.2);\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <!-- BIG FLOATING RAIN EFFECTS -->\n    <div class=\"rain-container rain-left\" id=\"rain-left\"><\/div>\n    <div class=\"rain-container rain-right\" id=\"rain-right\"><\/div>\n\n    <main>\n        <!-- SECTION 1: HERO (NO BG OVERLAY, ADDED CA) -->\n        <section id=\"hero\">\n            <div class=\"hero-wrapper\">\n                <div class=\"hero-content\">\n                    <div class=\"hero-ticker\">$TJR<\/div>\n                    <h1 class=\"hero-title\">The One of One<br>Floor Boss<\/h1>\n                    \n                    <div class=\"ca-container\" onclick=\"copyCA()\">\n                        <span class=\"ca-label\">CA:<\/span>\n                        <button class=\"ca-btn\" id=\"ca-btn\">NULL<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECTION 2: MANIFESTO (MORE CONTENT, BETTER LAYOUT, NO BOXES) -->\n        <section id=\"manifesto\">\n            <h2 class=\"manifesto-headline\">\n                I'm not doing this<br>\n                <span>For the money anymore.<\/span>\n            <\/h2>\n            \n            <div class=\"manifesto-grid\">\n                <div class=\"manifesto-text\">\n                    <p>This is ego. This is pride. This is principle. Superman on-chain. When the timeline breaks and the weak fold, the Boss holds the line.<\/p>\n                <\/div>\n                <div class=\"manifesto-text\">\n                    <p style=\"color: var(--primary);\">There is no community here. There is only an empire. You are either standing with the boss, or you are exit liquidity. Zero hesitation.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECTION 3: GALLERY (UNIFORM & BOLD LAYOUT) -->\n        <section id=\"gallery\">\n            <div class=\"gallery-header\">\n                <h2 class=\"gallery-title\">Visual Evidence<\/h2>\n                <div class=\"gallery-count\">18 OF 18<\/div>\n            <\/div>\n            <div class=\"uniform-gallery\" id=\"gallery-grid\">\n                <!-- Javascript injects exactly 18 uniform items here -->\n            <\/div>\n        <\/section>\n\n        <!-- SECTION 4: THE ALPHA (EXPANDED CONTENT) -->\n        <section id=\"alpha\">\n            <div class=\"marquee-wrapper\">\n                <div class=\"marquee-container\">\n                    <div class=\"marquee-text\">\n                        HOLD THE FLOOR \u2022 WE DO NOT FOLD \u2022 $TJR \u2022 \n                        HOLD THE FLOOR \u2022 WE DO NOT FOLD \u2022 $TJR \u2022 \n                    <\/div>\n                    <div class=\"marquee-text\">\n                        HOLD THE FLOOR \u2022 WE DO NOT FOLD \u2022 $TJR \u2022 \n                        HOLD THE FLOOR \u2022 WE DO NOT FOLD \u2022 $TJR \u2022 \n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"alpha-content\">\n                <div class=\"alpha-text-massive\">THE WALL<br>DOES NOT BREAK<\/div>\n                <div class=\"alpha-sub\">Diamond Hands \/ Iron Will<\/div>\n            <\/div>\n        <\/section>\n\n        <!-- SECTION 5: THE VAULT (NO BG OVERLAY) -->\n        <section id=\"vault\">\n            <div class=\"vault-wrapper\">\n                <div class=\"vault-content\">\n                    <h3>Join The Empire<\/h3>\n                    <div class=\"social-links\">\n                        <a href=\"#\" class=\"social-btn\">\n                            <img decoding=\"async\" src=\"http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/icon1.png\" alt=\"X \/ Twitter\">\n                        <\/a>\n                        <a href=\"#\" class=\"social-btn\">\n                            <img decoding=\"async\" src=\"http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/icon2.png\" alt=\"Telegram \/ Social\">\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <script>\n        \/\/ --- 1. Copy CA Functionality ---\n        const dummyCA = \"null\";\n        \n        function copyCA() {\n            navigator.clipboard.writeText(dummyCA).then(() => {\n                const btn = document.getElementById('ca-btn');\n                const originalText = btn.innerText;\n                \n                btn.innerText = \"COPIED TO CLIPBOARD!\";\n                btn.style.background = \"#fff\";\n                btn.style.color = \"#000\";\n                \n                setTimeout(() => {\n                    btn.innerText = \"COPY CONTRACT ADDRESS\";\n                    btn.style.background = \"\";\n                    btn.style.color = \"\";\n                }, 2000);\n            }).catch(err => {\n                console.error('Failed to copy CA: ', err);\n            });\n        }\n\n        \/\/ --- 2. Generate Big Rain Drops ---\n        const rainImageSrc = 'http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/icon-x.png';\n        \n        function createRain(containerId, count) {\n            const container = document.getElementById(containerId);\n            for (let i = 0; i < count; i++) {\n                const img = document.createElement('img');\n                img.src = rainImageSrc;\n                img.classList.add('rain-drop');\n                \n                \/\/ Big sizes: 50px to 90px\n                const size = 90 + Math.random() * 80; \n                const leftPos = Math.random() * (150 - size); \n                const delay = Math.random() * 5; \n                const duration = 3 + Math.random() * 4; \n\n                img.style.left = `${leftPos}px`;\n                img.style.animationDelay = `${delay}s`;\n                img.style.animationDuration = `${duration}s`;\n                img.style.width = `${size}px`;\n\n                container.appendChild(img);\n            }\n        }\n\n        \/\/ 8 big drops per side for visual impact without clutter\n        createRain('rain-left', 8);\n        createRain('rain-right', 8);\n\n        \/\/ --- 3. Generate 18 Uniform Gallery Items ---\n        const galleryGrid = document.getElementById('gallery-grid');\n        for (let i = 1; i <= 18; i++) {\n            const item = document.createElement('div');\n            item.classList.add('gallery-item');\n            \n            const img = document.createElement('img');\n            img.src = `http:\/\/oneofonefloorboss.online\/wp-content\/uploads\/2026\/06\/galleryitem${i}.png`;\n            img.alt = `Evidence File ${i}`;\n            img.loading = \"lazy\";\n            \n            item.appendChild(img);\n            galleryGrid.appendChild(item);\n        }\n\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>One of One Floor Boss | $TJR $TJR The One of OneFloor Boss CA: NULL I&#8217;m not doing this For the money anymore. This is ego. This is pride. This is principle. Superman on-chain. When the timeline breaks and the weak fold, the Boss holds the line. There is no community here. There is only [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":58,"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/oneofonefloorboss.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}