{"id":8,"date":"2026-03-10T13:06:29","date_gmt":"2026-03-10T13:06:29","guid":{"rendered":"https:\/\/thetruce.online\/?page_id=8"},"modified":"2026-04-02T16:02:46","modified_gmt":"2026-04-02T16:02:46","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thetruce.online\/","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-3d1c1ab e-con-full e-flex e-con e-parent\" data-id=\"3d1c1ab\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a26372a elementor-widget elementor-widget-html\" data-id=\"a26372a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"truce-tactical-terminal\">\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500;700;900&family=Share+Tech+Mono&display=swap');\r\n\r\n    #truce-tactical-terminal {\r\n      --bg-deep: #010402;\r\n      --glass-bg: rgba(2, 12, 6, 0.6);\r\n      --glass-border: rgba(0, 255, 102, 0.2);\r\n      --neon-primary: #00ff66;\r\n      --neon-glow: rgba(0, 255, 102, 0.5);\r\n      --text-bright: #e0ffe9;\r\n      --text-dim: #60a37c;\r\n      --alert-color: #ff3333;\r\n      \r\n      --font-display: 'Orbitron', sans-serif;\r\n      --font-mono: 'Share Tech Mono', monospace;\r\n\r\n      background-color: var(--bg-deep);\r\n      color: var(--text-bright);\r\n      font-family: var(--font-mono);\r\n      line-height: 1.6;\r\n      width: 100%;\r\n      overflow-x: hidden;\r\n      position: relative;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #truce-tactical-terminal * { box-sizing: border-box; }\r\n    \r\n    ::selection { background: var(--neon-primary); color: #000; }\r\n\r\n    \/* CRT SCANLINE OVERLAY *\/\r\n    .terminal-overlay {\r\n      position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n      background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px);\r\n      z-index: 999; pointer-events: none; opacity: 0.5;\r\n    }\r\n\r\n    \/* TYPOGRAPHY *\/\r\n    h1, h2, h3, h4 { font-family: var(--font-display); margin: 0; color: var(--neon-primary); text-transform: uppercase; letter-spacing: 2px; }\r\n    p { margin: 0 0 1rem 0; font-size: 1.05rem; color: var(--text-dim); }\r\n    .text-glow { text-shadow: 0 0 15px var(--neon-glow); }\r\n    .sys-badge { display: inline-flex; align-items: center; gap: 8px; padding: 4px 10px; background: rgba(0,255,102,0.1); border: 1px solid var(--neon-primary); font-size: 0.75rem; color: var(--neon-primary); margin-bottom: 15px; text-transform: uppercase; }\r\n    .status-dot { width: 8px; height: 8px; background: var(--neon-primary); border-radius: 50%; animation: pulse-green 2s infinite; }\r\n\r\n    \/* CANVAS BACKGROUND *\/\r\n    #tactical-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: 0.3; }\r\n\r\n    \/* NAVBAR (GLASSMORPHISM) *\/\r\n    .truce-nav {\r\n      position: sticky; top: 0; z-index: 100; display: flex; justify-content: space-between; align-items: center;\r\n      padding: 15px 40px; background: var(--glass-bg); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n      border-bottom: 1px solid var(--glass-border); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);\r\n    }\r\n    .nav-brand { font-family: var(--font-display); font-size: 2.2rem; font-weight: 900; color: var(--neon-primary); letter-spacing: 4px; }\r\n    .nav-socials { display: flex; gap: 15px; }\r\n    .social-btn {\r\n      width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;\r\n      background: rgba(0,0,0,0.5); border: 1px solid var(--glass-border); color: var(--neon-primary);\r\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);\r\n    }\r\n    .social-btn:hover { background: var(--neon-primary); color: #000; box-shadow: 0 0 20px var(--neon-glow); transform: translateY(-3px); }\r\n    .social-btn svg { width: 22px; height: 22px; fill: currentColor; }\r\n\r\n    \/* LAYOUT CONTAINERS *\/\r\n    .layout-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 10; }\r\n    .section-spacer { padding: 80px 0; border-bottom: 1px dashed rgba(0, 255, 102, 0.15); }\r\n\r\n    \/* HERO SECTION *\/\r\n    .hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 50px; align-items: center; min-height: 85vh; padding: 40px 0; }\r\n    .hero-title-wrap { position: relative; }\r\n    .hero-title { font-size: clamp(3.5rem, 8vw, 6.5rem); line-height: 1; margin-bottom: 15px; letter-spacing: -2px; }\r\n    .hero-sub { font-size: 1.5rem; color: var(--text-bright); margin-bottom: 30px; display: flex; align-items: center; gap: 15px; }\r\n    .hero-sub::before { content: ''; width: 40px; height: 2px; background: var(--neon-primary); }\r\n    \r\n    \/* SPINNING GLOBE VISUAL *\/\r\n    .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; aspect-ratio: 1\/1; }\r\n    \r\n    \/* Ganti gambar placeholder dengan elemen canvas untuk globe *\/\r\n    \/* Update filter untuk efek neon yang lebih tajam *\/\r\n#globe-canvas {\r\n  width: 100%; \r\n  max-width: 550px; \r\n  height: 100%;\r\n  filter: drop-shadow(0 0 30px rgba(0, 255, 102, 0.2));\r\n  animation: globe-fade-in 2s ease-out;\r\n  cursor: crosshair;\r\n}\r\n\r\n\r\n    .reticle-overlay {\r\n      position: absolute; width: 105%; height: 105%;\r\n      border: 1px solid rgba(0, 255, 102, 0.1); border-radius: 50%;\r\n      pointer-events: none; animation: spin 30s linear infinite;\r\n    }\r\n    .reticle-overlay::before, .reticle-overlay::after {\r\n      content: ''; position: absolute; background: rgba(0, 255, 102, 0.3);\r\n    }\r\n    .reticle-overlay::before { top: 50%; left: -15px; right: -15px; height: 1px; }\r\n    .reticle-overlay::after { left: 50%; top: -15px; bottom: -15px; width: 1px; }\r\n\r\n    \/* COPY CA UI *\/\r\n    .ca-module { background: var(--glass-bg); backdrop-filter: blur(10px); border: 1px solid var(--glass-border); padding: 20px; margin-top: 40px; border-left: 4px solid var(--neon-primary); }\r\n    .ca-title { font-size: 0.85rem; color: var(--text-dim); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; }\r\n    .ca-flex { display: flex; gap: 10px; }\r\n    .ca-input { flex: 1; background: rgba(0,0,0,0.6); border: 1px solid var(--glass-border); padding: 12px 15px; color: var(--neon-primary); font-family: var(--font-mono); font-size: 1rem; outline: none; text-overflow: ellipsis; }\r\n    \r\n    \/* BUTTONS *\/\r\n    .btn-tactical {\r\n      background: transparent; border: 1px solid var(--neon-primary); color: var(--neon-primary);\r\n      padding: 12px 30px; font-family: var(--font-display); font-weight: 700; cursor: pointer;\r\n      text-transform: uppercase; transition: 0.3s; position: relative; overflow: hidden;\r\n      display: inline-flex; align-items: center; gap: 10px; justify-content: center;\r\n      text-decoration: none; letter-spacing: 1px;\r\n      clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);\r\n    }\r\n    .btn-tactical::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--neon-primary); transition: 0.4s; z-index: -1; }\r\n    .btn-tactical:hover { color: #000; box-shadow: 0 0 20px var(--neon-glow); }\r\n    .btn-tactical:hover::before { left: 0; }\r\n    .btn-tactical svg { width: 18px; height: 18px; fill: currentColor; }\r\n\r\n    \/* CONTENT PANELS (IDEA & MESSAGE) *\/\r\n    .grid-halves { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\r\n    .data-card { background: var(--glass-bg); border: 1px solid var(--glass-border); padding: 40px; position: relative; backdrop-filter: blur(8px); transition: 0.3s; }\r\n    .data-card:hover { border-color: var(--neon-primary); transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }\r\n    .card-icon { color: var(--neon-primary); margin-bottom: 20px; display: flex; }\r\n    .card-icon svg { width: 40px; height: 40px; fill: currentColor; }\r\n\r\n    \/* ROADMAP TIMELINE *\/\r\n    .roadmap-container { position: relative; padding: 40px 0 20px 20px; border-left: 2px solid var(--glass-border); margin-left: 20px; }\r\n    .phase-block { position: relative; margin-bottom: 50px; padding-left: 40px; }\r\n    .phase-block::before { content: ''; position: absolute; left: -49px; top: 0; width: 16px; height: 16px; background: var(--bg-deep); border: 2px solid var(--neon-primary); border-radius: 50%; box-shadow: 0 0 10px var(--neon-glow); }\r\n    .phase-tag { color: var(--text-dim); font-size: 0.9rem; margin-bottom: 5px; font-weight: bold; }\r\n    .phase-title { font-size: 1.8rem; margin-bottom: 15px; }\r\n    .phase-list { list-style: none; padding: 0; margin: 0; }\r\n    .phase-list li { position: relative; padding-left: 25px; margin-bottom: 12px; color: var(--text-bright); display: flex; align-items: start; gap: 10px; }\r\n    .phase-list li svg { width: 16px; height: 16px; fill: var(--neon-primary); margin-top: 4px; flex-shrink: 0; }\r\n\r\n    \/* HOW TO BUY STEPS *\/\r\n    .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }\r\n    .step-item { border: 1px dashed var(--glass-border); padding: 30px 20px; text-align: center; background: rgba(0,0,0,0.3); position: relative; overflow: hidden; }\r\n    .step-item:hover { border-style: solid; border-color: var(--neon-primary); background: rgba(0,255,102,0.05); }\r\n    .step-number { font-family: var(--font-display); font-size: 3rem; color: rgba(0,255,102,0.1); position: absolute; top: -10px; right: 10px; font-weight: 900; }\r\n\r\n    \/* FINAL CALL SECTION *\/\r\n    .final-call-grid {\r\n      display: flex; flex-direction: column; gap: 20px; max-width: 600px; margin: 40px auto 0 auto;\r\n    }\r\n\r\n    \/* FOOTER *\/\r\n    .terminal-footer { text-align: center; padding: 30px; border-top: 1px solid var(--glass-border); color: var(--text-dim); font-size: 0.9rem; background: #000; position: relative; z-index: 10; }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes spin { 100% { transform: rotate(360deg); } }\r\n    @keyframes pulse-green { 0% { opacity: 1; box-shadow: 0 0 5px var(--neon-glow); } 50% { opacity: 0.5; box-shadow: 0 0 20px var(--neon-glow); } 100% { opacity: 1; box-shadow: 0 0 5px var(--neon-glow); } }\r\n    @keyframes globe-fade-in { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }\r\n    \r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 1024px) {\r\n      .hero-grid { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n      .hero-visual { max-width: 400px; margin: 0 auto; }\r\n      .hero-sub { justify-content: center; }\r\n      .hero-sub::before { display: none; }\r\n      .ca-flex { flex-direction: column; }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .grid-halves { grid-template-columns: 1fr; }\r\n      .final-call-grid .btn-tactical { width: 100%; }\r\n    }\r\n    @media (max-width: 576px) {\r\n      .truce-nav { padding: 15px 20px; flex-direction: column; gap: 10px; }\r\n      .nav-brand { font-size: 1.8rem; }\r\n      .hero-title { font-size: 3rem; }\r\n      .roadmap-container { margin-left: 10px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"terminal-overlay\"><\/div>\r\n  <canvas id=\"tactical-canvas\"><\/canvas>\r\n\r\n  <nav class=\"truce-nav\">\r\n    <div class=\"nav-brand text-glow\">TRUCE<\/div>\r\n    <div class=\"nav-socials\">\r\n      <a href=\"https:\/\/t.me\/truce_sol\" class=\"social-btn\" title=\"Telegram\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/x.com\/i\/communities\/2037091511205257406\" class=\"social-btn\" title=\"X (Twitter)\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/dexscreener.com\/solana\/88f8r17zykjhphdh53bkr3bbdwmbpy7aqsxv5k8tkonj\" class=\"social-btn\" title=\"Chart\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18v-2H5V3H3zm4 14h3v-7H7v7zm5 0h3V7h-3v10zm5 0h3v-4h-3v4z\"\/><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <div class=\"layout-container\">\r\n    \r\n    <section class=\"section-spacer hero-grid\">\r\n      <div class=\"hero-title-wrap\">\r\n        <div class=\"sys-badge\"><span class=\"status-dot\"><\/span> CONNECTION: ESTABLISHED<\/div>\r\n        <h1 class=\"hero-title text-glow\" id=\"typewriter\">TRUCE<\/h1>\r\n        <div class=\"hero-sub\">TRUCE Is the Way<\/div>\r\n        <p>In a world filled with endless conflict, TRUCE stands for one simple idea: a moment where everything stops. A pause. A reset. A new beginning.<\/p>\r\n        \r\n        <div class=\"ca-module\">\r\n          <div class=\"ca-title\">Contract Execution Address (CA)<\/div>\r\n          <div class=\"ca-flex\">\r\n            <input type=\"text\" class=\"ca-input\" id=\"ca-input\" value=\"J29v1ZJSN1FAc8nYo6GXmwPswQRCFuq6EMdX1xsPpump\" readonly>\r\n            <button class=\"btn-tactical\" onclick=\"copyCA()\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"\/><\/svg>\r\n              COPY\r\n            <\/button>\r\n          <\/div>\r\n          <div id=\"copy-msg\" style=\"color: var(--neon-primary); font-size: 0.8rem; margin-top: 10px; display: none;\">[\u2713] CA copied to tactical clipboard.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-visual\">\r\n        <div class=\"reticle-overlay\"><\/div>\r\n        <canvas id=\"globe-canvas\"><\/canvas>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-spacer grid-halves\">\r\n      <div class=\"data-card\">\r\n        <div class=\"card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>What Is TRUCE<\/h3>\r\n        <br>\r\n        <p>TRUCE represents a moment of calm between opposing forces. It is the decision to stop fighting.<\/p>\r\n        <p>To step back. To choose clarity over chaos. TRUCE is not weakness. It is the power to end the conflict.<\/p>\r\n      <\/div>\r\n      <div class=\"data-card\">\r\n        <div class=\"card-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z\"\/><\/svg>\r\n        <\/div>\r\n        <h3>Why TRUCE Matters<\/h3>\r\n        <br>\r\n        <p>Every conflict eventually reaches a point where the only path forward is peace.<\/p>\r\n        <p>TRUCE reminds us that progress begins when the fighting ends. It is a signal. A moment of alignment. A shared decision to move forward.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-spacer\">\r\n      <div class=\"sys-badge\" style=\"margin-bottom: 30px;\"><svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;fill:currentColor;\"><path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/><\/svg> STRATEGIC DEPLOYMENT<\/div>\r\n      <h2 style=\"font-size: 2.5rem; margin-bottom: 40px;\">OPERATION ROADMAP<\/h2>\r\n      \r\n      <div class=\"roadmap-container\">\r\n        <div class=\"phase-block\">\r\n          <div class=\"phase-tag\">\/\/ PHASE 01<\/div>\r\n          <h3 class=\"phase-title\">INCEPTION<\/h3>\r\n          <ul class=\"phase-list\">\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Token Generation & Smart Contract Deployment<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> DEX Listing & Liquidity Lock<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Establishing Initial Intelligence Network (Socials)<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Community Formation: \"The Peacemakers\"<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"phase-block\">\r\n          <div class=\"phase-tag\">\/\/ PHASE 02<\/div>\r\n          <h3 class=\"phase-title\">EXPANSUE<\/h3>\r\n          <ul class=\"phase-list\">\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Tactical Marketing & Outreach Campaigns<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Strategic Partnerships Identification<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> CoinMarketCap & CoinGecko Radar Integration<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Initial CEX Targeting<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"phase-block\">\r\n          <div class=\"phase-tag\">\/\/ PHASE 03<\/div>\r\n          <h3 class=\"phase-title\">DOMINANCE<\/h3>\r\n          <ul class=\"phase-list\">\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Utility Rollout (Secret Protocol Unlocking)<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Tier 1 Exchange Deployments<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Global TRUCE Initiatives & Real-world Impact<\/li>\r\n            <li><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.2h7.6l-6 4.8 2.4 7.2-6-4.8-6 4.8 2.4-7.2-6-4.8h7.6z\"\/><\/svg> Undisputed Market Presence<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-spacer\">\r\n      <div class=\"sys-badge\" style=\"margin-bottom: 30px;\"><svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;fill:currentColor;\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/><\/svg> ACQUISITION PROTOCOL<\/div>\r\n      <h2 style=\"font-size: 2.5rem; margin-bottom: 40px; text-align: center;\">HOW TO SECURE $TRUCE<\/h2>\r\n      \r\n      <div class=\"steps-grid\">\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">01<\/div>\r\n          <h3 style=\"margin-bottom: 10px; font-size: 1.2rem;\">INITIATE WALLET<\/h3>\r\n          <p style=\"font-size: 0.9rem;\">Download and setup Phantom or Solflare wallet extensions.<\/p>\r\n        <\/div>\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">02<\/div>\r\n          <h3 style=\"margin-bottom: 10px; font-size: 1.2rem;\">ACQUIRE SOL<\/h3>\r\n          <p style=\"font-size: 0.9rem;\">Fund your wallet with Solana (SOL) from any exchange.<\/p>\r\n        <\/div>\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">03<\/div>\r\n          <h3 style=\"margin-bottom: 10px; font-size: 1.2rem;\">ACCESS DEX<\/h3>\r\n          <p style=\"font-size: 0.9rem;\">Connect your wallet to Raydium or Jupiter aggregator.<\/p>\r\n        <\/div>\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">04<\/div>\r\n          <h3 style=\"margin-bottom: 10px; font-size: 1.2rem;\">EXECUTE SWAP<\/h3>\r\n          <p style=\"font-size: 0.9rem;\">Paste the TRUCE contract address and swap your SOL.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-spacer\" style=\"text-align: center; border-bottom: none; padding-bottom: 120px;\">\r\n      <div class=\"sys-badge\" style=\"margin-bottom: 30px;\"><svg viewBox=\"0 0 24 24\" style=\"width:14px;height:14px;fill:currentColor;\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg> FINAL DIRECTIVE<\/div>\r\n      <h2 style=\"font-size: clamp(2.5rem, 5vw, 4rem); margin-bottom: 20px; text-shadow: 0 0 20px var(--neon-glow);\">CHOOSE TRUCE<\/h2>\r\n      <p style=\"max-width: 600px; margin: 0 auto 40px auto; font-size: 1.2rem; color: var(--text-bright);\">\r\n        The world doesn't change through endless battles.<br>\r\n        It changes when someone decides to stop them.<br>\r\n        That moment is TRUCE.\r\n      <\/p>\r\n      \r\n      <div class=\"final-call-grid\">\r\n        <a href=\"https:\/\/t.me\/truce_sol\" class=\"btn-tactical\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n          JOIN TELEGRAM\r\n        <\/a>\r\n        <a href=\"https:\/\/x.com\/i\/communities\/2037091511205257406\" class=\"btn-tactical\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\r\n          FOLLOW ON X\r\n        <\/a>\r\n        <a href=\"x.com\/truce_sol\" class=\"btn-tactical\" target=\"_blank\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z\"\/><\/svg>\r\n          X COMMUNITY\r\n        <\/a>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n\r\n  <footer class=\"terminal-footer\">\r\n    <div class=\"text-glow\">TRUCE NETWORK \/\/ SECURE TERMINAL<\/div>\r\n    <div style=\"margin-top: 10px; font-size: 0.8rem;\">[ TRANSMISSION END ] &copy; 2026. ALL RIGHTS RESERVED.<\/div>\r\n  <\/footer>\r\n\r\n  <script>\r\n    \/\/ 1. Copy CA Function\r\n    function copyCA() {\r\n      const input = document.getElementById(\"ca-input\");\r\n      input.select();\r\n      input.setSelectionRange(0, 99999);\r\n      navigator.clipboard.writeText(input.value);\r\n      \r\n      const msg = document.getElementById(\"copy-msg\");\r\n      msg.style.display = \"block\";\r\n      setTimeout(() => { msg.style.display = \"none\"; }, 3000);\r\n    }\r\n\r\n    \/\/ 2. Typewriter Effect for Hero Title\r\n    const titleEl = document.getElementById('typewriter');\r\n    const text = titleEl.innerText;\r\n    titleEl.innerText = '';\r\n    let i = 0;\r\n    function typeWriter() {\r\n      if (i < text.length) {\r\n        titleEl.innerHTML += text.charAt(i);\r\n        i++;\r\n        setTimeout(typeWriter, 150);\r\n      }\r\n    }\r\n    setTimeout(typeWriter, 500);\r\n\r\n    \/\/ 3. Mouse-Responsive Canvas Particles (Background)\r\n    const canvas = document.getElementById('tactical-canvas');\r\n    const ctx = canvas.getContext('2d');\r\n    let width, height;\r\n    let particles = [];\r\n    let mouse = { x: null, y: null };\r\n\r\n    \/\/ Track mouse\r\n    document.getElementById('truce-tactical-terminal').addEventListener('mousemove', (e) => {\r\n      const rect = canvas.getBoundingClientRect();\r\n      mouse.x = e.clientX - rect.left;\r\n      mouse.y = e.clientY - rect.top;\r\n    });\r\n    document.getElementById('truce-tactical-terminal').addEventListener('mouseleave', () => {\r\n      mouse.x = null; mouse.y = null;\r\n    });\r\n\r\n    function initParticles() {\r\n      width = canvas.offsetWidth;\r\n      height = canvas.offsetHeight;\r\n      canvas.width = width;\r\n      canvas.height = height;\r\n      particles = [];\r\n      const count = window.innerWidth > 768 ? 70 : 25; \r\n      for(let i = 0; i < count; i++) {\r\n        particles.push({\r\n          x: Math.random() * width,\r\n          y: Math.random() * height,\r\n          vx: (Math.random() - 0.5) * 0.4,\r\n          vy: (Math.random() - 0.5) * 0.4,\r\n          baseRadius: Math.random() * 1.5 + 0.5\r\n        });\r\n      }\r\n    }\r\n    window.addEventListener('resize', initParticles);\r\n    initParticles();\r\n\r\n    function animateParticles() {\r\n      ctx.clearRect(0, 0, width, height);\r\n      ctx.fillStyle = '#00441a'; \/\/ Dark green for dots\r\n      \r\n      particles.forEach(p => {\r\n        p.x += p.vx;\r\n        p.y += p.vy;\r\n        \r\n        \/\/ Bounce edges\r\n        if(p.x < 0 || p.x > width) p.vx *= -1;\r\n        if(p.y < 0 || p.y > height) p.vy *= -1;\r\n\r\n        \/\/ Mouse interaction (parallax push effect)\r\n        let radius = p.baseRadius;\r\n        if (mouse.x != null) {\r\n          let dx = mouse.x - p.x;\r\n          let dy = mouse.y - p.y;\r\n          let distance = Math.sqrt(dx * dx + dy * dy);\r\n          if (distance < 120) {\r\n            ctx.beginPath();\r\n            ctx.moveTo(p.x, p.y);\r\n            ctx.lineTo(mouse.x, mouse.y);\r\n            ctx.strokeStyle = `rgba(0, 255, 102, ${0.08 - distance\/1500})`;\r\n            ctx.stroke();\r\n            radius += 0.5; \r\n          }\r\n        }\r\n        ctx.beginPath();\r\n        ctx.arc(p.x, p.y, radius, 0, Math.PI * 2);\r\n        ctx.fill();\r\n      });\r\n\r\n      \/\/ Draw mesh lines\r\n      ctx.strokeStyle = 'rgba(0, 255, 102, 0.03)';\r\n      for(let i = 0; i < particles.length; i++) {\r\n        for(let j = i + 1; j < particles.length; j++) {\r\n          let dist = Math.hypot(particles[i].x - particles[j].x, particles[i].y - particles[j].y);\r\n          if(dist < 100) {\r\n            ctx.beginPath();\r\n            ctx.moveTo(particles[i].x, particles[i].y);\r\n            ctx.lineTo(particles[j].x, particles[j].y);\r\n            ctx.stroke();\r\n          }\r\n        }\r\n      }\r\n      requestAnimationFrame(animateParticles);\r\n    }\r\n    animateParticles();\r\n\r\n    \/\/ 4. ANIMATED WIREFRAME GLOBE (New)\r\n    const globeCanvas = document.getElementById('globe-canvas');\r\n    const gctx = globeCanvas.getContext('2d');\r\n    let gWidth, gHeight;\r\n    let rotation = 0;\r\n\r\n    function initGlobe() {\r\n      \/\/ Set canvas size based on parent container but keep it square\r\n      const container = globeCanvas.parentElement;\r\n      gWidth = gHeight = Math.min(container.offsetWidth, 500);\r\n      globeCanvas.width = gWidth;\r\n      globeCanvas.height = gHeight;\r\n    }\r\n    window.addEventListener('resize', initGlobe);\r\n    initGlobe();\r\n\r\n    function drawGlobe() {\r\n      gctx.clearRect(0, 0, gWidth, gHeight);\r\n      \r\n      const centerX = gWidth \/ 2;\r\n      const centerY = gHeight \/ 2;\r\n      const radius = gWidth * 0.4;\r\n      const lines = 12; \/\/ Number of longitudinal lines\r\n      const latLines = 8; \/\/ Number of latitudinal lines\r\n      \r\n      gctx.strokeStyle = 'rgba(0, 255, 102, 0.6)';\r\n      gctx.lineWidth = 1;\r\n      \r\n      \/\/ Draw Longitudinal Lines (Spinning)\r\n      for (let i = 0; i < lines; i++) {\r\n        const angle = (i \/ lines) * Math.PI + rotation;\r\n        const xRadius = radius * Math.cos(angle);\r\n        \r\n        gctx.beginPath();\r\n        \/\/ Skip drawing if line is effectively a flat line in the center (optimization\/visual tweak)\r\n        if (Math.abs(xRadius) < 0.5) continue;\r\n        \r\n        \/\/ Draw ellipse for the line\r\n        gctx.ellipse(centerX, centerY, Math.abs(xRadius), radius, 0, 0, Math.PI * 2);\r\n        \r\n        \/\/ Vary opacity based on \"front\/back\" position for depth\r\n        const opacity = Math.abs(Math.cos(angle)) * 0.5 + 0.1;\r\n        gctx.strokeStyle = `rgba(0, 255, 102, ${opacity})`;\r\n        gctx.stroke();\r\n      }\r\n      \r\n      \/\/ Draw Latitudinal Lines (Static)\r\n      for (let i = 1; i < latLines; i++) {\r\n        const yAngle = (i \/ latLines) * Math.PI;\r\n        const yPos = centerY + radius * Math.cos(yAngle);\r\n        const latRadius = radius * Math.sin(yAngle);\r\n        \r\n        gctx.beginPath();\r\n        gctx.ellipse(centerX, yPos, latRadius, latRadius * 0.15, 0, 0, Math.PI * 2);\r\n        gctx.strokeStyle = 'rgba(0, 255, 102, 0.2)'; \/\/ Fainter static lines\r\n        gctx.stroke();\r\n      }\r\n      \r\n      \/\/ Draw Outer Circle (Static)\r\n      gctx.beginPath();\r\n      gctx.arc(centerX, centerY, radius, 0, Math.PI * 2);\r\n      gctx.strokeStyle = 'rgba(0, 255, 102, 0.3)';\r\n      gctx.lineWidth = 2;\r\n      gctx.stroke();\r\n\r\n      \/\/ Update rotation (speed of spin)\r\n      rotation += 0.005;\r\n      \r\n      requestAnimationFrame(drawGlobe);\r\n    }\r\n    drawGlobe();\r\n\r\n  <\/script>\r\n<\/div>\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>TRUCE CONNECTION: ESTABLISHED TRUCE TRUCE Is the Way In a world filled with endless conflict, TRUCE stands for one simple idea: a moment where everything stops. A pause. A reset. A new beginning. Contract Execution Address (CA) COPY [\u2713] CA copied to tactical clipboard. What Is TRUCE TRUCE represents a moment of calm between opposing [&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:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":28,"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/thetruce.online\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}