{"id":8,"date":"2026-04-07T00:17:17","date_gmt":"2026-04-07T00:17:17","guid":{"rendered":"https:\/\/justasocks.fun\/?page_id=8"},"modified":"2026-04-07T08:59:16","modified_gmt":"2026-04-07T08:59:16","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/justasocks.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-7da9321 e-con-full e-flex e-con e-parent\" data-id=\"7da9321\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1b2067 elementor-widget elementor-widget-html\" data-id=\"e1b2067\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"jas-os-container\">\r\n    <video autoplay muted loop playsinline id=\"jas-bg-video\">\r\n        <source src=\"http:\/\/justasocks.fun\/wp-content\/uploads\/2026\/04\/JUST-A-SOCKS-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <div id=\"jas-vignette\"><\/div>\r\n\r\n    <div id=\"jas-desktop\">\r\n        \r\n        <div class=\"jas-navbar\">\r\n            <div class=\"jas-nav-brand\">\ud83e\udde6 Just a Socks<\/div>\r\n            <div class=\"jas-nav-links\">\r\n                <a href=\"mailto:justasocks@mail.com\" class=\"jas-nav-btn\" title=\"Email\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><\/a>\r\n                <a href=\"https:\/\/x.com\/justasocks\" class=\"jas-nav-btn\" title=\"Twitter\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z\"\/><\/svg><\/a>\r\n                <a href=\"https:\/\/t.me\/justasocks\" class=\"jas-nav-btn\" title=\"Telegram\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"currentColor\"><path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.223-.548.223l.188-2.85 5.18-4.686c.223-.195-.054-.285-.346-.09l-6.4 4.024-2.76-.86c-.6-.185-.615-.6.125-.89l10.736-4.138c.5-.186.953.11.825.997z\"\/><\/svg><\/a>\r\n                <a href=\"https:\/\/dexscreener.com\/solana\/6ahjfj1apt8op7jfy1trcfqcemqrnc9b3jwqu7tp8a6f\" class=\"jas-nav-btn\" onclick=\"openWindow('modal-chart')\">\ud83d\udcc8 Chart<\/a>\r\n                <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=GvLpXC6iPRaUhMUXKrEXr7P7ZjmQTe1XhVT239Bepump\" class=\"jas-nav-btn btn-buy\" onclick=\"openWindow('modal-howtobuy')\">\ud83d\uded2 Buy $SOCKS<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jas-desktop-icons\">\r\n            <div class=\"jas-icon\" ondblclick=\"openWindow('modal-about')\" onclick=\"openWindow('modal-about')\">\r\n                <div class=\"icon-img\">\ud83d\udcdd<\/div>\r\n                <span>Our Story<\/span>\r\n            <\/div>\r\n            <div class=\"jas-icon\" ondblclick=\"openWindow('modal-howtobuy')\" onclick=\"openWindow('modal-howtobuy')\">\r\n                <div class=\"icon-img\">\ud83d\uded2<\/div>\r\n                <span>How to Buy<\/span>\r\n            <\/div>\r\n            <div class=\"jas-icon\" ondblclick=\"openWindow('modal-tokenomics')\" onclick=\"openWindow('modal-tokenomics')\">\r\n                <div class=\"icon-img\">\ud83d\udcca<\/div>\r\n                <span>The Supply<\/span>\r\n            <\/div>\r\n            <div class=\"jas-icon\" ondblclick=\"openWindow('modal-chart')\" onclick=\"openWindow('modal-chart')\">\r\n                <div class=\"icon-img\">\ud83d\udcc8<\/div>\r\n                <span>Live Chart<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jas-bottom-bar\">\r\n            <button id=\"jas-ca-copy\" onclick=\"copyCA()\">\r\n                <span id=\"ca-text\">GvLpXC6iPRaUhMUXKrEXr7P7ZjmQTe1XhVT239Bepump<\/span>\r\n                <div class=\"ca-icon-wrapper\">\ud83d\udccb<\/div>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"jas-window\" id=\"modal-about\">\r\n            <div class=\"jas-titlebar\">\r\n                <div class=\"jas-title\">\ud83d\udcdd Our Story<\/div>\r\n                <div class=\"jas-close\" onclick=\"closeWindow('modal-about')\">\u2715<\/div>\r\n            <\/div>\r\n            <div class=\"jas-content\">\r\n                <img decoding=\"async\" src=\"http:\/\/justasocks.fun\/wp-content\/uploads\/2026\/04\/Asset-4.png\" alt=\"Socks\" class=\"jas-hero-img\">\r\n                <div class=\"jas-text-content\">\r\n                    <h2>THE LEGEND OF THE $SOCKS<\/h2>\r\n                    <p>They aren't new. They aren't fancy. They are, strictly speaking, just a pair of socks. Dirtied by the road, worn by time, and marked by a few genuine holes. This is their digital preservation.<\/p>\r\n                    <p>It started in a basket. Or perhaps a forgotten drawer. Then, a shoe. And another basket. These socks have known miles. They have known dust. They have felt the sting of a jagged toenail and the humble comfort of a cold floor.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jas-window\" id=\"modal-tokenomics\">\r\n            <div class=\"jas-titlebar\">\r\n                <div class=\"jas-title\">\ud83d\udcca The Supply<\/div>\r\n                <div class=\"jas-close\" onclick=\"closeWindow('modal-tokenomics')\">\u2715<\/div>\r\n            <\/div>\r\n            <div class=\"jas-content jas-center-content\">\r\n                <div class=\"tok-cards\">\r\n                    <div class=\"tok-card\">\r\n                        <h3>1 Billion<\/h3>\r\n                        <p>Total Supply<\/p>\r\n                    <\/div>\r\n                    <div class=\"tok-card\">\r\n                        <h3>Zero<\/h3>\r\n                        <p>Buy \/ Sell TAX<\/p>\r\n                    <\/div>\r\n                    <div class=\"tok-card\">\r\n                        <h3>100%<\/h3>\r\n                        <p>LP Burned \ud83d\udd25<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jas-window\" id=\"modal-howtobuy\">\r\n            <div class=\"jas-titlebar\">\r\n                <div class=\"jas-title\">\ud83d\uded2 How to Adopt $SOCKS<\/div>\r\n                <div class=\"jas-close\" onclick=\"closeWindow('modal-howtobuy')\">\u2715<\/div>\r\n            <\/div>\r\n            <div class=\"jas-content\">\r\n                <div class=\"htb-steps\">\r\n                    <div class=\"htb-step\">\r\n                        <div class=\"step-num\">1<\/div>\r\n                        <div class=\"step-text\">\r\n                            <strong>Create a Wallet<\/strong>\r\n                            <span>Download Phantom Wallet or Solflare.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"htb-step\">\r\n                        <div class=\"step-num\">2<\/div>\r\n                        <div class=\"step-text\">\r\n                            <strong>Get some SOL<\/strong>\r\n                            <span>Acquire Solana (SOL) and send it to your wallet.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"htb-step\">\r\n                        <div class=\"step-num\">3<\/div>\r\n                        <div class=\"step-text\">\r\n                            <strong>Go to Raydium\/Jupiter<\/strong>\r\n                            <span>Connect your wallet to a decentralized exchange.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"htb-step\">\r\n                        <div class=\"step-num\">4<\/div>\r\n                        <div class=\"step-text\">\r\n                            <strong>Swap for $SOCKS<\/strong>\r\n                            <span>Paste our Contract Address and swap your SOL.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jas-window jas-window-large\" id=\"modal-chart\">\r\n            <div class=\"jas-titlebar\">\r\n                <div class=\"jas-title\">\ud83d\udcc8 Live Observation<\/div>\r\n                <div class=\"jas-close\" onclick=\"closeWindow('modal-chart')\">\u2715<\/div>\r\n            <\/div>\r\n            <div class=\"jas-content p-0\">\r\n                <iframe src=\"https:\/\/dexscreener.com\/solana\/6ahjfj1apt8op7jfy1trcfqcemqrnc9b3jwqu7tp8a6f?embed=1&theme=dark\" width=\"100%\" height=\"100%\" frameborder=\"0\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* 1. RESET GLOBAL BODY & HTML *\/\r\n    html, body {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        overflow: hidden !important; \r\n        width: 100%;\r\n        height: 100%;\r\n        background: #000;\r\n    }\r\n\r\n    \/* Base Variables *\/\r\n    :root {\r\n        --glass-bg: rgba(20, 25, 30, 0.45);\r\n        --glass-border: rgba(255, 255, 255, 0.15);\r\n        --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.6);\r\n        --accent: #ffffff;\r\n        --accent-hover: #cccccc;\r\n    }\r\n\r\n    \/* 2. CONTAINER FIXED & DVH *\/\r\n    #jas-os-container {\r\n        position: fixed; \r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100dvh; \r\n        overflow: hidden !important; \r\n        margin: 0;\r\n        padding: 0;\r\n        font-family: 'Outfit', sans-serif;\r\n        color: #fff;\r\n        z-index: 9999;\r\n    }\r\n    #jas-os-container * { box-sizing: border-box; }\r\n\r\n    \/* Video Background *\/\r\n    #jas-bg-video {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n    }\r\n\r\n    #jas-vignette {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: radial-gradient(circle, transparent 40%, rgba(0,0,0,0.8) 100%);\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Desktop Area *\/\r\n    #jas-desktop {\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        z-index: 3;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* Navbar *\/\r\n    .jas-navbar {\r\n        height: 60px;\r\n        background: rgba(10, 10, 10, 0.3);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid var(--glass-border);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 0 50px;\r\n        box-shadow: 0 4px 30px rgba(0,0,0,0.5);\r\n    }\r\n    .jas-nav-brand {\r\n        font-size: 22px;\r\n        font-weight: 800;\r\n        letter-spacing: 1px;\r\n        text-shadow: 0 2px 10px rgba(0,0,0,0.8);\r\n    }\r\n    .jas-nav-links {\r\n        display: flex;\r\n        gap: 20px;\r\n        align-items: center;\r\n    }\r\n    .jas-nav-btn {\r\n        color: var(--accent);\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        transition: all 0.3s ease;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .jas-nav-btn:hover {\r\n        color: var(--accent-hover);\r\n        transform: translateY(-2px);\r\n    }\r\n    .btn-buy {\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.0));\r\n        padding: 8px 18px;\r\n        border-radius: 30px;\r\n        border: 1px solid rgba(255,255,255,0.4);\r\n        box-shadow: 0 4px 15px rgba(255,255,255,0.1);\r\n    }\r\n    .btn-buy:hover {\r\n        background: rgba(255, 255, 255, 0.2);\r\n        box-shadow: 0 6px 20px rgba(255,255,255,0.2);\r\n        color: #fff;\r\n    }\r\n\r\n    \/* Desktop Icons *\/\r\n    .jas-desktop-icons {\r\n        flex: 1;\r\n        padding: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        align-items: flex-start;\r\n    }\r\n    .jas-icon {\r\n        width: 90px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        cursor: pointer;\r\n        padding: 10px;\r\n        border-radius: 12px;\r\n        border: 1px solid transparent;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n    .jas-icon:hover {\r\n        background: var(--glass-bg);\r\n        border: 1px solid var(--glass-border);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.3);\r\n    }\r\n    .jas-icon .icon-img {\r\n        font-size: 42px;\r\n        margin-bottom: 8px;\r\n        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5));\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .jas-icon:hover .icon-img {\r\n        transform: scale(1.1);\r\n    }\r\n    .jas-icon span {\r\n        font-size: 13px;\r\n        text-align: center;\r\n        font-weight: 600;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    \/* Windows 7 Aero \/ Glassmorphism Modal *\/\r\n    .jas-window {\r\n        position: absolute;\r\n        width: 480px;\r\n        max-width: 92vw;\r\n        max-height: 85vh;\r\n        background: var(--glass-bg);\r\n        backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px);\r\n        border: 1px solid var(--glass-border);\r\n        box-shadow: var(--glass-shadow);\r\n        border-radius: 16px;\r\n        display: none; \r\n        flex-direction: column;\r\n        z-index: 100;\r\n        overflow: hidden;\r\n        animation: windowPop 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    .jas-window-large {\r\n        width: 850px;\r\n        height: 550px;\r\n    }\r\n    @keyframes windowPop {\r\n        0% { opacity: 0; transform: scale(0.95) translateY(10px); }\r\n        100% { opacity: 1; transform: scale(1) translateY(0); }\r\n    }\r\n\r\n    \/* Title Bar *\/\r\n    .jas-titlebar {\r\n        background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.02) 100%);\r\n        padding: 12px 18px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-bottom: 1px solid rgba(255,255,255,0.1);\r\n        cursor: grab;\r\n        user-select: none;\r\n    }\r\n    .jas-titlebar:active { cursor: grabbing; }\r\n    .jas-title {\r\n        font-weight: 600;\r\n        font-size: 15px;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.8);\r\n    }\r\n    .jas-close {\r\n        width: 28px; height: 28px;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 12px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n    .jas-close:hover {\r\n        background: #ff4d4d;\r\n        box-shadow: 0 0 10px rgba(255, 77, 77, 0.5);\r\n    }\r\n\r\n    \/* Content Area *\/\r\n    .jas-content {\r\n        padding: 25px;\r\n        background: rgba(0, 0, 0, 0.4);\r\n        flex: 1;\r\n        overflow-y: auto;\r\n        font-size: 15px;\r\n        line-height: 1.6;\r\n    }\r\n    .jas-content::-webkit-scrollbar { width: 6px; }\r\n    .jas-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }\r\n    .p-0 { padding: 0 !important; overflow: hidden; }\r\n    .jas-center-content { display: flex; align-items: center; justify-content: center; }\r\n\r\n    \/* About Content *\/\r\n    .jas-hero-img {\r\n        width: 100%;\r\n        border-radius: 10px;\r\n        margin-bottom: 20px;\r\n        box-shadow: 0 5px 15px rgba(0,0,0,0.5);\r\n    }\r\n    .jas-text-content h2 { margin: 0 0 10px 0; font-size: 20px; font-weight: 800; color: #fff; }\r\n    .jas-text-content p { color: #d1d5db; margin-bottom: 15px; }\r\n\r\n    \/* Tokenomics Cards *\/\r\n    .tok-cards { width: 100%; display: flex; flex-direction: column; gap: 15px; }\r\n    .tok-card {\r\n        background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.02));\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        text-align: center;\r\n        box-shadow: inset 0 0 20px rgba(255,255,255,0.02);\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .tok-card:hover { transform: scale(1.02); background: rgba(255,255,255,0.15); }\r\n    .tok-card h3 { margin: 0 0 5px 0; font-size: 28px; font-weight: 800; color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.3); }\r\n    .tok-card p { margin: 0; color: #a1a1aa; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }\r\n\r\n    \/* How to Buy Steps *\/\r\n    .htb-steps { display: flex; flex-direction: column; gap: 15px; }\r\n    .htb-step {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        background: rgba(255,255,255,0.05);\r\n        padding: 15px;\r\n        border-radius: 12px;\r\n        border: 1px solid rgba(255,255,255,0.08);\r\n        transition: all 0.3s ease;\r\n    }\r\n    .htb-step:hover { background: rgba(255,255,255,0.1); transform: translateX(5px); }\r\n    .step-num {\r\n        width: 40px; height: 40px;\r\n        background: #fff; color: #000;\r\n        border-radius: 50%;\r\n        display: flex; justify-content: center; align-items: center;\r\n        font-size: 18px; font-weight: 800;\r\n        box-shadow: 0 0 15px rgba(255,255,255,0.5);\r\n        flex-shrink: 0;\r\n    }\r\n    .step-text { display: flex; flex-direction: column; }\r\n    .step-text strong { font-size: 16px; color: #fff; margin-bottom: 3px; }\r\n    .step-text span { font-size: 13px; color: #a1a1aa; }\r\n\r\n    \/* Bottom CA Button Glow *\/\r\n    .jas-bottom-bar {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 10;\r\n    }\r\n    #jas-ca-copy {\r\n        background: linear-gradient(90deg, rgba(30,30,30,0.8), rgba(50,50,50,0.8));\r\n        backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(255, 255, 255, 0.3);\r\n        color: white;\r\n        padding: 12px 25px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        font-family: 'Outfit', sans-serif;\r\n        border-radius: 40px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        box-shadow: 0 8px 25px rgba(0,0,0,0.6), 0 0 15px rgba(255,255,255,0.1);\r\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    }\r\n    #jas-ca-copy:hover {\r\n        background: linear-gradient(90deg, rgba(50,50,50,0.9), rgba(70,70,70,0.9));\r\n        transform: scale(1.05);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 0 25px rgba(255,255,255,0.3);\r\n        border-color: rgba(255,255,255,0.6);\r\n    }\r\n    .ca-icon-wrapper {\r\n        background: rgba(255,255,255,0.1);\r\n        padding: 5px;\r\n        border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center;\r\n    }\r\n\r\n    \/* Mobile Adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .jas-navbar { padding: 0 15px; }\r\n        .jas-nav-brand { font-size: 18px; }\r\n        .jas-nav-links .jas-nav-btn span { display: none; } \r\n        .btn-buy { font-size: 12px; padding: 6px 12px; }\r\n        .jas-desktop-icons { flex-direction: row; flex-wrap: wrap; justify-content: center; padding: 20px 10px; }\r\n        .jas-window { width: 90vw !important; height: 75vh !important; }\r\n        #jas-ca-copy { font-size: 12px; padding: 10px 15px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    let topZIndex = 100;\r\n\r\n    \/\/ Open Window & Center it\r\n    function openWindow(id) {\r\n        const win = document.getElementById(id);\r\n        win.style.display = 'flex';\r\n        topZIndex++;\r\n        win.style.zIndex = topZIndex;\r\n\r\n        const rect = win.getBoundingClientRect();\r\n        const container = document.getElementById('jas-os-container');\r\n        const centerX = (container.clientWidth - rect.width) \/ 2;\r\n        const centerY = (container.clientHeight - rect.height) \/ 2;\r\n        \r\n        win.style.left = `${Math.max(0, centerX)}px`;\r\n        win.style.top = `${Math.max(0, centerY)}px`;\r\n    }\r\n\r\n    \/\/ Close Window\r\n    function closeWindow(id) {\r\n        const win = document.getElementById(id);\r\n        win.style.animation = 'none'; \r\n        win.style.display = 'none';\r\n        setTimeout(() => win.style.animation = '', 10);\r\n    }\r\n\r\n    \/\/ Copy Contract Address (PERBAIKAN SINKRONISASI CA)\r\n    function copyCA() {\r\n        \/\/ Otomatis mengambil teks dari tombol agar selalu sinkron\r\n        const caTextElement = document.getElementById(\"ca-text\");\r\n        const caToCopy = caTextElement.innerText;\r\n        \r\n        navigator.clipboard.writeText(caToCopy).then(() => {\r\n            const originalText = caTextElement.innerText;\r\n            caTextElement.innerText = \"Adopted! CA Copied \ud83e\udde6\";\r\n            setTimeout(() => {\r\n                caTextElement.innerText = originalText;\r\n            }, 2500);\r\n        });\r\n    }\r\n\r\n    \/\/ Draggable Logic\r\n    const windows = document.querySelectorAll('.jas-window');\r\n    windows.forEach(win => {\r\n        const titlebar = win.querySelector('.jas-titlebar');\r\n        let isDragging = false;\r\n        let startX, startY, initialX, initialY;\r\n\r\n        win.addEventListener('mousedown', bringToFront);\r\n        win.addEventListener('touchstart', bringToFront, {passive: true});\r\n\r\n        function bringToFront() {\r\n            topZIndex++;\r\n            win.style.zIndex = topZIndex;\r\n        }\r\n\r\n        titlebar.addEventListener('mousedown', dragStart);\r\n        document.addEventListener('mousemove', drag);\r\n        document.addEventListener('mouseup', dragEnd);\r\n\r\n        titlebar.addEventListener('touchstart', dragStart, {passive: false});\r\n        document.addEventListener('touchmove', drag, {passive: false});\r\n        document.addEventListener('touchend', dragEnd);\r\n\r\n        function dragStart(e) {\r\n            if (e.type === 'touchstart') {\r\n                startX = e.touches[0].clientX;\r\n                startY = e.touches[0].clientY;\r\n            } else {\r\n                startX = e.clientX;\r\n                startY = e.clientY;\r\n            }\r\n            \r\n            initialX = win.offsetLeft;\r\n            initialY = win.offsetTop;\r\n            isDragging = true;\r\n        }\r\n\r\n        function drag(e) {\r\n            if (!isDragging) return;\r\n            e.preventDefault(); \r\n\r\n            let currentX, currentY;\r\n            if (e.type === 'touchmove') {\r\n                currentX = e.touches[0].clientX;\r\n                currentY = e.touches[0].clientY;\r\n            } else {\r\n                currentX = e.clientX;\r\n                currentY = e.clientY;\r\n            }\r\n\r\n            const dx = currentX - startX;\r\n            const dy = currentY - startY;\r\n\r\n            win.style.left = `${initialX + dx}px`;\r\n            win.style.top = `${initialY + dy}px`;\r\n        }\r\n\r\n        function dragEnd() {\r\n            isDragging = false;\r\n        }\r\n    });\r\n\r\n    window.onload = () => {\r\n        setTimeout(() => openWindow('modal-about'), 500);\r\n    };\r\n<\/script>\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>\ud83e\udde6 Just a Socks \ud83d\udcc8 Chart \ud83d\uded2 Buy $SOCKS \ud83d\udcdd Our Story \ud83d\uded2 How to Buy \ud83d\udcca The Supply \ud83d\udcc8 Live Chart GvLpXC6iPRaUhMUXKrEXr7P7ZjmQTe1XhVT239Bepump \ud83d\udccb \ud83d\udcdd Our Story \u2715 THE LEGEND OF THE $SOCKS They aren&#8217;t new. They aren&#8217;t fancy. They are, strictly speaking, just a pair of socks. Dirtied by the road, worn by time, [&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:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":79,"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/96"}],"wp:attachment":[{"href":"https:\/\/justasocks.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}