{"id":8,"date":"2026-04-08T17:24:45","date_gmt":"2026-04-08T17:24:45","guid":{"rendered":"https:\/\/sunonsol.fun\/?page_id=8"},"modified":"2026-04-08T18:13:05","modified_gmt":"2026-04-08T18:13:05","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/sunonsol.fun\/","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\nSUN ($SUN) \u2014 Harness The Energy<\/title>\r\n<meta name=\"description\" content=\"$SUN is a decentralized radiating force. Harness the energy. Ignite the future.\"\/>\r\n<style>\r\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600&family=Rajdhani:wght@300;400;500;600;700&display=swap');\r\n\r\n:root{\r\n --solar:#ff6a00;\r\n --solar-bright:#ffaa33;\r\n --solar-gold:#ffd700;\r\n --solar-dim:#cc4400;\r\n --void:#000;\r\n --panel:#0a0a0a;\r\n --line:#1a1a1a;\r\n --text:#c8c8c8;\r\n --text-dim:#777;\r\n --glow-sm:0 0 8px rgba(255,106,0,.4);\r\n --glow-md:0 0 20px rgba(255,106,0,.4),0 0 40px rgba(255,106,0,.2);\r\n --glow-lg:0 0 30px rgba(255,106,0,.5),0 0 80px rgba(255,106,0,.3),0 0 120px rgba(255,106,0,.15);\r\n}\r\n\r\nhtml{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,106,0,.3) #000}\r\n::-webkit-scrollbar{width:3px}\r\n::-webkit-scrollbar-track{background:#000}\r\n::-webkit-scrollbar-thumb{background:rgba(255,106,0,.5)}\r\n\r\nbody{\r\n background:#000;\r\n color:var(--text);\r\n font-family:'Rajdhani',sans-serif;\r\n overflow-x:hidden;\r\n line-height:1.6;\r\n}\r\n\r\n\/* ===== LOADING SCREEN ===== *\/\r\n#loader{\r\n position:fixed;inset:0;z-index:9999;\r\n background:#000;\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n transition:opacity .8s,visibility .8s;\r\n}\r\n#loader.hide{opacity:0;visibility:hidden;pointer-events:none}\r\n#loader-core{\r\n width:20px;height:20px;border-radius:50%;\r\n background:radial-gradient(circle,#fff,#ffaa33,#ff6a00,transparent);\r\n box-shadow:var(--glow-lg);\r\n transition:transform 2s cubic-bezier(.23,1,.32,1),box-shadow 2s;\r\n}\r\n#loader-core.expand{\r\n transform:scale(8);\r\n box-shadow:0 0 100px rgba(255,106,0,.8),0 0 200px rgba(255,106,0,.5);\r\n}\r\n#loader-text{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:10px;letter-spacing:4px;\r\n color:var(--text-dim);\r\n margin-top:30px;text-transform:uppercase;\r\n}\r\n#loader-bar{\r\n width:180px;height:1px;background:#1a1a1a;margin-top:12px;position:relative;overflow:hidden;\r\n}\r\n#loader-fill{\r\n height:100%;width:0;background:var(--solar);\r\n transition:width .1s linear;\r\n box-shadow: 0 0 10px var(--solar);\r\n}\r\n#loader-pct{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:10px;color:var(--solar);margin-top:8px;\r\n}\r\n\r\n\/* ===== GLOBAL GRID OVERLAY ===== *\/\r\n.grid-overlay{\r\n position:fixed;inset:0;z-index:1;pointer-events:none;\r\n background-image:\r\n linear-gradient(rgba(255,106,0,.04) 1px,transparent 1px),\r\n linear-gradient(90deg,rgba(255,106,0,.04) 1px,transparent 1px);\r\n background-size:80px 80px;\r\n}\r\n\r\n\/* ===== SCANLINES ===== *\/\r\n.scanlines{\r\n position:fixed;inset:0;z-index:2;pointer-events:none;\r\n background:repeating-linear-gradient(\r\n 0deg,\r\n transparent,transparent 2px,\r\n rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px\r\n );\r\n}\r\n\r\n\/* ===== NAV ===== *\/\r\nnav{\r\n position:fixed;top:0;left:0;right:0;z-index:100;\r\n background:rgba(0,0,0,.7);\r\n backdrop-filter:blur(20px);\r\n border-bottom:1px solid rgba(255,106,0,.15);\r\n}\r\n.nav-inner{\r\n max-width:100%;padding:0 40px;height:60px;\r\n display:flex;align-items:center;justify-content:space-between;\r\n}\r\n.nav-brand{\r\n font-family:'Orbitron',sans-serif;\r\n font-size:16px;font-weight:800;letter-spacing:3px;\r\n color:#fff;display:flex;align-items:center;gap:10px;\r\n text-shadow: 0 0 10px rgba(255,106,0,0.5);\r\n}\r\n.nav-dot{\r\n width:8px;height:8px;\r\n background:var(--solar);\r\n clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);\r\n box-shadow:var(--glow-sm);\r\n animation:pulse-dot 2s infinite;\r\n}\r\n@keyframes pulse-dot{0%,100%{opacity:.5; transform:scale(1)}50%{opacity:1; transform:scale(1.2)}}\r\n.nav-links{display:flex;gap:32px;list-style:none}\r\n.nav-links a{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:11px;letter-spacing:3px;text-transform:uppercase;\r\n color:var(--text-dim);text-decoration:none;\r\n position:relative;transition:color .3s;\r\n}\r\n.nav-links a:hover{color:var(--solar-bright); text-shadow: 0 0 8px rgba(255,170,51,0.4);}\r\n.nav-links a::after{\r\n content:'';position:absolute;bottom:-4px;left:0;\r\n width:0;height:1px;background:var(--solar);\r\n transition:width .3s ease-out;\r\n}\r\n.nav-links a:hover::after{width:100%}\r\n.nav-status{display:flex;align-items:center;gap:8px}\r\n.nav-status span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-dim)}\r\n.live-dot{width:6px;height:6px;background:#00ff88;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:pulse-dot 1.5s infinite; box-shadow: 0 0 8px rgba(0,255,136,0.5);}\r\n\r\n\/* ===== SECTIONS ===== *\/\r\nsection{\r\n position:relative;z-index:5;\r\n width:100%;\r\n padding:140px 40px;\r\n}\r\n.section-border{\r\n border-top:1px solid var(--line);\r\n border-bottom:1px solid var(--line);\r\n background: radial-gradient(ellipse at center, rgba(10,10,10,0.4) 0%, rgba(0,0,0,1) 100%);\r\n}\r\n.section-label{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:10px;letter-spacing:5px;text-transform:uppercase;\r\n color:var(--solar-bright);\r\n display:flex;align-items:center;gap:12px;\r\n margin-bottom:20px;\r\n justify-content:center;\r\n text-shadow: 0 0 8px rgba(255,170,51,0.3);\r\n}\r\n.section-label::before,.section-label::after{\r\n content:'';width:40px;height:1px;background:var(--solar);opacity:.6;\r\n}\r\n.section-title{\r\n font-family:'Orbitron',sans-serif;\r\n font-weight:900;\r\n line-height:1.1;\r\n margin-bottom:24px;\r\n background:linear-gradient(135deg,#fff,#ffd700,#ff6a00);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n text-shadow:none;\r\n filter:drop-shadow(0 0 25px rgba(255,106,0,.3));\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n#hero{\r\n min-height:100vh;\r\n display:flex;flex-direction:column;\r\n align-items:center;justify-content:center;\r\n text-align:center;\r\n padding-top:80px;\r\n}\r\n#hero .section-title{font-size:clamp(36px,8vw,90px); filter:drop-shadow(0 0 40px rgba(255,106,0,.4));}\r\n.hero-sub{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:14px;color:var(--text);\r\n max-width:550px;margin:0 auto 40px;\r\n min-height:20px;\r\n text-shadow: 0 0 10px rgba(255,255,255,0.1);\r\n}\r\n.hero-sub .cursor{\r\n display:inline-block;width:2px;height:14px;\r\n background:var(--solar);margin-left:2px;\r\n animation:blink .7s step-end infinite;vertical-align:middle;\r\n box-shadow: var(--glow-sm);\r\n}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}\r\n\r\n\/* Copy CA Button *\/\r\n.btn-copy{\r\n position:relative;\r\n display:inline-flex;align-items:center;gap:12px;\r\n padding:18px 32px;\r\n background:rgba(255,106,0,.03);\r\n border:1px solid rgba(255,106,0,.4);\r\n color:var(--solar-bright);\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:12px;letter-spacing:1px;\r\n cursor:pointer;\r\n clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));\r\n transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.btn-copy:hover{\r\n background:rgba(255,106,0,.15);\r\n border-color:var(--solar-bright);\r\n box-shadow:var(--glow-md);\r\n transform: translateY(-3px);\r\n}\r\n.btn-copy .icon{font-size:16px; text-shadow: var(--glow-sm);}\r\n.btn-copy .label{\r\n font-size:10px;letter-spacing:3px;text-transform:uppercase;\r\n color:var(--text);\r\n transition: color 0.3s;\r\n}\r\n.btn-copy.copied{border-color:#00ff88;color:#00ff88; background:rgba(0,255,136,0.1); box-shadow: 0 0 20px rgba(0,255,136,0.4);}\r\n.btn-copy.copied .label{color:#00ff88}\r\n\r\n\/* ===== SUN CANVAS ===== *\/\r\n#sun-container{\r\n position:relative;\r\n width:100%;\r\n height:100%;\r\n margin-bottom:60px;\r\n}\r\n#sun-canvas{width:100%;height:100%}\r\n\r\n\/* ===== ABOUT ===== *\/\r\n#about{\r\n display:flex;align-items:center;justify-content:center;\r\n gap:80px;flex-wrap:wrap;\r\n}\r\n.about-content{\r\n flex:1;min-width:300px;max-width:560px;\r\n text-align:center;\r\n}\r\n.about-content .section-title{font-size:clamp(32px,5vw,58px)}\r\n.about-text{\r\n font-size:16px;color:var(--text);line-height:1.8;\r\n margin-bottom:40px;\r\n}\r\n.about-stats{\r\n display:flex;gap:0;justify-content:center;\r\n}\r\n.stat-box{\r\n padding:24px 28px;\r\n border:1px solid var(--line);\r\n background: rgba(10,10,10,0.6);\r\n text-align:center;\r\n flex:1;\r\n transition: border-color 0.3s, box-shadow 0.3s;\r\n}\r\n.stat-box:hover{\r\n border-color: rgba(255,106,0,.4);\r\n box-shadow: inset 0 0 20px rgba(255,106,0,.05);\r\n}\r\n.stat-box+.stat-box{border-left:none}\r\n.stat-val{\r\n font-family:'Orbitron',sans-serif;\r\n font-size:24px;font-weight:800;\r\n color:var(--solar-bright);\r\n filter:drop-shadow(0 0 8px rgba(255,106,0,.4));\r\n}\r\n.stat-label{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:9px;letter-spacing:4px;text-transform:uppercase;\r\n color:var(--text-dim);margin-top:6px;\r\n}\r\n#about-sun{\r\n width:clamp(250px,30vw,420px);\r\n height:clamp(250px,30vw,420px);\r\n flex-shrink:0;\r\n}\r\n\r\n\/* ===== MANIFEST ===== *\/\r\n#manifest{text-align:center}\r\n#manifest .section-title{font-size:clamp(32px,5vw,58px)}\r\n.ca-block{\r\n margin:40px auto;max-width:650px;\r\n border:1px solid rgba(255,106,0,0.2);\r\n background: rgba(255,106,0,0.02);\r\n padding:24px 32px;\r\n display:flex;align-items:center;justify-content:space-between;\r\n gap:16px;\r\n cursor:pointer;\r\n transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.ca-block:hover{\r\n border-color:var(--solar-bright);\r\n box-shadow:var(--glow-md);\r\n transform: translateY(-3px);\r\n}\r\n.ca-block .ca-addr{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:13px;color:#fff;word-break:break-all;\r\n text-align:left;\r\n text-shadow: 0 0 5px rgba(255,255,255,0.3);\r\n}\r\n.ca-block .ca-label{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:10px;letter-spacing:3px;text-transform:uppercase;\r\n color:var(--solar-bright);white-space:nowrap;\r\n transition:color .3s;\r\n}\r\n.ca-block.copied{ border-color:#00ff88; background:rgba(0,255,136,0.05); }\r\n.ca-block.copied .ca-label{color:#00ff88}\r\n.chart-wrapper{\r\n margin-top:48px;\r\n border:1px solid rgba(255,106,0,0.2);\r\n overflow:hidden;\r\n box-shadow: 0 0 30px rgba(0,0,0,0.8);\r\n}\r\n.chart-bar{\r\n display:flex;align-items:center;justify-content:space-between;\r\n padding:12px 20px;\r\n border-bottom:1px solid rgba(255,106,0,0.2);\r\n background:rgba(10,10,10,.9);\r\n}\r\n.chart-bar:last-child{border-bottom:none;border-top:1px solid rgba(255,106,0,0.2)}\r\n.chart-bar span{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:9px;letter-spacing:2px;color:var(--text);\r\n}\r\n.chart-bar .active{color:var(--solar-bright); text-shadow: 0 0 8px var(--solar-bright);}\r\n.chart-iframe{width:100%;height:550px;border:none;background:#000}\r\n\r\n\/* ===== ACQUIRE ===== *\/\r\n#acquire{text-align:center}\r\n#acquire .section-title{font-size:clamp(32px,5vw,58px)}\r\n.nodes-grid{\r\n display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\r\n gap:0;margin-top:56px;max-width:1000px;margin-left:auto;margin-right:auto;\r\n}\r\n.node-card{\r\n border:1px solid var(--line);\r\n background: rgba(10,10,10,0.4);\r\n padding:48px 24px;\r\n text-align:center;\r\n position:relative;\r\n transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.node-card:hover{\r\n border-color:var(--solar);\r\n box-shadow: 0 10px 30px rgba(255,106,0,.1);\r\n transform: translateY(-8px);\r\n z-index: 2;\r\n background: rgba(15,15,15,0.9);\r\n}\r\n.node-card+.node-card{border-left:none}\r\n.node-step{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:10px;letter-spacing:4px;color:var(--solar-bright);\r\n margin-bottom:16px;\r\n}\r\n.node-icon{\r\n font-size:32px;margin-bottom:16px;\r\n filter:drop-shadow(0 0 10px rgba(255,106,0,.5));\r\n color: #fff;\r\n}\r\n.node-title{\r\n font-family:'Orbitron',sans-serif;\r\n font-size:15px;font-weight:700;color:#fff;\r\n margin-bottom:8px;\r\n letter-spacing: 1px;\r\n}\r\n.node-desc{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:11px;color:var(--text-dim);\r\n}\r\n.node-card::after{\r\n content:'\u2192';position:absolute;right:-12px;top:50%;transform:translateY(-50%);\r\n font-size:18px;color:var(--solar);opacity:.5;z-index:10;\r\n text-shadow: 0 0 8px var(--solar);\r\n}\r\n.node-card:last-child::after{display:none}\r\n\r\n\/* ===== SPHERE ===== *\/\r\n#sphere{text-align:center; padding-bottom:180px;}\r\n#sphere .section-title{font-size:clamp(32px,5vw,58px)}\r\n.sphere-visual{\r\n position:relative;\r\n width:360px;height:360px;\r\n margin:60px auto 0;\r\n}\r\n.sphere-core{\r\n position:absolute;\r\n left:50%;top:50%;transform:translate(-50%,-50%);\r\n width:70px;height:70px;\r\n background:radial-gradient(circle,#fff,#ffaa33,#ff6a00,#882200,transparent);\r\n clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);\r\n box-shadow:var(--glow-lg);\r\n animation:spin-slow 12s linear infinite;\r\n z-index: 5;\r\n}\r\n\r\n\/* New Animated Energy SVG *\/\r\n.energy-svg {\r\n position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); \r\n pointer-events: none; z-index: 2;\r\n}\r\n.energy-line {\r\n fill: none;\r\n stroke: rgba(255,106,0,0.15);\r\n stroke-width: 1.5;\r\n}\r\n.energy-flow {\r\n fill: none;\r\n stroke: url(#flowGrad);\r\n stroke-width: 3;\r\n stroke-dasharray: 40 250;\r\n animation: energy-pulse 2.5s linear infinite;\r\n}\r\n.flow-d1 { animation-delay: 0s; }\r\n.flow-d2 { animation-delay: 0.8s; }\r\n.flow-d3 { animation-delay: 1.6s; }\r\n\r\n@keyframes energy-pulse {\r\n 0% { stroke-dashoffset: 290; opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { stroke-dashoffset: 0; opacity: 0; }\r\n}\r\n\r\n\/* Orbit Links *\/\r\n.orbit-link{\r\n position:absolute;\r\n display:flex;flex-direction:column;align-items:center;gap:8px;\r\n text-decoration:none;\r\n z-index: 10;\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n.orbit-link:hover{\r\n transform: translate(-50%, -50%) scale(1.15) !important;\r\n}\r\n.orbit-node{\r\n width:16px;height:16px;\r\n background:var(--solar-bright);\r\n clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);\r\n box-shadow:var(--glow-sm);\r\n transition:box-shadow .3s, background .3s;\r\n}\r\n.orbit-link:hover .orbit-node{\r\n box-shadow:var(--glow-lg);\r\n background: #fff;\r\n}\r\n.orbit-link span{\r\n font-family:'JetBrains Mono',monospace;\r\n font-size:10px;letter-spacing:2px;text-transform:uppercase;\r\n color:var(--text);white-space:nowrap;\r\n background: rgba(0,0,0,0.8);\r\n padding: 4px 8px;\r\n border: 1px solid rgba(255,106,0,0.3);\r\n transition: all .3s;\r\n}\r\n.orbit-link:hover span{color:var(--solar-bright); border-color: var(--solar-bright); box-shadow: 0 0 10px rgba(255,106,0,0.2);}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{\r\n position:relative;z-index:5;\r\n border-top:1px solid rgba(255,106,0,0.2);\r\n padding:60px 40px;\r\n text-align:center;\r\n background: linear-gradient(to top, rgba(255,106,0,0.05), transparent);\r\n}\r\n.footer-title{\r\n font-family:'Orbitron',sans-serif;\r\n font-size:22px;font-weight:700;\r\n background:linear-gradient(135deg,#fff,#ffd700,#ff6a00);\r\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;\r\n background-clip:text;\r\n filter:drop-shadow(0 0 15px rgba(255,106,0,.4));\r\n margin-bottom:16px;\r\n}\r\n.footer-copy{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text);letter-spacing:2px;margin-bottom:12px}\r\n.footer-disc{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(150,150,150,.6);max-width:520px;margin:0 auto;line-height:1.6}\r\n\r\n\/* ===== SCROLL REVEAL ===== *\/\r\n.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}\r\n.reveal.visible{opacity:1;transform:translateY(0)}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media(max-width:768px){\r\n section{padding:100px 20px}\r\n .nav-inner{padding:0 20px}\r\n .nav-links{display:none}\r\n #about{flex-direction:column;gap:50px}\r\n .about-stats{flex-direction:column}\r\n .stat-box+.stat-box{border-left:1px solid var(--line);border-top:none}\r\n .nodes-grid{grid-template-columns:1fr}\r\n .node-card+.node-card{border-left:1px solid var(--line);border-top:none}\r\n .node-card::after{display:none}\r\n .sphere-visual{transform: scale(0.8); margin-top: 20px;}\r\n footer{padding:50px 20px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"loader\">\r\n <div id=\"loader-core\"><\/div>\r\n <div id=\"loader-text\">Initializing Solar Protocol...<\/div>\r\n <div id=\"loader-bar\"><div id=\"loader-fill\"><\/div><\/div>\r\n <div id=\"loader-pct\">[0%]<\/div>\r\n<\/div>\r\n\r\n<div class=\"grid-overlay\"><\/div>\r\n<div class=\"scanlines\"><\/div>\r\n\r\n<nav>\r\n <div class=\"nav-inner\">\r\n <div class=\"nav-brand\">\r\n <div class=\"nav-dot\"><\/div>\r\n SUN <span style=\"font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-dim);font-weight:400;text-shadow:none;\">($SUN)<\/span>\r\n <\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#hero\">The Core<\/a><\/li>\r\n <li><a href=\"#about\">Architecture<\/a><\/li>\r\n <li><a href=\"#manifest\">Data<\/a><\/li>\r\n <li><a href=\"#acquire\">Acquire<\/a><\/li>\r\n <li><a href=\"#sphere\">Sphere<\/a><\/li>\r\n <\/ul>\r\n <div class=\"nav-status\">\r\n <div class=\"live-dot\"><\/div>\r\n <span>LIVE ON SOL<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<section id=\"hero\">\r\n <div id=\"sun-container\">\r\n <canvas id=\"sun-canvas\"><\/canvas>\r\n <\/div>\r\n <h1 class=\"section-title reveal\">HARNESS THE ENERGY.<br>IGNITE THE FUTURE.<\/h1>\r\n <p class=\"hero-sub reveal\"><span id=\"typewriter\"><\/span><span class=\"cursor\"><\/span><\/p>\r\n <button class=\"btn-copy reveal\" id=\"hero-copy\" onclick=\"copyCA(this)\">\r\n <span class=\"icon\">\u2b21<\/span>\r\n <span>\r\n <span class=\"label\">Copy Contract Address<\/span><br>\r\n <span style=\"font-size:13px; color:#fff;\" id=\"hero-ca\">NULL<\/span>\r\n <\/span>\r\n <\/button>\r\n<\/section>\r\n\r\n<section id=\"about\" class=\"section-border\">\r\n <div class=\"about-content reveal\">\r\n <div class=\"section-label\">The Luminous Core Protocol<\/div>\r\n <h2 class=\"section-title\">THE RADIANT<br>ARCHITECTURE<\/h2>\r\n <p class=\"about-text\">$SUN is a decentralized radiating force. A movement toward self-sovereignty and sustainable brilliance. Like its namesake, $SUN provides energy and light to all nodes in its aligned ecosystem.<\/p>\r\n <div class=\"about-stats\">\r\n <div class=\"stat-box\"><div class=\"stat-val\">12,847<\/div><div class=\"stat-label\">Active Nodes<\/div><\/div>\r\n <div class=\"stat-box\"><div class=\"stat-val\">\u221e THz<\/div><div class=\"stat-label\">Energy Output<\/div><\/div>\r\n <div class=\"stat-box\"><div class=\"stat-val\">99.99%<\/div><div class=\"stat-label\">Uptime<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <canvas id=\"about-sun\" class=\"reveal\"><\/canvas>\r\n<\/section>\r\n\r\n<section id=\"manifest\" class=\"section-border\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">Luminous Data Stream<\/div>\r\n <h2 class=\"section-title\">MANIFEST<br>PROTOCOL DATA<\/h2>\r\n <p style=\"font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px\">Core Contract Authentication:<\/p>\r\n <div class=\"ca-block\" id=\"manifest-ca\" onclick=\"copyCA2(this)\">\r\n <span class=\"ca-addr\">NULL<\/span>\r\n <span class=\"ca-label\">COPY DATA<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <div style=\"display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:12px\">\r\n <div style=\"width:6px;height:6px;background:var(--solar-bright);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:pulse-dot 1.5s infinite;box-shadow:var(--glow-sm)\"><\/div>\r\n <span style=\"font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--solar-bright);text-transform:uppercase;text-shadow:0 0 5px rgba(255,170,51,0.3)\">Orbiting Market Analysis: $SUN Core<\/span>\r\n <\/div>\r\n <div class=\"chart-wrapper\">\r\n <div class=\"chart-bar\">\r\n <span>DEXSCREENER \/\/ LIVE FEED<\/span>\r\n <span><span class=\"active\">\u25cf ACTIVE<\/span><\/span>\r\n <\/div>\r\n <iframe src=\"https:\/\/dexscreener.com\/?embed=1&theme=dark\" class=\"chart-iframe\" title=\"Chart\" loading=\"lazy\"><\/iframe>\r\n <div class=\"chart-bar\">\r\n <span>LATENCY: 12ms<\/span>\r\n <span>SYNC: 100%<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"acquire\" class=\"section-border\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">Solar Ascension Path<\/div>\r\n <h2 class=\"section-title\">HARNESSING<br>THE SOLAR FLOW<\/h2>\r\n <\/div>\r\n <div class=\"nodes-grid reveal\">\r\n <div class=\"node-card\">\r\n <div class=\"node-step\">PHASE 01<\/div>\r\n <div class=\"node-icon\">\u25c7<\/div>\r\n <div class=\"node-title\">Establish Presence<\/div>\r\n <div class=\"node-desc\">Setup Solana Wallet infrastructure.<\/div>\r\n <\/div>\r\n <div class=\"node-card\">\r\n <div class=\"node-step\">PHASE 02<\/div>\r\n <div class=\"node-icon\">\u25c8<\/div>\r\n <div class=\"node-title\">Secure Energy<\/div>\r\n <div class=\"node-desc\">Acquire SOL to fuel the transmission.<\/div>\r\n <\/div>\r\n <div class=\"node-card\">\r\n <div class=\"node-step\">PHASE 03<\/div>\r\n <div class=\"node-icon\">\u2b21<\/div>\r\n <div class=\"node-title\">Access Portal<\/div>\r\n <div class=\"node-desc\">Connect to Jupiter or Raydium DEX.<\/div>\r\n <\/div>\r\n <div class=\"node-card\">\r\n <div class=\"node-step\">PHASE 04<\/div>\r\n <div class=\"node-icon\">\u2609<\/div>\r\n <div class=\"node-title\">Integrate Core<\/div>\r\n <div class=\"node-desc\">Swap SOL to harness $SUN energy.<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"sphere\" class=\"section-border\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">Orbital Network<\/div>\r\n <h2 class=\"section-title\">JOIN THE<br>SOLAR SPHERE<\/h2>\r\n <p style=\"font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--text);max-width:550px;margin:0 auto 16px;text-shadow:0 0 10px rgba(0,0,0,0.8)\">A powerful, diverse network orbiting a single idea. Connect and expand the $SUN influence.<\/p>\r\n <\/div>\r\n \r\n <div class=\"sphere-visual reveal\">\r\n <div class=\"orbit-ring\"><\/div>\r\n <div class=\"orbit-ring\"><\/div>\r\n <div class=\"sphere-core\"><\/div>\r\n \r\n <svg class=\"energy-svg\" viewBox=\"0 0 440 440\">\r\n <defs>\r\n <linearGradient id=\"flowGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n <stop offset=\"0%\" stop-color=\"transparent\" \/>\r\n <stop offset=\"50%\" stop-color=\"#ffaa33\" \/>\r\n <stop offset=\"100%\" stop-color=\"transparent\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <line x1=\"220\" y1=\"220\" x2=\"220\" y2=\"40\" class=\"energy-line\" \/>\r\n <line x1=\"220\" y1=\"220\" x2=\"60\" y2=\"340\" class=\"energy-line\" \/>\r\n <line x1=\"220\" y1=\"220\" x2=\"380\" y2=\"340\" class=\"energy-line\" \/>\r\n \r\n <line x1=\"220\" y1=\"220\" x2=\"220\" y2=\"40\" class=\"energy-flow flow-d1\" \/>\r\n <line x1=\"220\" y1=\"220\" x2=\"60\" y2=\"340\" class=\"energy-flow flow-d2\" \/>\r\n <line x1=\"220\" y1=\"220\" x2=\"380\" y2=\"340\" class=\"energy-flow flow-d3\" \/>\r\n <\/svg>\r\n\r\n <a href=\"#\" class=\"orbit-link\" style=\"top:0px;left:50%;transform:translate(-50%,-50%)\">\r\n <div class=\"orbit-node\"><\/div><span>BUY ON PUMP.SWAP<\/span>\r\n <\/a>\r\n <a href=\"#\" class=\"orbit-link\" style=\"top:300px;left:20px;transform:translate(-50%,-50%)\">\r\n <div class=\"orbit-node\"><\/div><span>Telegram Ray<\/span>\r\n <\/a>\r\n <a href=\"#\" class=\"orbit-link\" style=\"top:300px;left:340px;transform:translate(-50%,-50%)\">\r\n <div class=\"orbit-node\"><\/div><span>X COMMUNITY<\/span>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer>\r\n <div class=\"reveal\">\r\n <div class=\"footer-title\">IGNITION IMMINENT.<\/div>\r\n <div class=\"footer-copy\">\u00a9 2026 SUN ECOSYSTEM. ALL RIGHTS RESERVED.<\/div>\r\n <div class=\"footer-disc\">$SUN is a conceptual digital asset. Not financial advice. User accepts all associated risks traversing the solar network.<\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\nconst CA='NULL';\r\n\r\n\/* ===== LOADER ===== *\/\r\n(function(){\r\n let p=0;\r\n const fill=document.getElementById('loader-fill');\r\n const pct=document.getElementById('loader-pct');\r\n const core=document.getElementById('loader-core');\r\n const loader=document.getElementById('loader');\r\n const iv=setInterval(()=>{\r\n p+=Math.random()*3+2;\r\n if(p>=100){p=100;clearInterval(iv);\r\n core.classList.add('expand');\r\n setTimeout(()=>loader.classList.add('hide'),1000);\r\n }\r\n fill.style.width=Math.floor(p)+'%';\r\n pct.textContent='['+Math.floor(p)+'%]';\r\n },30);\r\n})();\r\n\r\n\/* ===== TYPEWRITER ===== *\/\r\n(function(){\r\n const txt=\"Align with the luminous source. A new protocol is active.\";\r\n const el=document.getElementById('typewriter');\r\n let i=0;\r\n setTimeout(()=>{\r\n const iv=setInterval(()=>{\r\n if(i<txt.length){el.textContent=txt.slice(0,++i)}else clearInterval(iv);\r\n },35);\r\n },2000);\r\n})();\r\n\r\n\/* ===== COPY CA ===== *\/\r\nfunction copyCA(btn){\r\n navigator.clipboard.writeText(CA);\r\n btn.classList.add('copied');\r\n btn.querySelector('.label').textContent='AUTHENTICATION COPIED!';\r\n setTimeout(()=>{btn.classList.remove('copied');btn.querySelector('.label').textContent='Copy Contract Address'},2500);\r\n}\r\nfunction copyCA2(el){\r\n navigator.clipboard.writeText(CA);\r\n el.classList.add('copied');\r\n el.querySelector('.ca-label').textContent='\u2713 DATA COPIED';\r\n setTimeout(()=>{el.classList.remove('copied');el.querySelector('.ca-label').textContent='COPY DATA'},2500);\r\n}\r\n\r\n\/* ===== SCROLL REVEAL ===== *\/\r\nconst obs=new IntersectionObserver((entries)=>{\r\n entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('visible')});\r\n},{threshold:.15});\r\ndocument.querySelectorAll('.reveal').forEach(el=>obs.observe(el));\r\n\r\n\/* ===== SUN CANVAS (Hero) ===== *\/\r\nfunction initSun(canvasId,size){\r\n const c=document.getElementById(canvasId);\r\n if(!c)return;\r\n const ctx=c.getContext('2d');\r\n const dpr=window.devicePixelRatio||1;\r\n function resize(){\r\n const rect=c.parentElement?c.parentElement.getBoundingClientRect():{width:size||400,height:size||400};\r\n c.width=rect.width*dpr;c.height=rect.height*dpr;\r\n ctx.scale(dpr,dpr);\r\n c.style.width=rect.width+'px';c.style.height=rect.height+'px';\r\n }\r\n resize();\r\n window.addEventListener('resize',resize);\r\n\r\n function draw(t){\r\n const w=c.width\/dpr,h=c.height\/dpr;\r\n ctx.clearRect(0,0,w,h);\r\n const cx=w\/2,cy=h\/2,r=Math.min(w,h)*0.35;\r\n\r\n \/\/ Outer glow\r\n const g0=ctx.createRadialGradient(cx,cy,r*0.5,cx,cy,r*2.5);\r\n g0.addColorStop(0,'rgba(255,106,0,0.08)');\r\n g0.addColorStop(1,'transparent');\r\n ctx.fillStyle=g0;ctx.fillRect(0,0,w,h);\r\n\r\n \/\/ Corona rings\r\n for(let i=0;i<3;i++){\r\n ctx.save();ctx.translate(cx,cy);\r\n ctx.rotate(t*0.0003*(i%2?1:-1)+i);\r\n ctx.beginPath();ctx.arc(0,0,r*(1.2+i*0.25),0,Math.PI*2);\r\n ctx.strokeStyle='rgba(255,106,0,'+(0.08-i*0.02)+')';\r\n ctx.lineWidth=1;\r\n if(i===1)ctx.setLineDash([4,8]);\r\n ctx.stroke();ctx.setLineDash([]);\r\n ctx.restore();\r\n }\r\n\r\n\r\n \/\/ Sun body\r\n const g1=ctx.createRadialGradient(cx-r*0.2,cy-r*0.2,0,cx,cy,r);\r\n g1.addColorStop(0,'#fffbe6');\r\n g1.addColorStop(0.15,'#ffd700');\r\n g1.addColorStop(0.35,'#ff8c00');\r\n g1.addColorStop(0.6,'#ff4500');\r\n g1.addColorStop(0.85,'#8b1a00');\r\n g1.addColorStop(1,'#330a00');\r\n ctx.beginPath();ctx.arc(cx,cy,r,0,Math.PI*2);\r\n ctx.fillStyle=g1;ctx.fill();\r\n\r\n \/\/ Surface noise\r\n const pulse=Math.sin(t*0.002)*0.15+0.85;\r\n ctx.globalAlpha=0.25*pulse;\r\n for(let i=0;i<5;i++){\r\n const ang=t*0.001+i*1.3;\r\n const px=cx+Math.cos(ang)*r*0.4;\r\n const py=cy+Math.sin(ang)*r*0.3;\r\n const gr=ctx.createRadialGradient(px,py,0,px,py,r*0.35);\r\n gr.addColorStop(0,'rgba(255,240,200,0.5)');\r\n gr.addColorStop(1,'transparent');\r\n ctx.fillStyle=gr;\r\n ctx.beginPath();ctx.arc(px,py,r*0.35,0,Math.PI*2);ctx.fill();\r\n }\r\n ctx.globalAlpha=1;\r\n\r\n \/\/ Flare prominences\r\n for(let i=0;i<3;i++){\r\n const a=t*0.0008+i*2.1;\r\n const fx=cx+Math.cos(a)*(r+2);\r\n const fy=cy+Math.sin(a)*(r+2);\r\n const fl=15+Math.sin(t*0.003+i)*12;\r\n ctx.beginPath();\r\n ctx.moveTo(fx,fy);\r\n ctx.lineTo(fx+Math.cos(a+0.3)*fl,fy+Math.sin(a+0.3)*fl);\r\n ctx.strokeStyle='rgba(255,170,50,'+(0.4+Math.sin(t*0.004+i)*0.2)+')';\r\n ctx.lineWidth=2;ctx.stroke();\r\n }\r\n\r\n requestAnimationFrame(draw);\r\n }\r\n requestAnimationFrame(draw);\r\n}\r\n\r\n\/* ===== NEW: ABOUT CANVAS (Node Architecture) ===== *\/\r\nfunction initAboutAnimation(canvasId){\r\n const c=document.getElementById(canvasId);\r\n if(!c)return;\r\n const ctx=c.getContext('2d');\r\n let w,h,cx,cy;\r\n function resize(){\r\n const rect=c.parentElement?c.parentElement.getBoundingClientRect():{width:380,height:380};\r\n const size = Math.min(rect.width, 420);\r\n const dpr=window.devicePixelRatio||1;\r\n c.width=size*dpr;c.height=size*dpr;\r\n ctx.scale(dpr,dpr);\r\n c.style.width=size+'px';c.style.height=size+'px';\r\n w=size; h=size; cx=w\/2; cy=h\/2;\r\n }\r\n resize(); window.addEventListener('resize',resize);\r\n\r\n function draw(t){\r\n ctx.clearRect(0,0,w,h);\r\n const r = Math.min(w,h)*0.35;\r\n\r\n \/\/ Center Core Glow\r\n ctx.beginPath();\r\n ctx.arc(cx,cy,r*0.15,0,Math.PI*2);\r\n const coreGrad = ctx.createRadialGradient(cx,cy,0,cx,cy,r*0.5);\r\n coreGrad.addColorStop(0, 'rgba(255,170,51,0.8)');\r\n coreGrad.addColorStop(1, 'transparent');\r\n ctx.fillStyle = coreGrad;\r\n ctx.fill();\r\n\r\n \/\/ Data Orbit Rings\r\n for(let i=1; i<=3; i++){\r\n ctx.save();\r\n ctx.translate(cx,cy);\r\n ctx.rotate(t*0.0004*(i%2===0?1:-1));\r\n \r\n \/\/ Ring line\r\n ctx.beginPath();\r\n ctx.arc(0,0,r*(0.3+i*0.25),0,Math.PI*2);\r\n ctx.strokeStyle = `rgba(255,106,0,${0.3 - i*0.05})`;\r\n ctx.lineWidth = 1;\r\n if(i===2) ctx.setLineDash([5, 15]);\r\n if(i===3) ctx.setLineDash([2, 6, 12, 6]);\r\n ctx.stroke();\r\n\r\n \/\/ Nodes on rings\r\n const nodes = i*4;\r\n for(let j=0; j<nodes; j++){\r\n const ang = (Math.PI*2\/nodes)*j;\r\n const nx = Math.cos(ang)*r*(0.3+i*0.25);\r\n const ny = Math.sin(ang)*r*(0.3+i*0.25);\r\n \r\n ctx.beginPath();\r\n ctx.arc(nx,ny,3,0,Math.PI*2);\r\n ctx.fillStyle = '#ffaa33';\r\n ctx.shadowBlur = 10;\r\n ctx.shadowColor = '#ff6a00';\r\n ctx.fill();\r\n ctx.shadowBlur = 0;\r\n\r\n \/\/ Small connection line to center for outer nodes\r\n if(i===3 && j%2===0) {\r\n ctx.beginPath();\r\n ctx.moveTo(nx, ny);\r\n ctx.lineTo(Math.cos(ang)*r*0.15, Math.sin(ang)*r*0.15);\r\n ctx.strokeStyle = 'rgba(255,106,0,0.1)';\r\n ctx.stroke();\r\n }\r\n }\r\n ctx.restore();\r\n }\r\n\r\n \/\/ Inner scanning hex\/lines\r\n ctx.save();\r\n ctx.translate(cx,cy);\r\n ctx.rotate(t*0.0002);\r\n for(let i=0; i<8; i++){\r\n const ang = (Math.PI*2\/8)*i;\r\n ctx.beginPath();\r\n ctx.moveTo(Math.cos(ang)*r*0.15, Math.sin(ang)*r*0.15);\r\n ctx.lineTo(Math.cos(ang+0.4)*r*1.1, Math.sin(ang+0.4)*r*1.1);\r\n ctx.strokeStyle = 'rgba(255,255,255,0.04)';\r\n ctx.stroke();\r\n }\r\n ctx.restore();\r\n\r\n requestAnimationFrame(draw);\r\n }\r\n requestAnimationFrame(draw);\r\n}\r\n\r\n\/\/ Initialize canvases\r\ninitSun('sun-canvas');\r\ninitAboutAnimation('about-sun');\r\n\r\n\/* ===== NAV SCROLL HIGHLIGHT ===== *\/\r\ndocument.querySelectorAll('nav a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',e=>{\r\n e.preventDefault();\r\n document.querySelector(a.getAttribute('href'))?.scrollIntoView({behavior:'smooth'});\r\n });\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>SUN ($SUN) \u2014 Harness The Energy Initializing Solar Protocol… [0%] SUN ($SUN) The Core Architecture Data Acquire Sphere LIVE ON SOL HARNESS THE ENERGY.IGNITE THE FUTURE. \u2b21 Copy Contract Address NULL The Luminous Core Protocol THE RADIANTARCHITECTURE $SUN is a decentralized radiating force. A movement toward self-sovereignty and sustainable brilliance. Like its namesake, $SUN provides […]<\/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:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":70,"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/sunonsol.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}