{"id":8,"date":"2026-06-23T16:57:21","date_gmt":"2026-06-23T16:57:21","guid":{"rendered":"https:\/\/thisfine.fun\/?page_id=8"},"modified":"2026-06-23T19:03:56","modified_gmt":"2026-06-23T19:03:56","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thisfine.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-02b1b97 e-con-full e-flex e-con e-parent\" data-id=\"02b1b97\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4dbf9a elementor-widget elementor-widget-html\" data-id=\"b4dbf9a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <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=Space+Grotesk:wght@500;700;900&family=Syne:wght@700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        \/* =========================================\r\n           NEO-BRUTALISM MASTER VARIABLES\r\n           ========================================= *\/\r\n        :root {\r\n            --bg-yellow: #FDBF03;\r\n            --bg-black: #000000;\r\n            --bg-cyan: #00E5FF;\r\n            --bg-pink: #FF00FF;\r\n            --border-color: #000000;\r\n            --font-heading: 'Syne', sans-serif;\r\n            --font-body: 'Space Grotesk', sans-serif;\r\n            --brutal-shadow: 8px 8px 0px #000000;\r\n            --brutal-shadow-hover: 0px 0px 0px #000000;\r\n            --brutal-border: 4px solid #000000;\r\n        }\r\n\r\n        .fine-embed-wrapper * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .fine-embed-wrapper {\r\n            background: transparent;\r\n            font-family: var(--font-body);\r\n            color: #000;\r\n            overflow-x: hidden;\r\n            width: 100%;\r\n            cursor: crosshair;\r\n        }\r\n\r\n        .fine-embed-wrapper h1, .fine-embed-wrapper h2, \r\n        .fine-embed-wrapper h3, .fine-embed-wrapper h4 {\r\n            font-family: var(--font-heading);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            line-height: 1.05;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        \/* =========================================\r\n           ULTRA-BRUTAL BUTTONS\r\n           ========================================= *\/\r\n        .fine-embed-wrapper .brutal-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            padding: 16px 32px;\r\n            font-family: var(--font-heading);\r\n            font-weight: 800;\r\n            font-size: 14pt;\r\n            text-transform: uppercase;\r\n            text-decoration: none;\r\n            color: #000;\r\n            background: #fff;\r\n            border: var(--brutal-border);\r\n            box-shadow: var(--brutal-shadow);\r\n            cursor: pointer;\r\n            transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .fine-embed-wrapper .brutal-btn:active {\r\n            transform: translate(8px, 8px);\r\n            box-shadow: var(--brutal-shadow-hover);\r\n        }\r\n\r\n        .fine-embed-wrapper .brutal-btn.primary { background: var(--bg-yellow); }\r\n        .fine-embed-wrapper .brutal-btn.dark { background: #000; color: #fff; border-color: #fff; box-shadow: 8px 8px 0px var(--bg-yellow);}\r\n        .fine-embed-wrapper .brutal-btn.dark:active { box-shadow: 0px 0px 0px var(--bg-yellow); }\r\n\r\n        \/* =========================================\r\n           NAVBAR (NEMPEL ABSOLUTE DI HERO)\r\n           ========================================= *\/\r\n        .fine-nav {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 20px 40px;\r\n            background: transparent;\r\n            width: 100%;\r\n            position: absolute; \/* Menempel di atas hero *\/\r\n            top: 0;\r\n            left: 0;\r\n            z-index: 100;\r\n        }\r\n\r\n        .fine-nav .logo img {\r\n            height: 70px;\r\n            display: block;\r\n            filter: drop-shadow(5px 5px 0px #000);\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .fine-nav .logo img:hover { transform: rotate(-5deg) scale(1.1); }\r\n\r\n        .fine-nav .nav-buttons {\r\n            display: flex; gap: 16px;\r\n        }\r\n\r\n        \/* =========================================\r\n           HERO SECTION\r\n           ========================================= *\/\r\n        .fine-hero {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center; \/* Diubah ke center *\/\r\n            align-items: center; \/* Ditambahkan agar konten ke tengah horizontal *\/\r\n            width: 100%;\r\n            padding: 120px 40px 60px 40px;\r\n            z-index: 1; \r\n        }\r\n\r\n        .fine-hero-bg-video {\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            min-width: 100%; min-height: 100%;\r\n            transform: translate(-50%, -50%);\r\n            object-fit: cover;\r\n            z-index: 1;\r\n        }\r\n\r\n        .fine-hero-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 150%;\r\n            background: \r\n                linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), \r\n                linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));\r\n            background-size: 100% 4px, 3px 100%;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .fine-hero-gradient {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 150%;\r\n            background: linear-gradient(to top, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0) 80%);\r\n            z-index: 3;\r\n        }\r\n\r\n        .fine-hero-content {\r\n            position: relative;\r\n            z-index: 4;\r\n            max-width: 1100px;\r\n            text-align: center; \/* Ditambahkan agar teks rata tengah *\/\r\n        }\r\n\r\n        .fine-hero h1 {\r\n            font-size: clamp(3rem, 6vw, 6rem);\r\n            margin-bottom: 30px;\r\n            color: #fff;\r\n            text-shadow: 6px 6px 0px var(--bg-black), 8px 8px 0px var(--bg-yellow);\r\n            -webkit-text-stroke: 2px #000;\r\n            animation: textGlitch 3s infinite alternate;\r\n        }\r\n\r\n        @keyframes textGlitch {\r\n            0% { text-shadow: 6px 6px 0px #000, 8px 8px 0px var(--bg-yellow); }\r\n            50% { text-shadow: 4px 4px 0px #000, 10px 10px 0px var(--bg-pink); }\r\n            100% { text-shadow: 6px 6px 0px #000, 8px 8px 0px var(--bg-cyan); }\r\n        }\r\n\r\n        .fine-hero-buttons {\r\n            display: flex; flex-wrap: wrap; gap: 20px; align-items: center;\r\n            justify-content: center; \/* Ditambahkan agar button rata tengah *\/\r\n        }\r\n\r\n        .ca-button-container {\r\n            display: inline-flex;\r\n            background: #111; border: var(--brutal-border); box-shadow: 6px 6px 0px var(--bg-yellow);\r\n            padding: 8px 12px; align-items: center; gap: 12px; cursor: pointer; transition: all 0.1s ease;\r\n        }\r\n        \r\n        .ca-button-container:active { transform: translate(6px, 6px); box-shadow: 0px 0px 0px var(--bg-yellow); }\r\n\r\n        .ca-label { color: var(--bg-yellow); font-family: var(--font-heading); font-weight: 900; font-size: 14pt; }\r\n        .ca-text { font-family: monospace; font-size: 12pt; color: #00FF41; background: #000; padding: 5px 15px; border: 1px solid #333; user-select: all; }\r\n\r\n        \/* =========================================\r\n           ABOUT SECTION\r\n           ========================================= *\/\r\n        .fine-about {\r\n            position: relative;\r\n            margin-top: -180px; \r\n            background-image: url('https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/Asset-8.png');\r\n            background-size: cover;\r\n            background-position: top center;\r\n            background-repeat: no-repeat;\r\n            padding: 360px 20px 100px 20px;\r\n            text-align: center;\r\n            width: 100%;\r\n            z-index: 10;\r\n        }\r\n\r\n        .fine-about-inner {\r\n            position: relative;\r\n            z-index: 6;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            background: #fff;\r\n            border: var(--brutal-border);\r\n            box-shadow: 15px 15px 0px #000;\r\n            padding: 50px 40px 40px 40px;\r\n            transform: rotate(-1deg);\r\n        }\r\n\r\n        .fine-about-badge {\r\n            max-width: 280px;\r\n            margin: -100px auto 30px auto; \r\n            display: block;\r\n            filter: drop-shadow(6px 6px 0px #000);\r\n            animation: float 4s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateY(0px) rotate(0deg); }\r\n            50% { transform: translateY(-15px) rotate(3deg); }\r\n            100% { transform: translateY(0px) rotate(0deg); }\r\n        }\r\n\r\n        .fine-about p {\r\n            font-size: 16pt; line-height: 1.6; margin-bottom: 25px; font-weight: 700; color: #111;\r\n        }\r\n        \r\n        .text-highlight {\r\n            background: var(--bg-yellow); padding: 2px 8px; border: 2px solid #000; display: inline-block; transform: rotate(1deg);\r\n        }\r\n\r\n        \/* =========================================\r\n           SLANTED MARQUEE\r\n           ========================================= *\/\r\n        .marquee-wrapper {\r\n            overflow: hidden;\r\n            background: transparent;\r\n            padding: 40px 0;\r\n            margin-top: -80px; \r\n            margin-bottom: -20px;\r\n            z-index: 20;\r\n            position: relative;\r\n        }\r\n\r\n        .brutal-marquee {\r\n            background: var(--bg-yellow); border-top: 6px solid #000; border-bottom: 6px solid #000;\r\n            padding: 15px 0; display: flex; white-space: nowrap; user-select: none;\r\n            transform: rotate(-2deg) scale(1.05); box-shadow: 0px 10px 0px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .brutal-marquee.dark {\r\n            background: #000; color: #fff; border-color: #fff; transform: rotate(2deg) scale(1.05);\r\n        }\r\n\r\n        .marquee-content {\r\n            display: flex; align-items: center; justify-content: space-around; min-width: 100%; gap: 40px;\r\n            animation: scrollMarquee 12s linear infinite;\r\n            flex-shrink: 0; \r\n            white-space: nowrap;\r\n        }\r\n\r\n        .marquee-content span { font-family: var(--font-heading); font-size: 24pt; font-weight: 900; text-transform: uppercase; -webkit-text-stroke: 1px transparent; white-space: nowrap; }\r\n\r\n        @keyframes scrollMarquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } }\r\n\r\n        \/* =========================================\r\n           MEME GENERATOR STUDIO\r\n           ========================================= *\/\r\n        .fine-meme-section {\r\n            background: var(--bg-black);\r\n            background-image: \r\n                linear-gradient(45deg, #111 25%, transparent 25%, transparent 75%, #111 75%, #111), \r\n                linear-gradient(45deg, #111 25%, transparent 25%, transparent 75%, #111 75%, #111);\r\n            background-size: 40px 40px; background-position: 0 0, 20px 20px;\r\n            color: #fff; padding: 120px 20px 100px 20px; \r\n            text-align: center; width: 100%; z-index: 15; position: relative;\r\n            margin-top: -70px; \r\n        }\r\n\r\n        .fine-meme-section h2 { font-size: clamp(2.5rem, 5vw, 4.5rem); color: var(--bg-yellow); margin-bottom: 20px; text-shadow: 4px 4px 0px #fff; -webkit-text-stroke: 2px #000; }\r\n        .fine-meme-desc { font-size: 14pt; color: #ddd; max-width: 700px; margin: 0 auto 40px auto; font-weight: 700; }\r\n\r\n        .meme-studio-wrapper { position: relative; max-width: 550px; margin: 0 auto; }\r\n        .meme-studio-shadow { position: absolute; top: 20px; left: 20px; width: 100%; height: 100%; background: var(--bg-pink); border: var(--brutal-border); z-index: 1; }\r\n\r\n        .meme-studio-card {\r\n            background: #FDBF03; border: var(--brutal-border); width: 100%; position: relative; z-index: 2;\r\n            aspect-ratio: 1 \/ 1; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; transition: transform 0.2s ease;\r\n        }\r\n        \r\n        .meme-studio-wrapper:hover .meme-studio-card { transform: translate(-5px, -5px); }\r\n\r\n        .meme-text-container {\r\n            padding: 20px 20px 20px 20px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center;\r\n            background: repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 10px, #fff 10px, #fff 20px);\r\n        }\r\n\r\n        .meme-display-text {\r\n            font-family: var(--font-heading); font-size: clamp(18pt, 4vw, 24pt); font-weight: 900; text-transform: uppercase; color: #000;\r\n            line-height: 1.1; background: var(--bg-yellow); padding: 15px 25px; border: var(--brutal-border); box-shadow: 6px 6px 0px #000; transform: rotate(-3deg); transition: all 0.1s;\r\n        }\r\n\r\n        \/* Update pada container image agar posisi tepat di bawah tengah *\/\r\n        .meme-image-container { \r\n            width: 100%; \r\n            line-height: 0; \r\n            border-top: var(--brutal-border); \r\n            flex-grow: 1;\r\n            display: flex;\r\n            align-items: flex-end;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        \/* Update pada styling image *\/\r\n        .meme-bg-img { \r\n            width: 100%; \r\n            height: 100%; \r\n            display: block; \r\n            object-fit: cover; \r\n            object-position: bottom center; \r\n        }\r\n\r\n        .meme-controls { display: flex; justify-content: center; gap: 25px; margin-top: 50px; position: relative; z-index: 3; }\r\n\r\n        \/* =========================================\r\n           HOW TO BUY\r\n           ========================================= *\/\r\n        .fine-buy {\r\n            background: var(--bg-yellow); padding: 140px 40px 100px 40px; \r\n            display: grid; grid-template-columns: 1fr; gap: 60px; align-items: center; width: 100%;\r\n            border-top: none; \r\n            border-bottom: none; \r\n            z-index: 10; position: relative;\r\n            margin-top: -70px; \r\n        }\r\n\r\n        @media (min-width: 900px) { .fine-buy { grid-template-columns: 1fr 1.5fr; } }\r\n\r\n        .fine-buy-left img { width: 100%; max-width: 450px; display: block; margin: 0 auto; filter: drop-shadow(15px 15px 0px #000); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n        .fine-buy-left img:hover { transform: scale(1.05) rotate(3deg); }\r\n\r\n        .fine-buy-right { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n        .fine-buy-header { grid-column: 1 \/ -1; font-size: 48pt; margin-bottom: 20px; color: #000; text-shadow: 4px 4px 0px #fff; line-height: 1; }\r\n\r\n        .buy-step-card { background: #fff; border: var(--brutal-border); padding: 30px; box-shadow: 8px 8px 0px #000; transition: all 0.2s ease; position: relative; }\r\n        .buy-step-card:nth-child(even):hover { transform: translateY(-10px) rotate(2deg); box-shadow: 15px 15px 0px var(--bg-cyan); }\r\n        .buy-step-card:nth-child(odd):hover { transform: translateY(-10px) rotate(-2deg); box-shadow: 15px 15px 0px var(--bg-pink); }\r\n        \r\n        .buy-step-card h3 { font-size: 18pt; margin-bottom: 15px; display: flex; align-items: center; gap: 15px; }\r\n        \r\n        .buy-step-num { \r\n            background: #000; color: #fff; font-size: 16pt; \r\n            width: 40px; height: 40px; \r\n            min-width: 40px; min-height: 40px; \r\n            display: inline-flex; align-items: center; justify-content: center; \r\n            font-weight: 900; border-radius: 50%; \r\n            flex-shrink: 0; \r\n        }\r\n        \r\n        .buy-step-card p { font-size: 13pt; font-weight: 700; line-height: 1.5; }\r\n\r\n        \/* =========================================\r\n           JOIN COMMUNITY\r\n           ========================================= *\/\r\n        .fine-join { position: relative; padding: 120px 20px; text-align: center; background: #fff; overflow: hidden; width: 100%; }\r\n        .fine-join-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/Asset-11.png'); background-size: cover; background-position: center; z-index: 1;; opacity: 1; }\r\n        .fine-join-content { position: relative; z-index: 3; max-width: 800px; margin: 0 auto; }\r\n        .fine-join h2 { font-size: clamp(3rem, 6vw, 5rem); margin-bottom: 30px; background: #000; color: #fff; display: inline-block; padding: 15px 30px; box-shadow: 10px 10px 0px var(--bg-yellow); transform: rotate(-1deg); }\r\n        .fine-join p { font-size: 18pt; font-weight: 900; line-height: 1.5; margin-bottom: 40px; color: #000; background: var(--bg-cyan); padding: 20px; border: var(--brutal-border); box-shadow: 6px 6px 0px #000; transform: rotate(1deg); }\r\n\r\n        \/* =========================================\r\n           FOOTER\r\n           ========================================= *\/\r\n        .fine-footer { background: #000; color: #fff; border-top: 6px solid #fff; padding: 60px 40px; text-align: center; background-image: repeating-linear-gradient(45deg, #000 0, #000 2px, #111 2px, #111 8px); }\r\n        .fine-footer-container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 30px; }\r\n        @media (min-width: 768px) { .fine-footer-container { flex-direction: row; justify-content: space-between; } }\r\n        .fine-footer-left { font-family: var(--font-heading); font-size: 32pt; font-weight: 900; color: var(--bg-yellow); text-shadow: 3px 3px 0px #fff; }\r\n        .fine-footer-center { font-size: 12pt; font-weight: 700; letter-spacing: 1px; color: #fff; }\r\n\r\n        \/* =========================================\r\n           TOAST NOTIFICATION\r\n           ========================================= *\/\r\n        .fine-toast { position: fixed; bottom: 40px; right: 40px; background: #00FF41; color: #000; padding: 20px 30px; font-size: 14pt; font-family: var(--font-heading); font-weight: 900; border: var(--brutal-border); box-shadow: 8px 8px 0px #000; z-index: 9999; text-transform: uppercase; transform: translateY(150%); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }\r\n        .fine-toast.show { transform: translateY(0); }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"fine-embed-wrapper\">\r\n        \r\n        <nav class=\"fine-nav\">\r\n            <div class=\"logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/Asset-12.png\" alt=\"$FINE Logo\">\r\n            <\/div>\r\n            <div class=\"nav-buttons\">\r\n                <a href=\"#\" target=\"_blank\" class=\"brutal-btn social-tw\" style=\"background:#1DA1F2; color:#fff;\">X (Twitter)<\/a>\r\n                <a href=\"#\" target=\"_blank\" class=\"brutal-btn social-tg\" style=\"background:#0088cc; color:#fff;\">Telegram<\/a>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <section class=\"fine-hero\">\r\n            <video class=\"fine-hero-bg-video\" autoplay loop muted playsinline>\r\n                <source src=\"https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/THISISFINE-BG1.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n            <div class=\"fine-hero-overlay\"><\/div>\r\n            <div class=\"fine-hero-gradient\"><\/div>\r\n            \r\n            <div class=\"fine-hero-content\">\r\n                <h1>The World is Burning.<br>This is <span style=\"color:var(--bg-yellow);\">Fine.<\/span><\/h1>\r\n                <div class=\"fine-hero-buttons\">\r\n                    <div class=\"ca-button-container\" onclick=\"copyCA()\">\r\n                        <span class=\"ca-label\">CA >_<\/span>\r\n                        <span class=\"ca-text\" id=\"caValue\">0xFnE928374829374928374829374928374fine123<\/span>\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"brutal-btn primary\">Buy Now<\/a>\r\n                    <a href=\"#\" class=\"brutal-btn dark\">Live Chart<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"fine-about\">\r\n            <div class=\"fine-about-inner\">\r\n                <img decoding=\"async\" src=\"https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/Asset-9.png\" class=\"fine-about-badge\" alt=\"$FINE Content Badge\">\r\n                <p>The market is crashing. Your portfolio is down 80%. The VCs unlocked. The charts look like a cliff. The group chat is silent. The world is burning.<\/p>\r\n                <p><span class=\"text-highlight\">And there you sit. Coffee in hand. Unbothered.<\/span><\/p>\r\n                <p>Most people think \"This Is Fine\" is about denial. They're wrong. It's about surviving. Anyone can be bullish when everything is green, but true conviction is forged in the fire.<\/p>\r\n                <p>$FINE is for the traders who have seen every cycle. The fire-sitters. Not moonboys. Not doomers. We are the ones who watched the candles burn, held through the panic, and laughed when everyone else screamed.<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"marquee-wrapper\">\r\n            <div class=\"brutal-marquee\">\r\n                <div class=\"marquee-content\">\r\n                    <span>\ud83d\udd25 THIS IS FINE<\/span><span>\u2615 SIP COFFEE<\/span><span>\ud83d\udcc9 PORTFOLIO DOWN 80%<\/span><span>\ud83d\udd25 WE ARE UNBOTHERED<\/span><span>\ud83d\ude80 MEMES ARE FOREVER<\/span>\r\n                <\/div>\r\n                <div class=\"marquee-content\" aria-hidden=\"true\">\r\n                    <span>\ud83d\udd25 THIS IS FINE<\/span><span>\u2615 SIP COFFEE<\/span><span>\ud83d\udcc9 PORTFOLIO DOWN 80%<\/span><span>\ud83d\udd25 WE ARE UNBOTHERED<\/span><span>\ud83d\ude80 MEMES ARE FOREVER<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <section class=\"fine-meme-section\">\r\n            <h2>THE FIRE-SITTER STUDIO<\/h2>\r\n            <p class=\"fine-meme-desc\">Why panic when you can shitpost? Smash the button to randomize your chaotic mood, generate your masterpiece, and let the timeline know you are completely fine.<\/p>\r\n            \r\n            <div class=\"meme-studio-wrapper\">\r\n                <div class=\"meme-studio-shadow\"><\/div>\r\n                <div class=\"meme-studio-card\" id=\"memeCard\">\r\n                    <div class=\"meme-text-container\">\r\n                        <div class=\"meme-display-text\" id=\"memeText\">\r\n                            When Bitcoin dumps:\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"meme-image-container\">\r\n                        <img decoding=\"async\" src=\"https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/Asset-7.png\" class=\"meme-bg-img\" alt=\"This is fine bg\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"meme-controls\">\r\n                <button class=\"brutal-btn primary\" onclick=\"scrambleMeme()\" style=\"font-size: 18pt;\">\ud83c\udfb2 SPIN MEME<\/button>\r\n                <button class=\"brutal-btn dark\" onclick=\"downloadMeme()\">\ud83d\udcbe DOWNLOAD<\/button>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <div class=\"marquee-wrapper\">\r\n            <div class=\"brutal-marquee dark\">\r\n                <div class=\"marquee-content\">\r\n                    <span>\u2615 STAY CALM AND HOLD<\/span><span>\ud83d\udd25 THE WORLD IS ON FIRE<\/span><span>\ud83d\udc8e TRUE CONVICTION<\/span><span>\u2615 SIPPING THROUGH CAPITULATION<\/span>\r\n                <\/div>\r\n                <div class=\"marquee-content\" aria-hidden=\"true\">\r\n                    <span>\u2615 STAY CALM AND HOLD<\/span><span>\ud83d\udd25 THE WORLD IS ON FIRE<\/span><span>\ud83d\udc8e TRUE CONVICTION<\/span><span>\u2615 SIPPING THROUGH CAPITULATION<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <section class=\"fine-buy\">\r\n            <div class=\"fine-buy-left\">\r\n                <img decoding=\"async\" src=\"https:\/\/thisfine.fun\/wp-content\/uploads\/2026\/06\/Asset-10.png\" alt=\"How to buy illustration\">\r\n            <\/div>\r\n            <div class=\"fine-buy-right\">\r\n                <h2 class=\"fine-buy-header\">HOW TO GET $FINE<\/h2>\r\n                \r\n                <div class=\"buy-step-card\">\r\n                    <h3><span class=\"buy-step-num\">1<\/span> FIREPROOF WALLET<\/h3>\r\n                    <p>Download Phantom or Solflare. Write down your seed phrase and guard it with your life.<\/p>\r\n                <\/div>\r\n                <div class=\"buy-step-card\">\r\n                    <h3><span class=\"buy-step-num\">2<\/span> BRING FUEL (SOL)<\/h3>\r\n                    <p>You need SOL to survive. Buy SOL on any CEX and send it directly to your wallet.<\/p>\r\n                <\/div>\r\n                <div class=\"buy-step-card\">\r\n                    <h3><span class=\"buy-step-num\">3<\/span> ENTER INFERNO<\/h3>\r\n                    <p>Go to Raydium\/Jupiter. Connect wallet, paste $FINE contract address, and swap it.<\/p>\r\n                <\/div>\r\n                <div class=\"buy-step-card\">\r\n                    <h3><span class=\"buy-step-num\">4<\/span> SIP COFFEE<\/h3>\r\n                    <p>Welcome to the cult. Watch the charts burn, sip your coffee, and chant: This is fine.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"fine-join\">\r\n            <div class=\"fine-join-bg\"><\/div>\r\n            <div class=\"fine-join-content\">\r\n                <h2>JOIN THE CALMEST CULT<\/h2>\r\n                <p>The economy can crash. We stay seated. We sip coffee. We post memes. Take a seat at the table.<\/p>\r\n                <div class=\"fine-join-buttons\">\r\n                    <a href=\"#\" target=\"_blank\" class=\"brutal-btn primary\" style=\"font-size: 16pt;\">JOIN TELEGRAM<\/a>\r\n                    <a href=\"#\" target=\"_blank\" class=\"brutal-btn dark\" style=\"font-size: 16pt;\">FOLLOW X<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <footer class=\"fine-footer\">\r\n            <div class=\"fine-footer-container\">\r\n                <div class=\"fine-footer-left\">$FINE \u2615\ud83d\udd25<\/div>\r\n                <div class=\"fine-footer-center\">\u00a9 2026 $FINE. SURVIVING THE FLAMES.<\/div>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n        <div class=\"fine-toast\" id=\"fineToast\">CA COPIED TO CLIPBOARD!<\/div>\r\n    <\/div>\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n    <script>\r\n        const textOptions = [\r\n            \"When everyone is euphoric:\",\r\n            \"When everyone is terrified:\",\r\n            \"When Bitcoin pumps:\",\r\n            \"When Bitcoin dumps:\",\r\n            \"When the timeline says it's over:\",\r\n            \"My portfolio is down 99%:\",\r\n            \"VCs unlocking right on my head:\",\r\n            \"Getting liquidated on a random wick:\",\r\n            \"Group chat is completely dead:\",\r\n            \"Bought the dip but it kept dipping:\"\r\n        ];\r\n\r\n        function scrambleMeme() {\r\n            const textEl = document.getElementById('memeText');\r\n            let iterations = 0;\r\n            const maxIterations = 15;\r\n            \r\n            const interval = setInterval(() => {\r\n                textEl.innerText = textOptions[Math.floor(Math.random() * textOptions.length)];\r\n                \r\n                const randRot = (Math.random() * 10 - 5).toFixed(1);\r\n                const randScale = (1 + Math.random() * 0.1).toFixed(2);\r\n                textEl.style.transform = `rotate(${randRot}deg) scale(${randScale})`;\r\n                \r\n                const colors = ['var(--bg-yellow)', 'var(--bg-pink)', 'var(--bg-cyan)', '#fff'];\r\n                textEl.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\r\n                \r\n                iterations++;\r\n                \r\n                if (iterations >= maxIterations) {\r\n                    clearInterval(interval);\r\n                    const finalIndex = Math.floor(Math.random() * textOptions.length);\r\n                    textEl.innerText = textOptions[finalIndex];\r\n                    \r\n                    const finalRot = (Math.random() * 4 - 2).toFixed(1);\r\n                    textEl.style.transform = `rotate(${finalRot}deg) scale(1)`;\r\n                    textEl.style.backgroundColor = 'var(--bg-yellow)';\r\n                }\r\n            }, 60);\r\n        }\r\n\r\n        function downloadMeme() {\r\n            const memeNode = document.getElementById('memeCard');\r\n            html2canvas(memeNode, {\r\n                scale: 2, \r\n                useCORS: true,\r\n                backgroundColor: \"#ffffff\"\r\n            }).then(canvas => {\r\n                const imgUrl = canvas.toDataURL(\"image\/png\");\r\n                const link = document.createElement('a');\r\n                link.download = 'this-is-fine-crypto.png';\r\n                link.href = imgUrl;\r\n                link.click();\r\n            });\r\n        }\r\n\r\n        function copyCA() {\r\n            const caText = document.getElementById('caValue').innerText;\r\n            navigator.clipboard.writeText(caText).then(() => {\r\n                showToast();\r\n            }).catch(err => {\r\n                const temp = document.createElement('input');\r\n                temp.value = caText;\r\n                document.body.appendChild(temp);\r\n                temp.select();\r\n                document.execCommand('copy');\r\n                document.body.removeChild(temp);\r\n                showToast();\r\n            });\r\n        }\r\n\r\n        function showToast() {\r\n            const toast = document.getElementById('fineToast');\r\n            toast.classList.add('show');\r\n            setTimeout(() => { \r\n                toast.classList.remove('show'); \r\n            }, 2500);\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<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>X (Twitter) Telegram The World is Burning.This is Fine. CA >_ 0xFnE928374829374928374829374928374fine123 Buy Now Live Chart The market is crashing. Your portfolio is down 80%. The VCs unlocked. The charts look like a cliff. The group chat is silent. The world is burning. And there you sit. Coffee in hand. Unbothered. Most people think &#8220;This [&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:\/\/thisfine.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thisfine.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thisfine.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thisfine.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thisfine.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":10,"href":"https:\/\/thisfine.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/thisfine.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/thisfine.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}