{"id":8,"date":"2026-06-02T20:25:30","date_gmt":"2026-06-02T20:25:30","guid":{"rendered":"https:\/\/sevensiu.xyz\/?page_id=8"},"modified":"2026-06-02T21:49:44","modified_gmt":"2026-06-02T21:49:44","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/sevensiu.xyz\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n\r\n\r\nSEVEN. Siuuu \u2014 The world's favorite lucky charm<\/title>\r\n<style>\r\n :root {\r\n --bg: #050507;\r\n --surface: #0c0c0e;\r\n --fg: #ffffff;\r\n --fg-muted: #888890;\r\n --border: #1a1a1e;\r\n --accent: #f5c450;\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html, body {\r\n background: var(--bg);\r\n color: var(--fg);\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n overflow: hidden; \r\n }\r\n\r\n a { color: inherit; text-decoration: none; }\r\n \r\n .mono {\r\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* --- ASYMMETRIC SPLIT LAYOUT --- *\/\r\n .split-layout {\r\n display: flex;\r\n width: 100vw;\r\n height: 100vh;\r\n position: relative;\r\n }\r\n\r\n \/* PANEL KIRI: Terkunci\/Statis dengan Video Background *\/\r\n .fixed-sidebar {\r\n width: 35%;\r\n height: 100vh;\r\n position: fixed;\r\n left: 0; top: 0;\r\n border-right: 1px solid var(--border);\r\n padding: 48px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n z-index: 10;\r\n overflow: hidden;\r\n background: #000;\r\n }\r\n\r\n .sidebar-bg-video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 0;\r\n opacity: 0.6;\r\n }\r\n \r\n .sidebar-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(5,5,7,0.4) 0%, rgba(5,5,7,0.95) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .sidebar-header, .sidebar-main, .sidebar-footer {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* PANEL KANAN: Bisa Di-scroll *\/\r\n .scroll-content {\r\n width: 65%;\r\n margin-left: 35%;\r\n height: 100vh;\r\n overflow-y: auto;\r\n background: var(--bg);\r\n }\r\n\r\n \/* --- SIDEBAR COMPONENTS --- *\/\r\n .sidebar-header .logo {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n letter-spacing: -0.03em;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .sidebar-header .logo span { color: var(--accent); }\r\n\r\n .sidebar-main h1 {\r\n font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n font-weight: 700;\r\n line-height: 1.1;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 20px;\r\n }\r\n .sidebar-main p {\r\n color: #cccccc;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .action-stack { display: flex; flex-direction: column; gap: 12px; }\r\n \r\n .btn {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n gap: 8px; padding: 14px 24px; border-radius: 8px;\r\n font-size: 0.9rem; font-weight: 500; border: 1px solid var(--border);\r\n background: rgba(12,12,14,0.8); backdrop-filter: blur(8px);\r\n color: var(--fg); cursor: pointer; transition: all 0.2s ease;\r\n }\r\n .btn:hover { background: rgba(255,255,255,0.1); border-color: #444; }\r\n .btn-primary { background: var(--fg); color: #000; border-color: var(--fg); font-weight: 600; }\r\n .btn-primary:hover { background: #e5e5e5; }\r\n \r\n .ca-box {\r\n display: flex; align-items: center; justify-content: space-between;\r\n background: rgba(5,5,7,0.7); backdrop-filter: blur(8px);\r\n border: 1px solid var(--border); padding: 12px 16px;\r\n border-radius: 8px; font-size: 0.85rem; cursor: pointer; color: #aaa;\r\n }\r\n .ca-box:hover { border-color: #444; color: var(--fg); }\r\n .ca-box span.copy-icon { color: var(--accent); font-weight: 600; }\r\n\r\n .sidebar-footer { display: flex; flex-direction: column; gap: 20px; }\r\n .social-grid { display: flex; gap: 20px; color: #aaa; font-size: 0.85rem; }\r\n .social-grid a:hover { color: var(--fg); }\r\n\r\n \/* --- SCROLL CONTENT SECTIONS --- *\/\r\n .section-3d {\r\n height: 70vh;\r\n border-bottom: 1px solid var(--border);\r\n position: relative;\r\n background: radial-gradient(circle at 50% 50%, #16161a 0%, var(--bg) 100%);\r\n }\r\n #canvas { width: 100%; height: 100%; outline: none; }\r\n \r\n \/* UPDATED: Scene Badge Transformed to Premium Launch Button *\/\r\n .scene-badge {\r\n position: absolute; top: 32px; right: 32px;\r\n display: flex; align-items: center; gap: 10px;\r\n background: rgba(5,5,7,0.8); backdrop-filter: blur(12px);\r\n padding: 8px 18px; border-radius: 999px; border: 1px solid var(--border);\r\n z-index: 5; cursor: pointer; outline: none; transition: all 0.2s ease;\r\n }\r\n .scene-badge:hover {\r\n background: rgba(255,255,255,0.05);\r\n border-color: var(--accent);\r\n }\r\n \r\n .dot { width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 8px #34d399; }\r\n @keyframes pulse {\r\n 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7); }\r\n 70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(52, 211, 153, 0); }\r\n 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }\r\n }\r\n .dot-pulse { animation: pulse 2s infinite; }\r\n\r\n .scene-chips {\r\n position: absolute; bottom: 32px; left: 0; right: 0;\r\n display: flex; gap: 8px; justify-content: center; padding: 0 24px;\r\n z-index: 5;\r\n }\r\n .chip {\r\n background: rgba(12,12,14,0.8); backdrop-filter: blur(8px);\r\n border: 1px solid var(--border); padding: 8px 16px; border-radius: 999px;\r\n color: var(--fg); font-size: 0.75rem; cursor: pointer; transition: 0.2s;\r\n }\r\n .chip:hover { background: var(--fg); color: var(--bg); }\r\n\r\n \/* MARQUEE *\/\r\n .marquee {\r\n border-bottom: 1px solid var(--border);\r\n padding: 20px 0;\r\n overflow: hidden;\r\n background: var(--surface);\r\n }\r\n .marquee-track { display: flex; width: max-content; gap: 48px; white-space: nowrap; animation: marquee 25s linear infinite; }\r\n .marquee-track span { display: flex; align-items: center; gap: 48px; color: var(--fg-muted); }\r\n .marquee-track .sep { color: var(--accent); }\r\n @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n \/* CONTENT BLOCKS *\/\r\n .content-block {\r\n padding: 80px 48px;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n .block-header { margin-bottom: 48px; }\r\n .block-title { font-size: 1.75rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 12px; }\r\n \r\n .row-list { display: flex; flex-direction: column; }\r\n .row-item {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 40px 0;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n .row-item:first-child { padding-top: 0; }\r\n .row-item:last-child { border-bottom: none; padding-bottom: 0; }\r\n \r\n .row-left { width: 25%; }\r\n .row-right { width: 70%; }\r\n .row-right h4 { font-size: 1.25rem; font-weight: 600; margin-bottom: 12px; }\r\n .row-right p { color: var(--fg-muted); font-size: 0.95rem; line-height: 1.7; margin-bottom: 24px; }\r\n\r\n .row-right pre {\r\n background: var(--surface); border: 1px solid var(--border);\r\n padding: 16px; border-radius: 8px; margin-top: 16px; font-size: 0.8rem; color: var(--accent);\r\n }\r\n\r\n \/* --- UTILITY DASHBOARD CARD --- *\/\r\n .utility-card {\r\n background: linear-gradient(145deg, rgba(20,20,24,0.6) 0%, rgba(10,10,12,0.8) 100%);\r\n border: 1px solid #2a2a30;\r\n border-radius: 12px;\r\n padding: 24px;\r\n margin-top: 24px;\r\n position: relative;\r\n overflow: hidden;\r\n backdrop-filter: blur(10px);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n }\r\n .utility-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%; left: -50%;\r\n width: 200%; height: 200%;\r\n background: radial-gradient(circle at 50% 0%, rgba(245, 196, 80, 0.05), transparent 50%);\r\n pointer-events: none;\r\n }\r\n .uc-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-bottom: 16px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .uc-icon { color: var(--accent); font-size: 1.2rem; }\r\n .uc-title { font-weight: 600; font-size: 1.05rem; color: var(--fg); }\r\n .uc-status {\r\n margin-left: auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #34d399;\r\n }\r\n .uc-body p {\r\n font-size: 0.9rem;\r\n color: var(--fg-muted);\r\n line-height: 1.6;\r\n margin-bottom: 24px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .uc-footer {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding-top: 20px;\r\n border-top: 1px dashed var(--border);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .uc-price { color: var(--fg-muted); }\r\n .btn-utility {\r\n background: transparent;\r\n border: 1px solid var(--accent);\r\n color: var(--accent);\r\n padding: 10px 18px;\r\n font-size: 0.85rem;\r\n }\r\n .btn-utility:hover { background: rgba(245, 196, 80, 0.1); border-color: var(--accent); }\r\n\r\n \/* --- TOAST NOTIFICATION --- *\/\r\n #custom-toast {\r\n position: fixed;\r\n bottom: 32px;\r\n right: 32px;\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n color: var(--fg);\r\n padding: 16px 24px;\r\n border-radius: 8px;\r\n font-size: 0.85rem;\r\n font-family: ui-monospace, SFMono-Regular, monospace;\r\n box-shadow: 0 12px 40px rgba(0,0,0,0.8);\r\n z-index: 100;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n pointer-events: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n #custom-toast.show {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .toast-icon { color: var(--accent); font-size: 1.2rem; line-height: 1; }\r\n\r\n \/* --- RESPONSIVE MOBILE --- *\/\r\n @media(max-width: 960px) {\r\n html, body { overflow: auto; }\r\n .split-layout { flex-direction: column; height: auto; width: 100%; }\r\n .fixed-sidebar { width: 100%; height: auto; position: static; padding: 40px 24px; border-right: none; border-bottom: 1px solid var(--border); }\r\n .scroll-content { width: 100%; margin-left: 0; height: auto; }\r\n .section-3d { height: 50vh; }\r\n .content-block { padding: 48px 24px; }\r\n .row-item { flex-direction: column; gap: 16px; }\r\n .row-left { width: 100%; }\r\n .row-right { width: 100%; }\r\n .uc-footer { flex-direction: column; gap: 16px; align-items: flex-start; }\r\n #custom-toast { bottom: 24px; right: 24px; left: 24px; justify-content: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"split-layout\">\r\n \r\n <aside class=\"fixed-sidebar\">\r\n <video class=\"sidebar-bg-video\" autoplay loop muted playsinline>\r\n <source src=\"https:\/\/sevensiu.xyz\/wp-content\/uploads\/2026\/06\/SEVEN-ASSET1-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"sidebar-overlay\"><\/div>\r\n \r\n <div class=\"sidebar-header\">\r\n <div class=\"logo\"><span class=\"logo-mark\">\u2726<\/span> SEVEN.<\/div>\r\n <\/div>\r\n \r\n <div class=\"sidebar-main\">\r\n <div class=\"mono\" style=\"color: var(--accent); margin-bottom: 16px;\">$7 Ticker<\/div>\r\n <h1>Seven isn't just a number.<\/h1>\r\n <p>Everyone is looking for an edge. A lucky shirt. A pre-game ritual. We took that universal desperation for luck, gave it a 3D face, and put it on Solana.<\/p>\r\n \r\n <div class=\"action-stack\">\r\n <div class=\"ca-box\" onclick=\"navigator.clipboard.writeText('7siuuWxyz1234567890abcdefghijklmnopqrstuvwpmo9'); showToast('Contract Address Copied!');\" title=\"Click to copy Contract Address\">\r\n <span class=\"mono\">CA: 7siuu...pmo9<\/span>\r\n <span class=\"copy-icon mono\">Copy<\/span>\r\n <\/div>\r\n <a href=\"#\" class=\"btn btn-primary\">Swap $7 Now<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"sidebar-footer\">\r\n <div class=\"social-grid mono\">\r\n <a href=\"#\">Twitter (X)<\/a>\r\n <a href=\"#\">Telegram<\/a>\r\n <a href=\"#\">DexScreener<\/a>\r\n <\/div>\r\n <div class=\"mono\" style=\"font-size: 0.6rem; color: rgba(255,255,255,0.4);\">\u00a9 2026 SEVEN LABS. ALL RIGHTS RESERVED.<\/div>\r\n <\/div>\r\n <\/aside>\r\n\r\n <main class=\"scroll-content\">\r\n \r\n <section class=\"section-3d\">\r\n \r\n <button class=\"scene-badge\" onclick=\"showToast('Main platform interface is syncing. App under development.')\">\r\n <span class=\"dot dot-pulse\"><\/span>\r\n <span class=\"mono\" style=\"font-size: 0.65rem; color: var(--fg);\">Launch App<\/span>\r\n <\/button>\r\n\r\n <canvas id=\"canvas\"><\/canvas>\r\n <div class=\"scene-chips\">\r\n <button class=\"chip\" onclick=\"showToast('Motion sequence sync in progress...')\">\ud83c\udfb2 Roll Luck<\/button>\r\n <button class=\"chip\" onclick=\"showToast('Motion sequence sync in progress...')\">\ud83d\udc4b Siuuu<\/button>\r\n <button class=\"chip\" onclick=\"showToast('Motion sequence sync in progress...')\">\ud83d\udc83 Pump Dance<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"marquee\">\r\n <div class=\"marquee-track\" id=\"marquee\"><\/div>\r\n <\/div>\r\n\r\n <section class=\"content-block\">\r\n <div class=\"block-header\">\r\n <div class=\"mono\" style=\"color: var(--accent); margin-bottom: 8px;\">01 \/ Core Logic<\/div>\r\n <h2 class=\"block-title\">The Lucky Charm Manifesto<\/h2>\r\n <\/div>\r\n <div class=\"row-list\">\r\n \r\n <div class=\"row-item\">\r\n <div class=\"row-left mono\">The Concept<\/div>\r\n <div class=\"row-right\">\r\n <h4>More than just a meme.<\/h4>\r\n <p>We gave the world's favorite lucky charm a 3D face. It's raw, it's deadpan, it's just 7. It doesn't promise hyper-utility, it simply brings fortune to those who hold.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row-item\">\r\n <div class=\"row-left mono\">The Utility<\/div>\r\n <div class=\"row-right\">\r\n <h4>Ask for predictions.<\/h4>\r\n <p>Integrated with on-chain micro-payments via x402. Pay a few cents in USDC to let the digital entity scan the blocks and evaluate your trade luck for the day.<\/p>\r\n \r\n <div class=\"utility-card\">\r\n <div class=\"uc-header\">\r\n <div class=\"uc-icon\">\u2727<\/div>\r\n <div class=\"uc-title\">Oracle x402 Terminal<\/div>\r\n <div class=\"uc-status mono\">\r\n <span class=\"dot dot-pulse\" style=\"width:5px;height:5px;\"><\/span> Standby\r\n <\/div>\r\n <\/div>\r\n <div class=\"uc-body\">\r\n <p>Establish a secure connection to the luck-probability matrix. Agent will respond based on real-time on-chain sentiment.<\/p>\r\n <\/div>\r\n <div class=\"uc-footer\">\r\n <div class=\"uc-price mono\">Est. Cost: 0.02 USDC \/ Chat<\/div>\r\n <button class=\"btn btn-utility\" onclick=\"showToast('API Endpoint is syncing. Oracle under development.')\">\r\n Initialize Oracle \u2192\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"content-block\" style=\"border-bottom: none; padding-bottom: 120px;\">\r\n <div class=\"block-header\">\r\n <div class=\"mono\" style=\"color: var(--accent); margin-bottom: 8px;\">02 \/ Architecture<\/div>\r\n <h2 class=\"block-title\">Tokenomics & Network<\/h2>\r\n <\/div>\r\n <div class=\"row-list\">\r\n <div class=\"row-item\">\r\n <div class=\"row-left mono\">Solana Native<\/div>\r\n <div class=\"row-right\">\r\n <h4>Fair & Transparent Deployment<\/h4>\r\n <p>Launched stealthily without pre-allocations or hidden developer reserves. Liquid pool burned completely at genesis.<\/p>\r\n <pre class=\"mono\">Supply: 1,000,000,000 $7\r\nTax Matrix: 0% Buy \/ 0% Sell\r\nAuthority: Renounced<\/pre>\r\n <\/div>\r\n <\/div>\r\n <div class=\"row-item\">\r\n <div class=\"row-left mono\">Ecosystem<\/div>\r\n <div class=\"row-right\">\r\n <h4>Siuuu Energy Distribution<\/h4>\r\n <p>Driven purely by the collective culture of community distribution. Every interaction fuels the narrative gravity across social timelines.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/main>\r\n<\/div>\r\n\r\n<div id=\"custom-toast\">\r\n <span class=\"toast-icon\">\u2726<\/span>\r\n <span id=\"toast-text\">Message<\/span>\r\n<\/div>\r\n\r\n<script type=\"importmap\">\r\n{\r\n \"imports\": {\r\n \"three\": \"https:\/\/unpkg.com\/three@0.160.0\/build\/three.module.js\",\r\n \"three\/addons\/\": \"https:\/\/unpkg.com\/three@0.160.0\/examples\/jsm\/\"\r\n }\r\n}\r\n<\/script>\r\n<script type=\"module\">\r\nimport * as THREE from 'three';\r\nimport { GLTFLoader } from 'three\/addons\/loaders\/GLTFLoader.js';\r\nimport { OrbitControls } from 'three\/addons\/controls\/OrbitControls.js';\r\nimport { RoomEnvironment } from 'three\/addons\/environments\/RoomEnvironment.js';\r\n\r\n\/\/ Fungsi Toast Notification Premium\r\nwindow.showToast = function(msg) {\r\n const toast = document.getElementById('custom-toast');\r\n document.getElementById('toast-text').innerText = msg;\r\n \r\n toast.classList.add('show');\r\n \r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 3500);\r\n};\r\n\r\n\/\/ Marquee Animation\r\nconst items = [\"Lucky Number 7\", \"Siuuu!\", \"100% Locked\", \"LP Burned\", \"Solana Native\", \"0% Tax\", \"Contract Renounced\"];\r\nconst track = document.getElementById('marquee');\r\nif(track) {\r\n const row = [...items, ...items, ...items];\r\n track.innerHTML = row.map(t => `<span class=\"mono\">${t}<span class=\"sep\">\u2726<\/span><\/span>`).join('');\r\n}\r\n\r\n\/\/ 3D Engine Initialization\r\nconst canvas = document.getElementById('canvas');\r\nconst renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: true });\r\nrenderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\nrenderer.outputColorSpace = THREE.SRGBColorSpace;\r\nrenderer.toneMapping = THREE.ACESFilmicToneMapping;\r\n\r\nconst scene = new THREE.Scene();\r\nconst camera = new THREE.PerspectiveCamera(38, 1, 0.1, 100);\r\ncamera.position.set(0, 0.4, 4.2);\r\n\r\nconst pmrem = new THREE.PMREMGenerator(renderer);\r\nscene.environment = pmrem.fromScene(new RoomEnvironment(), 0.04).texture;\r\n\r\nscene.add(new THREE.AmbientLight(0xffffff, 0.6));\r\nconst dir = new THREE.DirectionalLight(0xffffff, 1.2); \r\ndir.position.set(3, 5, 2); \r\nscene.add(dir);\r\n\r\nconst warm = new THREE.DirectionalLight(0xffd28a, 0.4); \r\nwarm.position.set(-3, 2, -2); \r\nscene.add(warm);\r\n\r\nconst controls = new OrbitControls(camera, canvas);\r\ncontrols.enableZoom = false; \r\ncontrols.enablePan = false;\r\ncontrols.minPolarAngle = Math.PI \/ 2.4; \r\ncontrols.maxPolarAngle = Math.PI \/ 1.8;\r\n\r\nlet model = null;\r\nnew GLTFLoader().load(\r\n 'https:\/\/threejs.org\/examples\/models\/gltf\/RobotExpressive\/RobotExpressive.glb',\r\n gltf => {\r\n model = gltf.scene;\r\n model.scale.setScalar(0.55);\r\n scene.add(model);\r\n }\r\n);\r\n\r\nfunction resize() {\r\n const container = canvas.parentElement;\r\n const w = container.clientWidth;\r\n const h = container.clientHeight;\r\n renderer.setSize(w, h, false);\r\n camera.aspect = w \/ h; \r\n camera.updateProjectionMatrix();\r\n}\r\nnew ResizeObserver(resize).observe(canvas.parentElement);\r\nresize();\r\n\r\nconst clock = new THREE.Clock();\r\nrenderer.setAnimationLoop(() => {\r\n const t = clock.getElapsedTime();\r\n if (model) {\r\n model.rotation.y = Math.sin(t * 0.4) * 0.35;\r\n model.position.y = Math.sin(t * 1.2) * 0.05 - 1.2;\r\n }\r\n controls.update();\r\n renderer.render(scene, camera);\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>SEVEN. Siuuu \u2014 The world’s favorite lucky charm \u2726 SEVEN. $7 Ticker Seven isn’t just a number. Everyone is looking for an edge. A lucky shirt. A pre-game ritual. We took that universal desperation for luck, gave it a 3D face, and put it on Solana. CA: 7siuu…pmo9 Copy Swap $7 Now Twitter (X) Telegram […]<\/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:\/\/sevensiu.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":52,"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/sevensiu.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}