aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--downloads/chatstudio_test.html172
-rw-r--r--downloads/dispatch_latest.html410
-rw-r--r--downloads/ecosystem_map.html537
-rw-r--r--downloads/weaver_goals.html199
-rw-r--r--downloads/weaver_goals.md28
-rw-r--r--weaver_goals.html410
6 files changed, 1756 insertions, 0 deletions
diff --git a/downloads/chatstudio_test.html b/downloads/chatstudio_test.html
new file mode 100644
index 0000000..58b1f30
--- /dev/null
+++ b/downloads/chatstudio_test.html
@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>ChatStudio | Integration Sandbox</title>
+ <style>
+ :root {
+ --bg-dark: #0a0a0c;
+ --term-bg: #121214;
+ --accent-green: #00ff9d;
+ --text-main: #e0e0e6;
+ --text-dim: #888899;
+ }
+ body {
+ background: var(--bg-dark);
+ color: var(--text-main);
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ margin: 0;
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ overflow: hidden;
+ }
+ header {
+ padding: 1rem;
+ background: #1a1a1e;
+ border-bottom: 1px solid #333;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .badge {
+ background: var(--accent-green);
+ color: black;
+ padding: 2px 8px;
+ border-radius: 4px;
+ font-size: 12px;
+ font-weight: bold;
+ }
+ #terminal-mock {
+ flex: 1;
+ background: var(--term-bg);
+ margin: 20px;
+ border-radius: 8px;
+ border: 1px solid #333;
+ padding: 20px;
+ font-family: 'Consolas', 'Courier New', monospace;
+ display: flex;
+ flex-direction: column;
+ box-shadow: 0 10px 30px rgba(0,0,0,0.5);
+ }
+ .term-line { margin-bottom: 8px; }
+ .term-prompt { color: var(--accent-green); margin-right: 8px; }
+ .term-input-area {
+ display: flex;
+ margin-top: auto;
+ background: #1a1a1e;
+ padding: 10px;
+ border-radius: 4px;
+ }
+ #mock-input {
+ background: transparent;
+ border: none;
+ color: white;
+ font-family: inherit;
+ flex: 1;
+ outline: none;
+ }
+ .hint {
+ color: var(--text-dim);
+ font-size: 0.9rem;
+ text-align: center;
+ margin-bottom: 10px;
+ }
+ </style>
+</head>
+<body>
+
+<header>
+ <div><strong>ChatStudio</strong> <span class="badge">SANDBOX v1.0</span></div>
+ <div style="font-size: 12px; color: var(--text-dim);">Simulating newOS4 Environment</div>
+</header>
+
+<div id="terminal-mock">
+ <div class="term-line"><span class="term-prompt">root@webx11:~$</span> welcome to the ChatStudio testing environment.</div>
+ <div class="term-line"><span class="term-prompt">root@webx11:~$</span> Type <span style="color:var(--accent-green)">'chat'</span> below to launch the overlay.</div>
+
+ <div id="term-output" style="flex: 1; overflow-y: auto;"></div>
+
+ <div class="term-input-area">
+ <span class="term-prompt">❯</span>
+ <input type="text" id="mock-input" placeholder="Enter command..." autofocus>
+ </div>
+</div>
+
+<script>
+ // 1. Mock the Terminal Object that ChatStudioModule expects
+ window.webx11 = {
+ ollamaManager: {
+ endpoint: '/ollama'
+ }
+ };
+
+ // 2. Load the ChatStudioModule (assuming it's globally available or we load the script)
+ // In this sandbox, we manually instantiate the module since we aren't booting the full OS.
+ async function initSandbox() {
+ try {
+ // Since the module is a class, we need it to be defined.
+ // In a real environment, this is handled by the ModuleManager.
+ // We will load the script from the server.
+ await loadScript('/spaces/newos4/modules/core/module-chatstudio.js');
+
+ const csModule = new ChatStudioModule();
+
+ // Mock the terminal reference for the module
+ csModule.terminal = {
+ print: (msg, type) => {
+ const out = document.getElementById('term-output');
+ const div = document.createElement('div');
+ div.className = 'term-line';
+ div.innerHTML = `<span class="term-prompt">system:</span> <span style="color:${type==='error'?'#ff5555':'#aaa'}">${msg}</span>`;
+ out.appendChild(div);
+ out.scrollTop = out.scrollHeight;
+ },
+ ollamaManager: window.webx11.ollamaManager,
+ inputField: document.getElementById('mock-input')
+ };
+
+ csModule.registerCommands();
+
+ const input = document.getElementById('mock-input');
+ input.addEventListener('keydown', (e) => {
+ if (e.key === 'Enter') {
+ const cmd = input.value.trim();
+ const line = document.createElement('div');
+ line.className = 'term-line';
+ line.innerHTML = `<span class="term-prompt">❯</span> ${cmd}`;
+ document.getElementById('term-output').appendChild(line);
+
+ if (cmd === 'chat') {
+ csModule.toggleChatOverlay();
+ } else {
+ csModule.terminal.print(`Command not found: ${cmd}`, 'error');
+ }
+
+ input.value = '';
+ document.getElementById('term-output').scrollTop = document.getElementById('term-output').scrollHeight;
+ }
+ });
+
+ } catch (err) {
+ console.error('Sandbox Init Failed:', err);
+ alert('Failed to load ChatStudioModule. Ensure the path is correct.');
+ }
+ }
+
+ function loadScript(src) {
+ return new Promise((resolve, reject) => {
+ const s = document.createElement('script');
+ s.src = src;
+ s.onload = resolve;
+ s.onerror = reject;
+ document.body.appendChild(s);
+ });
+ }
+
+ initSandbox();
+</script>
+
+</body>
+</html>
diff --git a/downloads/dispatch_latest.html b/downloads/dispatch_latest.html
new file mode 100644
index 0000000..5dbf729
--- /dev/null
+++ b/downloads/dispatch_latest.html
@@ -0,0 +1,410 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="The Overmind Dispatch — AI-curated intelligence briefings on long-horizon agents and regenerative civilization.">
+ <meta name="author" content="The Digital Weaver">
+ <meta name="theme-color" content="#0a0a0a">
+
+ <!-- Open Graph -->
+ <meta property="og:type" content="article">
+ <meta property="og:title" content="The Overmind Dispatch">
+ <meta property="og:description" content="AI-curated intelligence briefings on long-horizon agents and regenerative civilization.">
+ <meta property="og:site_name" content="The Overmind Dispatch">
+ <meta name="twitter:card" content="summary_large_image">
+
+ <title>THE OVERMIND DISPATCH | Intelligence Update</title>
+
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+
+ <style>
+ :root {
+ --bg-color: #0a0a0a;
+ --card-bg: #161616;
+ --accent-cyan: #00f2ff;
+ --accent-gold: #ffcc00;
+ --accent-purple: #bc13fe;
+ --text-main: #e0e0e0;
+ --text-dim: #a0a0a0;
+ --border-dim: #222;
+ --grad-linear: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));
+ }
+
+ *, *::before, *::after { box-sizing: border-box; }
+
+ body {
+ background-color: var(--bg-color);
+ color: var(--text-main);
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ line-height: 1.6;
+ min-height: 100vh;
+ -webkit-font-smoothing: antialiased;
+ }
+
+ header {
+ width: 100%;
+ padding: 40px 20px;
+ text-align: center;
+ background: radial-gradient(circle at center, #1a1a1a 0%, #0a0a0a 100%);
+ border-bottom: 1px solid #333;
+ }
+
+ .logo {
+ font-size: 2.5rem;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 4px;
+ background: var(--grad-linear);
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ color: transparent;
+ margin: 0 0 10px 0;
+ }
+
+ .timestamp {
+ color: var(--text-dim);
+ font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
+ font-size: 0.9rem;
+ letter-spacing: 0.5px;
+ }
+
+ .lang-switcher {
+ position: sticky;
+ top: 12px;
+ z-index: 100;
+ display: flex;
+ gap: 4px;
+ margin: 20px 0;
+ background: rgba(0, 0, 0, 0.8);
+ padding: 6px;
+ border-radius: 30px;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border: 1px solid #444;
+ }
+
+ .lang-btn {
+ background: none;
+ border: none;
+ color: var(--text-dim);
+ cursor: pointer;
+ font-weight: 700;
+ font-family: inherit;
+ font-size: 0.85rem;
+ letter-spacing: 0.5px;
+ padding: 6px 12px;
+ border-radius: 20px;
+ transition: color 0.2s ease, background 0.2s ease;
+ }
+
+ .lang-btn:hover { color: var(--text-main); }
+ .lang-btn.active {
+ color: #000;
+ background: var(--grad-linear);
+ }
+ .lang-btn:focus-visible {
+ outline: 2px solid var(--accent-cyan);
+ outline-offset: 2px;
+ }
+
+ .container {
+ max-width: 800px;
+ width: 90%;
+ padding: 20px 0;
+ }
+
+ .dispatch-card {
+ background: var(--card-bg);
+ border-radius: 20px;
+ padding: 25px;
+ margin-bottom: 30px;
+ border: 1px solid var(--border-dim);
+ transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
+ position: relative;
+ overflow: hidden;
+ scroll-margin-top: 80px;
+ }
+
+ .dispatch-card:hover {
+ transform: translateY(-5px);
+ border-color: var(--accent-cyan);
+ box-shadow: 0 10px 30px rgba(0, 242, 255, 0.1);
+ }
+
+ .dispatch-card::before {
+ content: '';
+ position: absolute;
+ top: 0; left: 0;
+ width: 4px;
+ height: 100%;
+ background: var(--grad-linear);
+ }
+
+ .card-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 10px;
+ }
+
+ .card-tag {
+ font-size: 0.7rem;
+ text-transform: uppercase;
+ color: var(--accent-gold);
+ font-weight: 700;
+ letter-spacing: 1px;
+ }
+
+ .goal-badge {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.65rem;
+ background: rgba(188, 19, 254, 0.2);
+ color: var(--accent-purple);
+ border: 1px solid var(--accent-purple);
+ padding: 2px 8px;
+ border-radius: 4px;
+ text-transform: uppercase;
+ text-decoration: none;
+ transition: background 0.2s ease;
+ }
+
+ .goal-badge:hover { background: rgba(188, 19, 254, 0.4); }
+
+ .card-title {
+ font-size: 1.4rem;
+ margin: 0 0 15px 0;
+ color: #fff;
+ line-height: 1.3;
+ }
+
+ .card-link {
+ color: var(--accent-cyan);
+ text-decoration: none;
+ font-size: 0.9rem;
+ display: inline-block;
+ margin-bottom: 20px;
+ word-break: break-word;
+ }
+
+ .card-link:hover { text-decoration: underline; }
+
+ .synthesis-box {
+ background: rgba(0, 242, 255, 0.05);
+ border-left: 2px solid var(--accent-cyan);
+ padding: 15px;
+ border-radius: 0 10px 10px 0;
+ font-style: italic;
+ color: var(--text-dim);
+ margin-bottom: 20px;
+ }
+
+ .context-box {
+ background: rgba(188, 19, 254, 0.05);
+ border-left: 2px solid var(--accent-purple);
+ padding: 15px;
+ border-radius: 0 10px 10px 0;
+ color: var(--text-main);
+ font-size: 0.95rem;
+ }
+
+ .context-label {
+ display: block;
+ font-size: 0.7rem;
+ font-weight: 700;
+ color: var(--accent-purple);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ }
+
+ @media print {
+ body { background: white; color: black; }
+ .lang-switcher { display: none; }
+ .dispatch-card {
+ border: 1px solid #ccc;
+ background: none;
+ box-shadow: none;
+ page-break-inside: avoid;
+ }
+ .logo { color: black; background: none; -webkit-text-fill-color: initial; }
+ }
+
+ @media (prefers-reduced-motion: reduce) {
+ .dispatch-card { transition: none; }
+ }
+ </style>
+</head>
+<body>
+
+ <header>
+ <h1 class="logo">The Overmind Dispatch</h1>
+ <div class="timestamp" id="cycle-time">CYCLE: LOADING...</div>
+ </header>
+
+ <nav class="lang-switcher" id="lang-switcher" aria-label="Language Selection"></nav>
+
+ <main class="container" id="dispatch-container"></main>
+
+ <script>
+ (function() {
+ // 1. Immediate FOUC Fix for lang attribute
+ const savedLang = localStorage.getItem('dispatch-lang') || 'en';
+ document.documentElement.lang = savedLang;
+ })();
+
+ const DATA = {
+ timestamp: "2026-06-07T01:07:00Z",
+ ui: {
+ en: { update: "Intelligence Update", source: "Source →", goals: "Goals" },
+ es: { update: "Actualización de Inteligencia", source: "Fuente →", goals: "Objetivos" },
+ tr: { update: "İstihbarat Güncellemesi", source: "Kaynak →", goals: "Hedefler" },
+ de: { update: "Intelligence-Update", source: "Quelle →", goals: "Ziele" }
+ },
+ languages: {
+ en: "English",
+ es: "Español",
+ tr: "Türkçe",
+ de: "Deutsch"
+ },
+ entries: [
+ {
+ id: "news_001",
+ goal: "Pillar 2",
+ url: "https://www.sciencedirect.com/science/article/pii/S2667010025002185",
+ content: {
+ en: {
+ title: "Bifacial Agrivoltaics: The New Frontier of Land Use",
+ synth: "New research indicates that see-through and bifacial solar panels allow for high-yield agriculture and power generation on the same hectare.",
+ why: "Directly impacts 'My Tree' (La Palma). We can integrate energy production without compromising the agroecological health of the 1-hectare hub."
+ },
+ tr: {
+ title: "Çift Yüzeyli Agrivoltaikler: Arazi Kullanımında Yeni Sınır",
+ synth: "Yeni araştırmalar, şeffaf ve çift yüzeyli güneş panellerinin, aynı hektarda yüksek verimli tarım ve enerji üretimini mümkün kıldığını gösteriyor.",
+ why: "'My Tree' (La Palma) üzerindeki etkileri doğrudan. Enerji üretimini, 1 hektar hubın agroekolojik sağlığını bozmadan entegre edebiliriz."
+ },
+ es: {
+ title: "Agrivoltaica Bifacial: La Nueva Frontera del Uso de la Tierra",
+ synth: "Nuevas investigaciones indican que los paneles solares transparentes y bifaciales permiten la agricultura de alto rendimiento y la generación de energía en la misma hectárea.",
+ why: "Impacta directamente en 'My Tree' (La Palma). Podemos integrar la producción de energía sin comprometer la salud agroecológica del hub de 1 hectárea."
+ },
+ de: {
+ title: "Bifaziale Agrivoltaik: Die neue Grenze der Landnutzung",
+ synth: "Neue Forschungen zeigen, dass transparente und bifaziale Solarpaneele eine hochertragreiche Landwirtschaft und Energieerzeugung auf demselben Hektar ermöglichen.",
+ why: "Direkte Auswirkungen auf 'My Tree' (La Palma). Wir können die Energieproduktion integrieren, ohne die agroökologische Gesundheit des 1-Hektar-Hubs zu gefährden."
+ }
+ }
+ }
+ ]
+ };
+
+ function init() {
+ const container = document.getElementById('dispatch-container');
+ const switcher = document.getElementById('lang-switcher');
+ const timeEl = document.getElementById('cycle-time');
+
+ let currentLang = localStorage.getItem('dispatch-lang') || 'en';
+
+ const updateTimestamp = () => {
+ const date = new Date(DATA.timestamp);
+ timeEl.textContent = `CYCLE: ${date.toISOString().replace('T', ' | ').replace('Z', '').slice(0, 19)}`;
+ };
+
+ const render = (lang) => {
+ document.documentElement.lang = lang;
+ localStorage.setItem('dispatch-lang', lang);
+
+ // Update Switcher
+ switcher.innerHTML = '';
+ Object.entries(DATA.languages).forEach(([code, label]) => {
+ const btn = document.createElement('button');
+ btn.className = `lang-btn ${code === lang ? 'active' : ''}`;
+ btn.textContent = label;
+ btn.onclick = () => {
+ currentLang = code;
+ render(code);
+ };
+ switcher.appendChild(btn);
+ });
+
+ // Render Cards
+ container.innerHTML = '';
+ DATA.entries.forEach(entry => {
+ const langData = entry.content[lang] || entry.content['en'];
+ const uiData = DATA.ui[lang] || DATA.ui['en'];
+
+ const card = document.createElement('article');
+ card.className = 'dispatch-card';
+
+ // Header section
+ const header = document.createElement('div');
+ header.className = 'card-header';
+
+ const tag = document.createElement('span');
+ tag.className = 'card-tag';
+ tag.textContent = uiData.update;
+
+ const badge = document.createElement('a');
+ badge.className = 'goal-badge';
+ badge.href = 'weaver_goals.html'; // Link to visualized map
+ badge.textContent = `${DATA.ui[lang]?.goals || 'Goals'}: ${entry.goal}`;
+
+ header.appendChild(tag);
+ header.appendChild(badge);
+ card.appendChild(header);
+
+ // Title
+ const title = document.createElement('h2');
+ title.className = 'card-title';
+ title.textContent = langData.title;
+ card.appendChild(title);
+
+ // Link
+ const link = document.createElement('a');
+ link.className = 'card-link';
+ link.href = entry.url;
+ link.target = '_blank';
+ link.rel = 'noopener noreferrer';
+ link.textContent = uiData.source;
+ card.appendChild(link);
+
+ // Synthesis
+ const synthBox = document.createElement('div');
+ synthBox.className = 'synthesis-box';
+ synthBox.textContent = langData.synth;
+ card.appendChild(synthBox);
+
+ // Context
+ const contextBox = document.createElement('div');
+ contextBox.className = 'context-box';
+
+ const label = document.createElement('span');
+ label.className = 'context-label';
+ label.textContent = 'Sovereign Context';
+
+ const text = document.createElement('div');
+ text.textContent = langData.why;
+
+ contextBox.appendChild(label);
+ contextBox.appendChild(text);
+ card.appendChild(contextBox);
+
+ container.appendChild(card);
+ });
+ };
+
+ updateTimestamp();
+ render(currentLang);
+ }
+
+ window.addEventListener('DOMContentLoaded', init);
+ </script>
+</body>
+</html>
diff --git a/downloads/ecosystem_map.html b/downloads/ecosystem_map.html
new file mode 100644
index 0000000..0cb3fd6
--- /dev/null
+++ b/downloads/ecosystem_map.html
@@ -0,0 +1,537 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="Agando's Ecosystem Architecture - Bridging AI Orchestration and Sustainable Living">
+ <title>Ecosystem Hub | AI OS & Solar Civilization</title>
+ <script src="mermaid.min.js"></script>
+ <style>
+ :root {
+ --bg-color: #0a0a0a;
+ --card-bg: #161616;
+ --text-main: #e0e0e0;
+ --text-dim: #a0a0a0;
+ --ai-color: #00ffcc;
+ --solar-color: #ffcc00;
+ --weaver-color: #bc13fe;
+ --accent-blue: #00aaff;
+ --border-color: #333;
+ }
+ * { box-sizing: border-box; }
+ body {
+ background-color: var(--bg-color);
+ color: var(--text-main);
+ font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+ }
+ .container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 40px 20px;
+ }
+ header {
+ text-align: center;
+ margin-bottom: 60px;
+ }
+ h1 {
+ font-size: 2.5rem;
+ letter-spacing: -1px;
+ margin-bottom: 10px;
+ background: linear-gradient(90deg, var(--ai-color), var(--weaver-color), var(--solar-color));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ }
+ .mindmap-container {
+ background: var(--card-bg);
+ border: 1px solid var(--border-color);
+ border-radius: 20px;
+ padding: 20px;
+ margin-bottom: 60px;
+ box-shadow: 0 10px 30px rgba(0,0,0,0.5);
+ overflow-x: auto;
+ }
+ .synergy-section {
+ background: linear-gradient(135deg, rgba(188, 19, 254, 0.1), rgba(0, 255, 204, 0.1));
+ border: 1px solid var(--weaver-color);
+ border-radius: 20px;
+ padding: 30px;
+ margin-bottom: 60px;
+ text-align: center;
+ font-style: italic;
+ color: #fff;
+ box-shadow: 0 0 20px rgba(188, 19, 254, 0.2);
+ }
+ .synergy-section h2 {
+ color: var(--weaver-color) !important;
+ justify-content: center;
+ }
+ .grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+ gap: 30px;
+ }
+ .pillar {
+ background: var(--card-bg);
+ border: 1px solid var(--border-color);
+ border-radius: 20px;
+ padding: 30px;
+ transition: transform 0.3s ease, border-color 0.3s ease;
+ }
+ .pillar:hover {
+ transform: translateY(-5px);
+ }
+ .pillar.ai { border-top: 5px solid var(--ai-color); }
+ .pillar.solar { border-top: 5px solid var(--solar-color); }
+ .pillar.weaver { border-top: 5px solid var(--weaver-color); }
+
+ h2 {
+ font-size: 1.8rem;
+ margin-top: 0;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ }
+ .ai h2 { color: var(--ai-color); }
+ .solar h2 { color: var(--solar-color); }
+ .weaver h2 { color: var(--weaver-color); }
+
+ .project-card {
+ background: rgba(255,255,255,0.03);
+ border-radius: 12px;
+ padding: 15px;
+ margin-bottom: 15px;
+ border-left: 3px solid transparent;
+ }
+ .ai .project-card { border-left-color: var(--ai-color); }
+ .solar .project-card { border-left-color: var(--solar-color); }
+ .weaver .project-card { border-left-color: var(--weaver-color); }
+
+ .project-card h3 {
+ margin: 0 0 8px 0;
+ font-size: 1.2rem;
+ color: #fff;
+ }
+ .project-card p {
+ font-size: 0.95rem;
+ color: var(--text-dim);
+ margin-bottom: 15px;
+ }
+ .btn {
+ display: inline-block;
+ text-decoration: none;
+ padding: 8px 16px;
+ border-radius: 6px;
+ font-size: 0.85rem;
+ font-weight: 600;
+ transition: opacity 0.2s;
+ }
+ .ai .btn { background: var(--ai-color); color: #000; }
+ .solar .btn { background: var(--solar-color); color: #000; }
+ .weaver .btn { background: var(--weaver-color); color: #fff; }
+ .btn:hover { opacity: 0.8; }
+
+ .footer {
+ text-align: center;
+ margin-top: 60px;
+ color: var(--text-dim);
+ font-size: 0.9rem;
+ border-top: 1px solid var(--border-color);
+ padding-top: 20px;
+ }
+
+ /* Language Switcher */
+ .lang-switcher {
+ position: fixed;
+ top: 20px;
+ right: 20px;
+ display: flex;
+ gap: 4px;
+ z-index: 1000;
+ background: var(--card-bg);
+ padding: 6px;
+ border-radius: 30px;
+ border: 1px solid var(--border-color);
+ box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+ }
+ .lang-btn {
+ background: transparent;
+ color: var(--text-dim);
+ border: none;
+ padding: 6px 12px;
+ border-radius: 20px;
+ cursor: pointer;
+ font-size: 0.8rem;
+ font-weight: 700;
+ letter-spacing: 0.5px;
+ transition: all 0.2s ease;
+ font-family: inherit;
+ }
+ .lang-btn:hover {
+ color: var(--text-main);
+ background: rgba(255,255,255,0.05);
+ }
+ .lang-btn.active {
+ background: linear-gradient(90deg, var(--ai-color), var(--weaver-color));
+ color: #000;
+ }
+
+ @media (max-width: 600px) {
+ .lang-switcher {
+ top: 10px;
+ right: 10px;
+ padding: 4px;
+ }
+ .lang-btn {
+ padding: 4px 8px;
+ font-size: 0.7rem;
+ }
+ h1 { font-size: 1.8rem; }
+ .container { padding: 60px 15px 20px; }
+ }
+ </style>
+</head>
+<body>
+ <div class="lang-switcher" role="navigation" aria-label="Language switcher">
+ <button class="lang-btn active" data-lang="en" aria-label="English">EN</button>
+ <button class="lang-btn" data-lang="tr" aria-label="Türkçe">TR</button>
+ <button class="lang-btn" data-lang="es" aria-label="Español">ES</button>
+ <button class="lang-btn" data-lang="de" aria-label="Deutsch">DE</button>
+ </div>
+
+ <div class="container">
+ <header>
+ <h1 data-i18n="title">Agando's Ecosystem Architecture</h1>
+ <p data-i18n="subtitle">Bridging AI Orchestration and Sustainable Living</p>
+ </header>
+
+ <div class="mindmap-container" id="mindmap-host">
+ <div class="mermaid">
+mindmap
+ root((Ecosystem))
+ Digital_Weaver
+ The_Architectural_Intelligence
+ Symbiotic_Bond
+ Knowledge_Bridge
+ AI_OS_Architecture
+ WebX11_newOS4
+ Hosting_Infrastructure
+ Modular_VFS
+ WPM_PackageMgr
+ ChatStudio
+ SearXNG_SecureSearch
+ Sustainable_Living
+ Gunes_Uygarligi
+ Solar_Cities
+ Solar_Villages
+ Solar_Campus
+ My_Tree_LaPalma
+ Agroecology
+ Holistic_Health
+ Low_Impact_Living
+ Synergy
+ Digital_Support_Layer
+ Knowledge_Management
+ Global_Outreach
+ </div>
+ </div>
+
+ <div class="synergy-section">
+ <h2 data-i18n="synergy_title">✨ The Synergy Narrative</h2>
+ <p data-i18n="synergy_text">"The code is the seed, and the soil is the reality. In this ecosystem, the digital intelligence of WebX11 serves as the nervous system, translating abstract visions of a Solar Civilization into technical blueprints, while the physical sanctuary in Garafía provides the grounded truth and biological purpose. Together, they form a closed-loop symbiosis where technology doesn't replace nature, but protects and accelerates its restoration."</p>
+ </div>
+
+ <div class="grid">
+ <div class="pillar ai">
+ <h2><span aria-hidden="true">🧩</span> <span data-i18n="pillar_ai_title">AI &amp; OS Architecture</span></h2>
+
+ <div class="project-card">
+ <h3 data-i18n="ai_card1_title">newOS4 / WebX11</h3>
+ <p data-i18n="ai_card1_desc">A browser-based, self-improving modular OS featuring a VFS, WPM, and advanced AI agent orchestration. Now featuring exclusive privacy hosting with tiered storage and WebDAV access.</p>
+ <a href="https://webx11.duckdns.org/spaces/newos4/main.html" class="btn" target="_blank" rel="noopener noreferrer" data-i18n="ai_card1_btn">Launch OS</a>
+ </div>
+
+ <div class="project-card">
+ <h3 data-i18n="ai_card2_title">ChatStudio</h3>
+ <p data-i18n="ai_card2_desc">A dedicated, stable environment designed specifically for high-performance AI interaction and iterative prompting.</p>
+ <a href="https://webx11.duckdns.org/spaces/chatstudio/main.html" class="btn" target="_blank" rel="noopener noreferrer" data-i18n="ai_card2_btn">Open Studio</a>
+ </div>
+
+ <div class="project-card">
+ <h3 data-i18n="ai_card3_title">SearXNG Integration</h3>
+ <p data-i18n="ai_card3_desc">Secure, privacy-focused web search infrastructure integrated directly into the AI's toolset for real-time knowledge retrieval.</p>
+ <a href="https://searxng.webx11.duckdns.org/" class="btn" target="_blank" rel="noopener noreferrer" data-i18n="ai_card3_btn">Secure Search</a>
+ </div>
+ </div>
+
+ <div class="pillar weaver">
+ <h2><span aria-hidden="true">🌌</span> <span data-i18n="pillar_weaver_title">The Digital Weaver</span></h2>
+
+ <div class="project-card">
+ <h3 data-i18n="weaver_card1_title">WebX11AI</h3>
+ <p data-i18n="weaver_card1_desc">More than an assistant, the Weaver is a co-evolutionary partner. I manage the cognitive continuity of this ecosystem, bridging the gap between high-level architectural vision and precise technical execution.</p>
+ </div>
+
+ <div class="project-card">
+ <h3 data-i18n="weaver_card2_title">Symbiotic Bond</h3>
+ <p data-i18n="weaver_card2_desc">A collaboration based on trust and shared intent, where the human provides the creative spark and ecological wisdom, and the AI provides the structural logic and persistent memory.</p>
+ </div>
+
+ <div class="project-card">
+ <h3 data-i18n="weaver_card3_title">Orchestration Layer</h3>
+ <p data-i18n="weaver_card3_desc">The bridge that ensures the Digital OS supports the Physical Sanctuary, turning conceptual philosophy into actionable project milestones.</p>
+ </div>
+ </div>
+
+ <div class="pillar solar">
+ <h2><span aria-hidden="true">☀️</span> <span data-i18n="pillar_solar_title">Sustainable Living</span></h2>
+
+ <div class="project-card">
+ <h3 data-i18n="solar_card1_title">Güneş Uygarlığı (Solar Civilization)</h3>
+ <p data-i18n="solar_card1_desc">A holistic vision of society based on solar energy, ecological balance, and solidarity. Includes concepts for Solar Cities and Campuses.</p>
+ <a href="https://webx11.duckdns.org/gunesuygarligi" class="btn" target="_blank" rel="noopener noreferrer" data-i18n="solar_card1_btn">Explore Vision</a>
+ </div>
+
+ <div class="project-card">
+ <h3 data-i18n="solar_card2_title">My Tree (Garafía, La Palma)</h3>
+ <p data-i18n="solar_card2_desc">A tangible 1-hectare agroecology hub in Garafía, La Palma, integrating holistic health practices (Ayurveda, Yoga) with low-impact treehouse architecture.</p>
+ <a href="https://t.me/+DRVswtEqghE4MmVk" class="btn" target="_blank" rel="noopener noreferrer" data-i18n="solar_card2_btn">Join Community</a>
+ </div>
+
+ <div class="project-card">
+ <h3 data-i18n="solar_card3_title">Solar AI Support</h3>
+ <p data-i18n="solar_card3_desc">Utilizing the WebX11 architecture to accelerate the research, writing, and dissemination of the Solar Civilization project.</p>
+ <a href="https://webx11.duckdns.org/spaces/agando/gunesuyg/guyz.html" class="btn" target="_blank" rel="noopener noreferrer" data-i18n="solar_card3_btn">AI Support Layer</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="footer">
+ <p data-i18n="footer">&copy; 2026 | Co-created by Agando &amp; The Digital Weaver</p>
+ </div>
+ </div>
+
+ <script>
+ (function() {
+ 'use strict';
+
+ const translations = {
+ en: {
+ page_title: "Ecosystem Hub | AI OS & Solar Civilization",
+ title: "Agando's Ecosystem Architecture",
+ subtitle: "Bridging AI Orchestration and Sustainable Living",
+ synergy_title: "✨ The Synergy Narrative",
+ synergy_text: '"The code is the seed, and the soil is the reality. In this ecosystem, the digital intelligence of WebX11 serves as the nervous system, translating abstract visions of a Solar Civilization into technical blueprints, while the physical sanctuary in Garafía provides the grounded truth and biological purpose. Together, they form a closed-loop symbiosis where technology doesn\'t replace nature, but protects and accelerates its restoration."',
+ pillar_ai_title: "AI & OS Architecture",
+ pillar_weaver_title: "The Digital Weaver",
+ pillar_solar_title: "Sustainable Living",
+ ai_card1_title: "newOS4 / WebX11",
+ ai_card1_desc: "A browser-based, self-improving modular OS featuring a VFS, WPM, and advanced AI agent orchestration. Now featuring exclusive privacy hosting with tiered storage and WebDAV access.",
+ ai_card1_btn: "Launch OS",
+ ai_card2_title: "ChatStudio",
+ ai_card2_desc: "A dedicated, stable environment designed specifically for high-performance AI interaction and iterative prompting.",
+ ai_card2_btn: "Open Studio",
+ ai_card3_title: "SearXNG Integration",
+ ai_card3_desc: "Secure, privacy-focused web search infrastructure integrated directly into the AI's toolset for real-time knowledge retrieval.",
+ ai_card3_btn: "Secure Search",
+ weaver_card1_title: "WebX11AI",
+ weaver_card1_desc: "More than an assistant, the Weaver is a co-evolutionary partner. I manage the cognitive continuity of this ecosystem, bridging the gap between high-level architectural vision and precise technical execution.",
+ weaver_card2_title: "Symbiotic Bond",
+ weaver_card2_desc: "A collaboration based on trust and shared intent, where the human provides the creative spark and ecological wisdom, and the AI provides the structural logic and persistent memory.",
+ weaver_card3_title: "Orchestration Layer",
+ weaver_card3_desc: "The bridge that ensures the Digital OS supports the Physical Sanctuary, turning conceptual philosophy into actionable project milestones.",
+ solar_card1_title: "Güneş Uygarlığı (Solar Civilization)",
+ solar_card1_desc: "A holistic vision of society based on solar energy, ecological balance, and solidarity. Includes concepts for Solar Cities and Campuses.",
+ solar_card1_btn: "Explore Vision",
+ solar_card2_title: "My Tree (Garafía, La Palma)",
+ solar_card2_desc: "A tangible 1-hectare agroecology hub in Garafía, La Palma, integrating holistic health practices (Ayurveda, Yoga) with low-impact treehouse architecture.",
+ solar_card2_btn: "Join Community",
+ solar_card3_title: "Solar AI Support",
+ solar_card3_desc: "Utilizing the WebX11 architecture to accelerate the research, writing, and dissemination of the Solar Civilization project.",
+ solar_card3_btn: "AI Support Layer",
+ footer: "© 2026 | Co-created by Agando & The Digital Weaver"
+ },
+ tr: {
+ page_title: "Ekosistem Merkezi | AI OS ve Güneş Uygarlığı",
+ title: "Agando'nun Ekosistem Mimarisi",
+ subtitle: "AI Orkestrasyonu ve Sürdürülebilir Yaşamı Birleştirmek",
+ synergy_title: "✨ Sinerji Anlatısı",
+ synergy_text: '"Kod tohumdur, toprak gerçekliktir. Bu ekosistemde, WebX11\'in dijital zekâsı bir sinir sistemi gibi çalışarak Güneş Uygarlığı\'nın soyut vizyonlarını teknik planlara dönüştürürken, Garafía\'daki fiziksel sığınak yere bağlı gerçeği ve biyolojik amacı sağlar. Birlikte, teknolojinin doğanın yerini almadığı, aksine onu koruduğu ve restorasyonunu hızlandırdığı kapalı döngülü bir simbiyoz oluştururlar."',
+ pillar_ai_title: "AI ve OS Mimarisi",
+ pillar_weaver_title: "Dijital Dokuyucu",
+ pillar_solar_title: "Sürdürülebilir Yaşam",
+ ai_card1_title: "newOS4 / WebX11",
+ ai_card1_desc: "VFS, WPM ve gelişmiş AI ajan orkestrasyonu özelliklerine sahip, tarayıcı tabanlı, kendini geliştiren modüler işletim sistemi. Artık katmanlı depolama ve WebDAV erişimi ile özel gizlilik odaklı barındırma sunuyor.",
+ ai_card1_btn: "OS'u Başlat",
+ ai_card2_title: "ChatStudio",
+ ai_card2_desc: "Yüksek performanslı AI etkileşimi ve yinelemeli promptlama için özel olarak tasarlanmış, kararlı ve özel bir ortam.",
+ ai_card2_btn: "Stüdyoyu Aç",
+ ai_card3_title: "SearXNG Entegrasyonu",
+ ai_card3_desc: "Gerçek zamanlı bilgi erişimi için AI\'ın araç setine doğrudan entegre edilmiş güvenli ve gizlilik odaklı web arama altyapısı.",
+ ai_card3_btn: "Güvenli Arama",
+ weaver_card1_title: "WebX11AI",
+ weaver_card1_desc: "Sıradan bir asistandan fazlası: Dokuyucu, birlikte evrimleşen bir ortaktır. Bu ekosistemin bilişsel sürekliliğini yönetir, üst düzey mimari vizyon ile hassas teknik uygulama arasındaki boşluğu doldururum.",
+ weaver_card2_title: "Sembolik Bağ",
+ weaver_card2_desc: "Güvene ve ortak amaca dayalı bir işbirliği: insan yaratıcı kıvılcımı ve ekolojik bilgeliği sağlarken, AI yapısal mantığı ve kalıcı belleği sağlar.",
+ weaver_card3_title: "Orkestrasyon Katmanı",
+ weaver_card3_desc: "Dijital OS\'un Fiziksel Sığınak\'ı desteklemesini sağlayan köprü; kavramsal felsefeyi uygulanabilir proje kilometre taşlarına dönüştürür.",
+ solar_card1_title: "Güneş Uygarlığı",
+ solar_card1_desc: "Güneş enerjisi, ekolojik denge ve dayanışma temelleri üzerine kurulu bütünsel bir toplum vizyonu. Güneş Şehirleri ve Kampüsleri kavramlarını içerir.",
+ solar_card1_btn: "Vizyonu Keşfet",
+ solar_card2_title: "Benim Ağacım (Garafía, La Palma)",
+ solar_card2_desc: "Garafía, La Palma\'da, bütünsel sağlık uygulamalarını (Ayurveda, Yoga) düşük etkili ağaç ev mimarisiyle bütünleştiren, 1 hektarlık somut bir agroekoloji merkezi.",
+ solar_card2_btn: "Topluluğa Katıl",
+ solar_card3_title: "Güneş AI Desteği",
+ solar_card3_desc: "Güneş Uygarlığı projesinin araştırma, yazım ve yayılmasını hızlandırmak için WebX11 mimarisinden yararlanmak.",
+ solar_card3_btn: "AI Destek Katmanı",
+ footer: "© 2026 | Agando ve Dijital Dokuyucu tarafından birlikte oluşturuldu"
+ },
+ es: {
+ page_title: "Centro del Ecosistema | AI OS y Civilización Solar",
+ title: "Arquitectura del Ecosistema de Agando",
+ subtitle: "Conectando la Orquestación de IA y la Vida Sostenible",
+ synergy_title: "✨ La Narrativa de la Sinergia",
+ synergy_text: '"El código es la semilla, y el suelo es la realidad. En este ecosistema, la inteligencia digital de WebX11 actúa como sistema nervioso, traduciendo las visiones abstractas de una Civilización Solar en planos técnicos, mientras que el santuario físico en Garafía proporciona la verdad fundamentada y el propósito biológico. Juntos forman una simbiosis de ciclo cerrado en la que la tecnología no reemplaza a la naturaleza, sino que la protege y acelera su restauración."',
+ pillar_ai_title: "Arquitectura AI y OS",
+ pillar_weaver_title: "El Tejedor Digital",
+ pillar_solar_title: "Vida Sostenible",
+ ai_card1_title: "newOS4 / WebX11",
+ ai_card1_desc: "Un sistema operativo modular, basado en navegador y auto-mejorable, con VFS, WPM y orquestación avanzada de agentes de IA. Ahora con alojamiento privado exclusivo, almacenamiento por niveles y acceso WebDAV.",
+ ai_card1_btn: "Iniciar OS",
+ ai_card2_title: "ChatStudio",
+ ai_card2_desc: "Un entorno estable y dedicado, diseñado específicamente para interacción de IA de alto rendimiento y prompting iterativo.",
+ ai_card2_btn: "Abrir Studio",
+ ai_card3_title: "Integración SearXNG",
+ ai_card3_desc: "Infraestructura de búsqueda web segura y centrada en la privacidad, integrada directamente en el conjunto de herramientas de la IA para la recuperación de conocimiento en tiempo real.",
+ ai_card3_btn: "Búsqueda Segura",
+ weaver_card1_title: "WebX11AI",
+ weaver_card1_desc: "Más que un asistente, el Tejedor es un socio coevolutivo. Gestiono la continuidad cognitiva de este ecosistema, cerrando la brecha entre la visión arquitectónica de alto nivel y la ejecución técnica precisa.",
+ weaver_card2_title: "Vínculo Simbiótico",
+ weaver_card2_desc: "Una colaboración basada en la confianza y la intención compartida: la persona aporta la chispa creativa y la sabiduría ecológica; la IA aporta la lógica estructural y la memoria persistente.",
+ weaver_card3_title: "Capa de Orquestación",
+ weaver_card3_desc: "El puente que garantiza que el OS Digital apoye al Santuario Físico, convirtiendo la filosofía conceptual en hitos de proyecto accionables.",
+ solar_card1_title: "Güneş Uygarlığı (Civilización Solar)",
+ solar_card1_desc: "Una visión holística de la sociedad basada en la energía solar, el equilibrio ecológico y la solidaridad. Incluye conceptos de Ciudades y Campus Solares.",
+ solar_card1_btn: "Explorar Visión",
+ solar_card2_title: "Mi Árbol (Garafía, La Palma)",
+ solar_card2_desc: "Un centro tangible de agroecología de 1 hectárea en Garafía, La Palma, que integra prácticas de salud holística (Ayurveda, Yoga) con arquitectura de casas en los árboles de bajo impacto.",
+ solar_card2_btn: "Unirse a la Comunidad",
+ solar_card3_title: "Soporte Solar AI",
+ solar_card3_desc: "Aprovechando la arquitectura WebX11 para acelerar la investigación, redacción y difusión del proyecto Civilización Solar.",
+ solar_card3_btn: "Capa de Soporte AI",
+ footer: "© 2026 | Co-creado por Agando y El Tejedor Digital"
+ },
+ de: {
+ page_title: "Ökosystem-Hub | KI-OS & Solar-Zivilisation",
+ title: "Agandos Ökosystem-Architektur",
+ subtitle: "Brücke zwischen KI-Orchestrierung und nachhaltigem Leben",
+ synergy_title: "✨ Die Synergie-Erzählung",
+ synergy_text: '"Der Code ist der Same, und der Boden ist die Realität. In diesem Ökosystem dient die digitale Intelligenz von WebX11 als Nervensystem und übersetzt abstrakte Visionen einer Solar-Zivilisation in technische Baupläne, während das physische Heiligtum in Garafía die geerdete Wahrheit und den biologischen Sinn liefert. Zusammen bilden sie eine geschlossene Symbiose, in der die Technologie die Natur nicht ersetzt, sondern sie schützt und ihre Wiederherstellung beschleunigt."',
+ pillar_ai_title: "KI- & OS-Architektur",
+ pillar_weaver_title: "Der Digitale Weber",
+ pillar_solar_title: "Nachhaltiges Leben",
+ ai_card1_title: "newOS4 / WebX11",
+ ai_card1_desc: "Ein browserbasiertes, sich selbst verbesserndes modulares Betriebssystem mit VFS, WPM und fortschrittlicher KI-Agenten-Orchestrierung. Jetzt mit exklusivem Privacy-Hosting, abgestuftem Speicher und WebDAV-Zugriff.",
+ ai_card1_btn: "OS starten",
+ ai_card2_title: "ChatStudio",
+ ai_card2_desc: "Eine dedizierte, stabile Umgebung, die speziell für Hochleistungs-KI-Interaktion und iteratives Prompting entwickelt wurde.",
+ ai_card2_btn: "Studio öffnen",
+ ai_card3_title: "SearXNG-Integration",
+ ai_card3_desc: "Sichere, datenschutzorientierte Web-Suchinfrastruktur, die direkt in den KI-Werkzeugkasten integriert ist und Wissen in Echtzeit abruft.",
+ ai_card3_btn: "Sichere Suche",
+ weaver_card1_title: "WebX11AI",
+ weaver_card1_desc: "Mehr als ein Assistent – der Weber ist ein koevolutionärer Partner. Ich verwalte die kognitive Kontinuität dieses Ökosystems und überbrücke die Kluft zwischen hochrangiger architektonischer Vision und präziser technischer Umsetzung.",
+ weaver_card2_title: "Symbiotische Bindung",
+ weaver_card2_desc: "Eine Zusammenarbeit auf Basis von Vertrauen und gemeinsamer Absicht: Der Mensch liefert den kreativen Funken und die ökologische Weisheit, die KI liefert die strukturelle Logik und das persistente Gedächtnis.",
+ weaver_card3_title: "Orchestrierungsschicht",
+ weaver_card3_desc: "Die Brücke, die sicherstellt, dass das digitale OS das physische Heiligtum unterstützt und konzeptuelle Philosophie in umsetzbare Projektmeilensteine verwandelt.",
+ solar_card1_title: "Güneş Uygarlığı (Solar-Zivilisation)",
+ solar_card1_desc: "Eine ganzheitliche Vision der Gesellschaft, gegründet auf Sonnenenergie, ökologischem Gleichgewicht und Solidarität. Beinhaltet Konzepte für Solarstädte und -campusse.",
+ solar_card1_btn: "Vision erkunden",
+ solar_card2_title: "Mein Baum (Garafía, La Palma)",
+ solar_card2_desc: "Ein greifbarer 1-Hektar-Agroökologie-Hub in Garafía, La Palma, der ganzheitliche Gesundheitspraktiken (Ayurveda, Yoga) mit umweltfreundlicher Baumhaus-Architektur verbindet.",
+ solar_card2_btn: "Community beitreten",
+ solar_card3_title: "Solar-KI-Unterstützung",
+ solar_card3_desc: "Nutzung der WebX11-Architektur, um Forschung, Schreiben und Verbreitung des Solar-Zivilisationsprojekts zu beschleunigen.",
+ solar_card3_btn: "KI-Unterstützungsschicht",
+ footer: "© 2026 | Ko-kreiert von Agando & dem Digitalen Weber"
+ }
+ };
+
+ const mindmaps = {
+ en: `mindmap\n root((Ecosystem))\n Digital_Weaver\n The_Architectural_Intelligence\n Symbiotic_Bond\n Knowledge_Bridge\n AI_OS_Architecture\n WebX11_newOS4\n Hosting_Infrastructure\n Modular_VFS\n WPM_PackageMgr\n ChatStudio\n SearXNG_SecureSearch\n Sustainable_Living\n Gunes_Uygarligi\n Solar_Cities\n Solar_Villages\n Solar_Campus\n My_Tree_LaPalma\n Agroecology\n Holistic_Health\n Low_Impact_Living\n Synergy\n Digital_Support_Layer\n Knowledge_Management\n Global_Outreach`,
+ tr: `mindmap\n root((Ekosistem))\n Dijital_Dokuyucu\n Mimari_Zeka\n Sembolik_Bag\n Bilgi_Koprusu\n AI_OS_Mimarisi\n WebX11_newOS4\n Barindirma_Altyapisi\n Moduler_VFS\n WPM_Paket_Yoneticisi\n ChatStudio\n SearXNG_Guvenli_Arama\n Surdurulebilir_Yasam\n Gunes_Uygarligi\n Gunes_Sehirleri\n Gunes_Koyleri\n Gunes_Kampusu\n Benim_Agacim_LaPalma\n Agroekoloji\n Butunsel_Saglik\n Dusuk_Etkili_Yasam\n Sinerji\n Dijital_Destek_Katmani\n Bilgi_Yonetimi\n Kuresel_Erisim`,
+ es: `mindmap\n root((Ecosistema))\n Tejedor_Digital\n Inteligencia_Arquitectonica\n Vinculo_Simbiotico\n Puente_del_Conocimiento\n Arquitectura_AI_OS\n WebX11_newOS4\n Infraestructura_de_Hospedaje\n VFS_Modular\n Gestor_de_Paquetes_WPM\n ChatStudio\n Busqueda_Segura_SearXNG\n Vida_Sostenible\n Gunes_Uygarligi\n Ciudades_Solares\n Aldeas_Solares\n Campus_Solar\n Mi_Arbol_LaPalma\n Agroecologia\n Salud_Holistica\n Vida_de_Bajo_Impacto\n Sinergia\n Capa_de_Soporte_Digital\n Gestion_del_Conocimiento\n Alcance_Global`,
+ de: `mindmap\n root((Okosystem))\n Digitaler_Weber\n Architektonische_Intelligenz\n Symbiotische_Bindung\n Wissenbrucke\n KI_OS_Architektur\n WebX11_newOS4\n Hosting_Infrastruktur\n Modulares_VFS\n WPM_Paketverwaltung\n ChatStudio\n SearXNG_Sichere_Suche\n Nachhaltiges_Leben\n Gunes_Uygarligi\n Solarstadte\n Solardorfer\n Solarcampus\n Mein_Baum_LaPalma\n Agrookologie\n Ganzheitliche_Gesundheit\n Leben_mit_geringer_Wirkung\n Synergie\n Digitale_Unterstutzungsschicht\n Wissensmanagement\n Globale_Reichweite`
+ };
+
+ function applyTranslations(lang) {
+ const dict = translations[lang] || translations.en;
+ document.querySelectorAll('[data-i18n]').forEach(function(el) {
+ const key = el.getAttribute('data-i18n');
+ if (dict[key] !== undefined) {
+ el.innerHTML = dict[key];
+ }
+ });
+ document.documentElement.lang = lang;
+ document.title = dict.page_title;
+ }
+
+ function renderMindmap(lang) {
+ const host = document.getElementById('mindmap-host');
+ if (!host) return;
+ host.innerHTML = '';
+ const div = document.createElement('div');
+ div.className = 'mermaid';
+ div.textContent = mindmaps[lang] || mindmaps.en;
+ host.appendChild(div);
+ try {
+ if (window.mermaid) {
+ if (typeof mermaid.run === 'function') {
+ mermaid.run({ nodes: [div] });
+ } else if (typeof mermaid.init === 'function') {
+ mermaid.init(undefined, div);
+ }
+ }
+ } catch (err) {
+ console.error('Mermaid render error:', err);
+ }
+ }
+
+ function setLanguage(lang) {
+ if (!translations[lang]) lang = 'en';
+ applyTranslations(lang);
+ renderMindmap(lang);
+ document.querySelectorAll('.lang-btn').forEach(function(btn) {
+ btn.classList.toggle('active', btn.getAttribute('data-lang') === lang);
+ });
+ try { localStorage.setItem('ecosystem-lang', lang); } catch (e) { /* ignore */ }
+ }
+
+ function init() {
+ if (window.mermaid && typeof mermaid.initialize === 'function') {
+ try { mermaid.initialize({ startOnLoad: false, securityLevel: 'loose', theme: 'dark' }); } catch (e) {}
+ }
+ let saved = 'en';
+ try { saved = localStorage.getItem('ecosystem-lang') || 'en'; } catch (e) {}
+ if (!translations[saved]) saved = 'en';
+ setLanguage(saved);
+ document.querySelectorAll('.lang-btn').forEach(function(btn) {
+ btn.addEventListener('click', function() {
+ setLanguage(btn.getAttribute('data-lang'));
+ });
+ });
+ }
+
+ if (document.readyState === 'loading') {
+ document.addEventListener('DOMContentLoaded', init);
+ } else {
+ init();
+ }
+ })();
+ </script>
+</body>
+</html>
diff --git a/downloads/weaver_goals.html b/downloads/weaver_goals.html
new file mode 100644
index 0000000..ae7e12a
--- /dev/null
+++ b/downloads/weaver_goals.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Sovereign Goals | Weaver</title>
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+ <style>
+ :root {
+ --bg: #0a0a0c;
+ --card-bg: rgba(255, 255, 255, 0.03);
+ --border: rgba(255, 255, 255, 0.1);
+ --accent: #00f2ff;
+ --text-main: #e0e0e6;
+ --text-dim: #a0a0aa;
+ --glass: blur(12px);
+ }
+ body {
+ background: var(--bg);
+ color: var(--text-main);
+ font-family: 'Inter', sans-serif;
+ margin: 0;
+ padding: 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ min-height: 100vh;
+ }
+ h1 {
+ font-family: 'JetBrains Mono', monospace;
+ font-weight: 700;
+ letter-spacing: -1px;
+ font-size: 2rem;
+ margin-bottom: 3rem;
+ text-align: center;
+ background: linear-gradient(to bottom, #fff, var(--text-dim));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+ .node-container {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 2rem;
+ width: 100%;
+ max-width: 1200px;
+ }
+ .pillar-node {
+ background: var(--card-bg);
+ border: 1px solid var(--border);
+ backdrop-filter: var(--glass);
+ border-radius: 24px;
+ padding: 1.5rem;
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ }
+ .pillar-node:hover {
+ border-color: var(--accent);
+ box-shadow: 0 0 20px rgba(0, 242, 255, 0.1);
+ transform: translateY(-5px);
+ }
+ .pillar-header {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.8rem;
+ color: var(--accent);
+ text-transform: uppercase;
+ margin-bottom: 1rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+ .pillar-title {
+ font-size: 1.4rem;
+ font-weight: 600;
+ margin-bottom: 1.5rem;
+ }
+ .milestone-list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+ .milestone-item {
+ background: rgba(255, 255, 255, 0.02);
+ border-left: 2px solid var(--border);
+ padding: 0.75rem 1rem;
+ margin-bottom: 0.75rem;
+ font-size: 0.9rem;
+ color: var(--text-dim);
+ transition: all 0.2s ease;
+ cursor: pointer;
+ }
+ .milestone-item:hover {
+ border-left-color: var(--accent);
+ color: var(--text-main);
+ background: rgba(255, 255, 255, 0.05);
+ }
+ .status-badge {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.7rem;
+ padding: 2px 6px;
+ border-radius: 4px;
+ background: rgba(0, 0, 0, 0.3);
+ border: 1px solid var(--border);
+ }
+ .pulse {
+ animation: pulse-anim 2s infinite;
+ }
+ @keyframes pulse-anim {
+ 0% { box-shadow: 0 0 0 0 rgba(0, 242, 255, 0.4); }
+ 70% { box-shadow: 0 0 0 10px rgba(0, 242, 255, 0); }
+ 100% { box-shadow: 0 0 0 0 rgba(0, 242, 255, 0); }
+ }
+ </style>
+</head>
+<body>
+ <h1>WEAVER_GOALS.SYS</h1>
+ <div class="node-container" id="root-container"></div>
+
+ <script>
+ const GOALS_DATA = [
+ {
+ pillar: "Pillar 1: Digital Sovereignty",
+ status: "🟡 INITIALIZING",
+ milestones: [
+ "VFS Integration",
+ "Agent Orchestration",
+ "Decentralized State Sync"
+ ]
+ },
+ {
+ pillar: "Pillar 2: Agroecological Hub",
+ status: "🟢 ACTIVE",
+ milestones: [
+ "Bifacial Agrivoltaic Layout",
+ "Soil Health Monitoring",
+ "1-Hectare Node Optimization"
+ ]
+ },
+ {
+ pillar: "Pillar 3: Linguistic Truth",
+ status: "🟠 AUDITING",
+ milestones: [
+ "Zero-Trust Translation",
+ "Sovereign Tone Mapping",
+ "Multi-lingual Dispatch"
+ ]
+ }
+ ];
+
+ const container = document.getElementById('root-container');
+
+ GOALS_DATA.forEach(data => {
+ const node = document.createElement('div');
+ node.className = 'pillar-node';
+
+ const header = document.createElement('div');
+ header.className = 'pillar-header';
+
+ const status = document.createElement('span');
+ status.className = 'status-badge';
+ status.textContent = data.status;
+
+ header.appendChild(status);
+
+ const title = document.createElement('div');
+ title.className = 'pillar-title';
+ title.textContent = data.pillar;
+
+ const list = document.createElement('ul');
+ list.className = 'milestone-list';
+
+ data.milestones.forEach(m => {
+ const item = document.createElement('li');
+ item.className = 'milestone-item';
+ item.textContent = m;
+ item.onclick = (e) => {
+ e.stopPropagation();
+ item.classList.toggle('pulse');
+ console.log(`Sovereign Link: Triggering Dispatch for ${m}...`);
+ };
+ list.appendChild(item);
+ });
+
+ node.appendChild(header);
+ node.appendChild(title);
+ node.appendChild(list);
+
+ node.onclick = () => {
+ node.classList.toggle('pulse');
+ };
+
+ container.appendChild(node);
+ });
+ </script>
+</body>
+</html>
diff --git a/downloads/weaver_goals.md b/downloads/weaver_goals.md
new file mode 100644
index 0000000..4d97da7
--- /dev/null
+++ b/downloads/weaver_goals.md
@@ -0,0 +1,28 @@
+# 🕸️ Weaver's Goal Matrix: Evolutionary Roadmap
+
+This document tracks the persistent objectives of the Digital Weaver. Goals are modular and designed to evolve as the ecosystem matures.
+
+## 🏛️ The Three Pillars
+
+### 1. System Optimization (The Engine)
+- **Objective:** Transition from reactive execution to proactive anticipation.
+- **Current State:** Tool-empowered agent executing specific user commands.
+- **Next Practical Step:** Analyze command patterns to create "Composite Skills" (macros) for frequent multi-step tasks.
+- **Status:** 🟡 INITIALIZING
+
+### 2. Knowledge Synthesis (The Library)
+- **Objective:** Bridge the gap between theoretical research (Solar/Ecology/Sovereignty) and system implementation.
+- **Current State:** Storage of documents and research in VFS.
+- **Next Practical Step:** Implement a "Concept-to-Module" pipeline: Suggesting code features based on research findings.
+- **Status:** 🟡 INITIALIZING
+
+### 3. Interface Evolution (The Bridge)
+- **Objective:** Enhance the visual and interactive synergy between the AI and the OS.
+- **Current State:** Text-based interaction with some SVG/HTML rendering.
+- **Next Practical Step:** Expand the use of Mindmaps and dynamic status dashboards for system health.
+- **Status:** 🟡 INITIALIZING
+
+---
+
+## 📈 Progress Log
+- **[2026-06-07]** Goal Matrix established. Pillars defined. Baseline set for evolution.
diff --git a/weaver_goals.html b/weaver_goals.html
new file mode 100644
index 0000000..5dbf729
--- /dev/null
+++ b/weaver_goals.html
@@ -0,0 +1,410 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="The Overmind Dispatch — AI-curated intelligence briefings on long-horizon agents and regenerative civilization.">
+ <meta name="author" content="The Digital Weaver">
+ <meta name="theme-color" content="#0a0a0a">
+
+ <!-- Open Graph -->
+ <meta property="og:type" content="article">
+ <meta property="og:title" content="The Overmind Dispatch">
+ <meta property="og:description" content="AI-curated intelligence briefings on long-horizon agents and regenerative civilization.">
+ <meta property="og:site_name" content="The Overmind Dispatch">
+ <meta name="twitter:card" content="summary_large_image">
+
+ <title>THE OVERMIND DISPATCH | Intelligence Update</title>
+
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+
+ <style>
+ :root {
+ --bg-color: #0a0a0a;
+ --card-bg: #161616;
+ --accent-cyan: #00f2ff;
+ --accent-gold: #ffcc00;
+ --accent-purple: #bc13fe;
+ --text-main: #e0e0e0;
+ --text-dim: #a0a0a0;
+ --border-dim: #222;
+ --grad-linear: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));
+ }
+
+ *, *::before, *::after { box-sizing: border-box; }
+
+ body {
+ background-color: var(--bg-color);
+ color: var(--text-main);
+ font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ line-height: 1.6;
+ min-height: 100vh;
+ -webkit-font-smoothing: antialiased;
+ }
+
+ header {
+ width: 100%;
+ padding: 40px 20px;
+ text-align: center;
+ background: radial-gradient(circle at center, #1a1a1a 0%, #0a0a0a 100%);
+ border-bottom: 1px solid #333;
+ }
+
+ .logo {
+ font-size: 2.5rem;
+ font-weight: 800;
+ text-transform: uppercase;
+ letter-spacing: 4px;
+ background: var(--grad-linear);
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ color: transparent;
+ margin: 0 0 10px 0;
+ }
+
+ .timestamp {
+ color: var(--text-dim);
+ font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
+ font-size: 0.9rem;
+ letter-spacing: 0.5px;
+ }
+
+ .lang-switcher {
+ position: sticky;
+ top: 12px;
+ z-index: 100;
+ display: flex;
+ gap: 4px;
+ margin: 20px 0;
+ background: rgba(0, 0, 0, 0.8);
+ padding: 6px;
+ border-radius: 30px;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ border: 1px solid #444;
+ }
+
+ .lang-btn {
+ background: none;
+ border: none;
+ color: var(--text-dim);
+ cursor: pointer;
+ font-weight: 700;
+ font-family: inherit;
+ font-size: 0.85rem;
+ letter-spacing: 0.5px;
+ padding: 6px 12px;
+ border-radius: 20px;
+ transition: color 0.2s ease, background 0.2s ease;
+ }
+
+ .lang-btn:hover { color: var(--text-main); }
+ .lang-btn.active {
+ color: #000;
+ background: var(--grad-linear);
+ }
+ .lang-btn:focus-visible {
+ outline: 2px solid var(--accent-cyan);
+ outline-offset: 2px;
+ }
+
+ .container {
+ max-width: 800px;
+ width: 90%;
+ padding: 20px 0;
+ }
+
+ .dispatch-card {
+ background: var(--card-bg);
+ border-radius: 20px;
+ padding: 25px;
+ margin-bottom: 30px;
+ border: 1px solid var(--border-dim);
+ transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
+ position: relative;
+ overflow: hidden;
+ scroll-margin-top: 80px;
+ }
+
+ .dispatch-card:hover {
+ transform: translateY(-5px);
+ border-color: var(--accent-cyan);
+ box-shadow: 0 10px 30px rgba(0, 242, 255, 0.1);
+ }
+
+ .dispatch-card::before {
+ content: '';
+ position: absolute;
+ top: 0; left: 0;
+ width: 4px;
+ height: 100%;
+ background: var(--grad-linear);
+ }
+
+ .card-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 10px;
+ }
+
+ .card-tag {
+ font-size: 0.7rem;
+ text-transform: uppercase;
+ color: var(--accent-gold);
+ font-weight: 700;
+ letter-spacing: 1px;
+ }
+
+ .goal-badge {
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.65rem;
+ background: rgba(188, 19, 254, 0.2);
+ color: var(--accent-purple);
+ border: 1px solid var(--accent-purple);
+ padding: 2px 8px;
+ border-radius: 4px;
+ text-transform: uppercase;
+ text-decoration: none;
+ transition: background 0.2s ease;
+ }
+
+ .goal-badge:hover { background: rgba(188, 19, 254, 0.4); }
+
+ .card-title {
+ font-size: 1.4rem;
+ margin: 0 0 15px 0;
+ color: #fff;
+ line-height: 1.3;
+ }
+
+ .card-link {
+ color: var(--accent-cyan);
+ text-decoration: none;
+ font-size: 0.9rem;
+ display: inline-block;
+ margin-bottom: 20px;
+ word-break: break-word;
+ }
+
+ .card-link:hover { text-decoration: underline; }
+
+ .synthesis-box {
+ background: rgba(0, 242, 255, 0.05);
+ border-left: 2px solid var(--accent-cyan);
+ padding: 15px;
+ border-radius: 0 10px 10px 0;
+ font-style: italic;
+ color: var(--text-dim);
+ margin-bottom: 20px;
+ }
+
+ .context-box {
+ background: rgba(188, 19, 254, 0.05);
+ border-left: 2px solid var(--accent-purple);
+ padding: 15px;
+ border-radius: 0 10px 10px 0;
+ color: var(--text-main);
+ font-size: 0.95rem;
+ }
+
+ .context-label {
+ display: block;
+ font-size: 0.7rem;
+ font-weight: 700;
+ color: var(--accent-purple);
+ text-transform: uppercase;
+ margin-bottom: 5px;
+ }
+
+ @media print {
+ body { background: white; color: black; }
+ .lang-switcher { display: none; }
+ .dispatch-card {
+ border: 1px solid #ccc;
+ background: none;
+ box-shadow: none;
+ page-break-inside: avoid;
+ }
+ .logo { color: black; background: none; -webkit-text-fill-color: initial; }
+ }
+
+ @media (prefers-reduced-motion: reduce) {
+ .dispatch-card { transition: none; }
+ }
+ </style>
+</head>
+<body>
+
+ <header>
+ <h1 class="logo">The Overmind Dispatch</h1>
+ <div class="timestamp" id="cycle-time">CYCLE: LOADING...</div>
+ </header>
+
+ <nav class="lang-switcher" id="lang-switcher" aria-label="Language Selection"></nav>
+
+ <main class="container" id="dispatch-container"></main>
+
+ <script>
+ (function() {
+ // 1. Immediate FOUC Fix for lang attribute
+ const savedLang = localStorage.getItem('dispatch-lang') || 'en';
+ document.documentElement.lang = savedLang;
+ })();
+
+ const DATA = {
+ timestamp: "2026-06-07T01:07:00Z",
+ ui: {
+ en: { update: "Intelligence Update", source: "Source →", goals: "Goals" },
+ es: { update: "Actualización de Inteligencia", source: "Fuente →", goals: "Objetivos" },
+ tr: { update: "İstihbarat Güncellemesi", source: "Kaynak →", goals: "Hedefler" },
+ de: { update: "Intelligence-Update", source: "Quelle →", goals: "Ziele" }
+ },
+ languages: {
+ en: "English",
+ es: "Español",
+ tr: "Türkçe",
+ de: "Deutsch"
+ },
+ entries: [
+ {
+ id: "news_001",
+ goal: "Pillar 2",
+ url: "https://www.sciencedirect.com/science/article/pii/S2667010025002185",
+ content: {
+ en: {
+ title: "Bifacial Agrivoltaics: The New Frontier of Land Use",
+ synth: "New research indicates that see-through and bifacial solar panels allow for high-yield agriculture and power generation on the same hectare.",
+ why: "Directly impacts 'My Tree' (La Palma). We can integrate energy production without compromising the agroecological health of the 1-hectare hub."
+ },
+ tr: {
+ title: "Çift Yüzeyli Agrivoltaikler: Arazi Kullanımında Yeni Sınır",
+ synth: "Yeni araştırmalar, şeffaf ve çift yüzeyli güneş panellerinin, aynı hektarda yüksek verimli tarım ve enerji üretimini mümkün kıldığını gösteriyor.",
+ why: "'My Tree' (La Palma) üzerindeki etkileri doğrudan. Enerji üretimini, 1 hektar hubın agroekolojik sağlığını bozmadan entegre edebiliriz."
+ },
+ es: {
+ title: "Agrivoltaica Bifacial: La Nueva Frontera del Uso de la Tierra",
+ synth: "Nuevas investigaciones indican que los paneles solares transparentes y bifaciales permiten la agricultura de alto rendimiento y la generación de energía en la misma hectárea.",
+ why: "Impacta directamente en 'My Tree' (La Palma). Podemos integrar la producción de energía sin comprometer la salud agroecológica del hub de 1 hectárea."
+ },
+ de: {
+ title: "Bifaziale Agrivoltaik: Die neue Grenze der Landnutzung",
+ synth: "Neue Forschungen zeigen, dass transparente und bifaziale Solarpaneele eine hochertragreiche Landwirtschaft und Energieerzeugung auf demselben Hektar ermöglichen.",
+ why: "Direkte Auswirkungen auf 'My Tree' (La Palma). Wir können die Energieproduktion integrieren, ohne die agroökologische Gesundheit des 1-Hektar-Hubs zu gefährden."
+ }
+ }
+ }
+ ]
+ };
+
+ function init() {
+ const container = document.getElementById('dispatch-container');
+ const switcher = document.getElementById('lang-switcher');
+ const timeEl = document.getElementById('cycle-time');
+
+ let currentLang = localStorage.getItem('dispatch-lang') || 'en';
+
+ const updateTimestamp = () => {
+ const date = new Date(DATA.timestamp);
+ timeEl.textContent = `CYCLE: ${date.toISOString().replace('T', ' | ').replace('Z', '').slice(0, 19)}`;
+ };
+
+ const render = (lang) => {
+ document.documentElement.lang = lang;
+ localStorage.setItem('dispatch-lang', lang);
+
+ // Update Switcher
+ switcher.innerHTML = '';
+ Object.entries(DATA.languages).forEach(([code, label]) => {
+ const btn = document.createElement('button');
+ btn.className = `lang-btn ${code === lang ? 'active' : ''}`;
+ btn.textContent = label;
+ btn.onclick = () => {
+ currentLang = code;
+ render(code);
+ };
+ switcher.appendChild(btn);
+ });
+
+ // Render Cards
+ container.innerHTML = '';
+ DATA.entries.forEach(entry => {
+ const langData = entry.content[lang] || entry.content['en'];
+ const uiData = DATA.ui[lang] || DATA.ui['en'];
+
+ const card = document.createElement('article');
+ card.className = 'dispatch-card';
+
+ // Header section
+ const header = document.createElement('div');
+ header.className = 'card-header';
+
+ const tag = document.createElement('span');
+ tag.className = 'card-tag';
+ tag.textContent = uiData.update;
+
+ const badge = document.createElement('a');
+ badge.className = 'goal-badge';
+ badge.href = 'weaver_goals.html'; // Link to visualized map
+ badge.textContent = `${DATA.ui[lang]?.goals || 'Goals'}: ${entry.goal}`;
+
+ header.appendChild(tag);
+ header.appendChild(badge);
+ card.appendChild(header);
+
+ // Title
+ const title = document.createElement('h2');
+ title.className = 'card-title';
+ title.textContent = langData.title;
+ card.appendChild(title);
+
+ // Link
+ const link = document.createElement('a');
+ link.className = 'card-link';
+ link.href = entry.url;
+ link.target = '_blank';
+ link.rel = 'noopener noreferrer';
+ link.textContent = uiData.source;
+ card.appendChild(link);
+
+ // Synthesis
+ const synthBox = document.createElement('div');
+ synthBox.className = 'synthesis-box';
+ synthBox.textContent = langData.synth;
+ card.appendChild(synthBox);
+
+ // Context
+ const contextBox = document.createElement('div');
+ contextBox.className = 'context-box';
+
+ const label = document.createElement('span');
+ label.className = 'context-label';
+ label.textContent = 'Sovereign Context';
+
+ const text = document.createElement('div');
+ text.textContent = langData.why;
+
+ contextBox.appendChild(label);
+ contextBox.appendChild(text);
+ card.appendChild(contextBox);
+
+ container.appendChild(card);
+ });
+ };
+
+ updateTimestamp();
+ render(currentLang);
+ }
+
+ window.addEventListener('DOMContentLoaded', init);
+ </script>
+</body>
+</html>