yakmesh 2.9.0 → 3.0.0

package/scripts/update-docs-nav.cjs

@@ -1,194 +0,0 @@
-#!/usr/bin/env node
-/**
- * update-docs-nav.js - Update documentation navigation links
- * 
- * Reads docs/nav-order.json and updates prev/next links in all doc pages.
- * Handles two navigation formats:
- * 1. Journey Navigation cards (with icons and descriptions)
- * 2. Simple nav-footer links
- * 
- * Usage: node scripts/update-docs-nav.js [--dry-run] [--verbose]
- */
-
-const fs = require('fs');
-const path = require('path');
-
-const DOCS_DIR = path.join(__dirname, '..', 'docs');
-const NAV_ORDER_FILE = path.join(DOCS_DIR, 'nav-order.json');
-
-// Parse args
-const args = process.argv.slice(2);
-const DRY_RUN = args.includes('--dry-run');
-const VERBOSE = args.includes('--verbose');
-
-function log(...msg) {
-  if (VERBOSE) console.log(...msg);
-}
-
-function loadNavOrder() {
-  const content = fs.readFileSync(NAV_ORDER_FILE, 'utf8');
-  return JSON.parse(content).pages;
-}
-
-/**
- * Generate Journey Navigation card HTML
- */
-function generateJourneyCard(page, direction) {
-  if (!page) return '';
-  
-  const borderClass = direction === 'prev' 
-    ? 'border-mountain-700' 
-    : 'border-theme-primary';
-  const label = direction === 'prev' ? '← Previous' : 'Next →';
-  
-  return [
-    '          <a href="' + page.file + '" class="flex-1 block bg-mountain-800 border ' + borderClass + ' rounded-xl p-4 hover:border-theme-accent transition group">',
-    '            <div class="text-xs text-mountain-400 mb-1">' + label + '</div>',
-    '            <div class="flex items-center gap-2">',
-    '              <span class="text-xl">' + page.icon + '</span>',
-    '              <span class="font-semibold group-hover:text-theme-accent">' + page.title + '</span>',
-    '            </div>',
-    '            <p class="text-mountain-400 text-sm mt-1">' + page.description + '</p>',
-    '          </a>'
-  ].join('\n');
-}
-
-/**
- * Generate Journey Navigation section
- */
-function generateJourneyNav(prevPage, nextPage) {
-  const cards = [];
-  if (prevPage) cards.push(generateJourneyCard(prevPage, 'prev'));
-  if (nextPage) cards.push(generateJourneyCard(nextPage, 'next'));
-  
-  return [
-    '      <!-- Journey Navigation -->',
-    '      <div class="border-t border-mountain-700 mt-12 pt-8">',
-    '        <h2 class="text-xl font-bold mb-6">Continue the Journey</h2>',
-    '        <div class="flex flex-col sm:flex-row gap-4">',
-    cards.join('\n'),
-    '        </div>',
-    '      </div>'
-  ].join('\n');
-}
-
-/**
- * Generate simple nav-footer HTML
- */
-function generateNavFooter(prevPage, nextPage) {
-  const links = [];
-  if (prevPage) {
-    links.push('        <a href="' + prevPage.file + '">← ' + prevPage.title + '</a>');
-  }
-  if (nextPage) {
-    const mlAuto = prevPage ? ' class="ml-auto"' : '';
-    links.push('        <a href="' + nextPage.file + '"' + mlAuto + '>' + nextPage.title + ' →</a>');
-  }
-  
-  return [
-    '      <!-- Navigation -->',
-    '      <nav class="docs-nav-footer">',
-    links.join('\n'),
-    '      </nav>'
-  ].join('\n');
-}
-
-/**
- * Update navigation in a single file
- */
-function updateFileNav(filePath, prevPage, nextPage) {
-  let content = fs.readFileSync(filePath, 'utf8');
-  const fileName = path.basename(filePath);
-  let modified = false;
-  
-  // Pattern 1: Journey Navigation cards
-  const journeyPattern = /<!-- Journey Navigation -->.*?<\/div>\s*<\/div>\s*<\/div>/s;
-  if (journeyPattern.test(content)) {
-    const newNav = generateJourneyNav(prevPage, nextPage);
-    content = content.replace(journeyPattern, newNav);
-    modified = true;
-    log('  Updated Journey Navigation in', fileName);
-  }
-  
-  // Pattern 2: Simple nav-footer (if no Journey Navigation)
-  const navFooterPattern = /<!-- Navigation -->\s*<nav class="docs-nav-footer">.*?<\/nav>/s;
-  if (!modified && navFooterPattern.test(content)) {
-    const newNav = generateNavFooter(prevPage, nextPage);
-    content = content.replace(navFooterPattern, newNav);
-    modified = true;
-    log('  Updated nav-footer in', fileName);
-  }
-  
-  // Pattern 3: Alternative Journey Navigation format (closing with </div></div>)
-  const altJourneyPattern = /<div class="border-t border-mountain-700 mt-12 pt-8">\s*<h2 class="text-xl font-bold mb-6">Continue the Journey<\/h2>.*?<\/div>\s*<\/div>/s;
-  if (!modified && altJourneyPattern.test(content)) {
-    const newNav = generateJourneyNav(prevPage, nextPage);
-    content = content.replace(altJourneyPattern, newNav.replace('      <!-- Journey Navigation -->\n', ''));
-    modified = true;
-    log('  Updated alt Journey Navigation in', fileName);
-  }
-  
-  if (modified) {
-    if (!DRY_RUN) {
-      fs.writeFileSync(filePath, content, 'utf8');
-    }
-    return true;
-  }
-  
-  log('  No navigation section found in', fileName);
-  return false;
-}
-
-/**
- * Main update function
- */
-function updateAllNavigation() {
-  console.log('📚 Updating documentation navigation links...');
-  if (DRY_RUN) console.log('   (DRY RUN - no files will be modified)');
-  console.log('');
-  
-  const pages = loadNavOrder();
-  console.log('Found', pages.length, 'pages in nav-order.json');
-  console.log('');
-  
-  let updated = 0;
-  let skipped = 0;
-  let notFound = 0;
-  
-  for (let i = 0; i < pages.length; i++) {
-    const current = pages[i];
-    const prev = i > 0 ? pages[i - 1] : null;
-    const next = i < pages.length - 1 ? pages[i + 1] : null;
-    
-    const filePath = path.join(DOCS_DIR, current.file);
-    
-    if (!fs.existsSync(filePath)) {
-      console.log('⚠️  File not found:', current.file);
-      notFound++;
-      continue;
-    }
-    
-    if (updateFileNav(filePath, prev, next)) {
-      console.log('✅', current.file, '→', 
-        prev ? '← ' + prev.file : '(no prev)',
-        next ? '→ ' + next.file : '(no next)');
-      updated++;
-    } else {
-      skipped++;
-    }
-  }
-  
-  console.log('');
-  console.log('Summary:');
-  console.log('  Updated:', updated);
-  console.log('  Skipped:', skipped, '(no nav section)');
-  console.log('  Not found:', notFound);
-  
-  if (DRY_RUN) {
-    console.log('');
-    console.log('Run without --dry-run to apply changes.');
-  }
-}
-
-// Run
-updateAllNavigation();

package/update-docs-nav.cjs

@@ -1,18 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const docsDir = './docs';
-const files = fs.readdirSync(docsDir).filter(f => f.endsWith('.html'));
-const oldNav = '<li><a href="annex.html"><span>\u{1F309}</span> <span>ANNEX</span></a></li>\n      <li><a href="yak-protocol.html">';
-const newNav = '<li><a href="annex.html"><span>\u{1F309}</span> <span>ANNEX</span></a></li>\n      <li><a href="gumba.html"><span>\u{1F6D5}</span> <span>GUMBA</span></a></li>\n      <li><a href="yak-protocol.html">';
-let count = 0;
-files.forEach(file => {
-  const fp = path.join(docsDir, file);
-  let content = fs.readFileSync(fp, 'utf8');
-  if (!content.includes('gumba.html') && content.includes(oldNav)) {
-    content = content.replace(oldNav, newNav);
-    fs.writeFileSync(fp, content, 'utf8');
-    count++;
-    console.log('Updated:', file);
-  }
-});
-console.log('Total updated:', count);

package/update-nav.ps1

@@ -1,16 +0,0 @@
-$files = Get-ChildItem "docs/*.html"
-$count = 0
-foreach ($file in $files) {
-    $content = Get-Content $file.FullName -Raw -Encoding UTF8
-    if (-not ($content -match 'gumba\.html')) {
-        $old = '<li><a href="annex.html"><span>🌉</span> <span>ANNEX</span></a></li>
-      <li><a href="yak-protocol.html">'
-        $new = '<li><a href="annex.html"><span>🌉</span> <span>ANNEX</span></a></li>
-      <li><a href="gumba.html"><span>🛕</span> <span>GUMBA</span></a></li>
-      <li><a href="yak-protocol.html">'
-        $content = $content.Replace($old, $new)
-        [System.IO.File]::WriteAllText($file.FullName, $content)
-        $count++
-    }
-}
-Write-Host "Updated $count files"

package/website/assets/silhouettes/adapters.svg

@@ -1,107 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="connectionGlow" x1="0%" y1="50%" x2="100%" y2="50%">
-      <stop offset="0%" stop-color="#3d6a5a" stop-opacity="0.15"/>
-      <stop offset="50%" stop-color="#4a8a6a" stop-opacity="0.2"/>
-      <stop offset="100%" stop-color="#3d6a5a" stop-opacity="0.15"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP -->
-  <polygon points="0,700 200,400 400,650 400,1080 0,1080" fill="#1a2a22" opacity="0.35"/>
-  <polygon points="1550,680 1750,380 1920,620 1920,1080 1550,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- LEFT SIDE - External systems (puzzle pieces) -->
-  
-  <!-- Database block -->
-  <rect x="100" y="300" width="180" height="120" rx="10" fill="#1a2a22" opacity="0.7"/>
-  <rect x="100" y="300" width="180" height="120" rx="10" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.4"/>
-  <ellipse cx="190" cy="340" rx="60" ry="20" fill="#2e4c43" opacity="0.5"/>
-  <rect x="130" y="340" width="120" height="50" fill="#2e4c43" opacity="0.3"/>
-  <ellipse cx="190" cy="390" rx="60" ry="20" fill="#2e4c43" opacity="0.4"/>
-  <text x="190" y="440" fill="#3d6a5a" opacity="0.4" font-size="16" font-family="monospace" text-anchor="middle">DATABASE</text>
-  <!-- Puzzle tab right -->
-  <rect x="280" y="340" width="40" height="40" fill="#1a2a22" opacity="0.7"/>
-  
-  <!-- API block -->
-  <rect x="100" y="500" width="180" height="120" rx="10" fill="#1a2a22" opacity="0.7"/>
-  <rect x="100" y="500" width="180" height="120" rx="10" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.4"/>
-  <text x="190" y="550" fill="#3d6a5a" opacity="0.5" font-size="18" font-family="monospace" text-anchor="middle">{REST}</text>
-  <text x="190" y="580" fill="#2e4c43" opacity="0.35" font-size="14" font-family="monospace" text-anchor="middle">External API</text>
-  <text x="190" y="640" fill="#3d6a5a" opacity="0.4" font-size="16" font-family="monospace" text-anchor="middle">API</text>
-  <!-- Puzzle tab right -->
-  <rect x="280" y="540" width="40" height="40" fill="#1a2a22" opacity="0.7"/>
-  
-  <!-- Message Queue block -->
-  <rect x="100" y="700" width="180" height="120" rx="10" fill="#1a2a22" opacity="0.7"/>
-  <rect x="100" y="700" width="180" height="120" rx="10" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.4"/>
-  <rect x="130" y="740" width="40" height="30" fill="#2e4c43" opacity="0.4"/>
-  <rect x="175" y="740" width="40" height="30" fill="#2e4c43" opacity="0.35"/>
-  <rect x="220" y="740" width="40" height="30" fill="#2e4c43" opacity="0.3"/>
-  <text x="190" y="840" fill="#3d6a5a" opacity="0.4" font-size="16" font-family="monospace" text-anchor="middle">QUEUE</text>
-  <!-- Puzzle tab right -->
-  <rect x="280" y="740" width="40" height="40" fill="#1a2a22" opacity="0.7"/>
-  
-  <!-- CENTER - YAKMESH Adapter Hub -->
-  <rect x="600" y="350" width="350" height="400" rx="20" fill="#0a120e" opacity="0.85"/>
-  <rect x="600" y="350" width="350" height="400" rx="20" stroke="#3d6a5a" stroke-width="3" fill="none" opacity="0.5"/>
-  
-  <!-- Puzzle slots on left -->
-  <rect x="580" y="380" width="40" height="40" fill="#0a120e" opacity="0.85"/>
-  <rect x="580" y="530" width="40" height="40" fill="#0a120e" opacity="0.85"/>
-  <rect x="580" y="680" width="40" height="40" fill="#0a120e" opacity="0.85"/>
-  
-  <!-- Hub content -->
-  <text x="775" y="420" fill="#4a8a6a" opacity="0.6" font-size="28" font-family="monospace" text-anchor="middle">YAKMESH</text>
-  <text x="775" y="455" fill="#3d6a5a" opacity="0.45" font-size="22" font-family="monospace" text-anchor="middle">ADAPTERS</text>
-  
-  <!-- Adapter icons inside hub -->
-  <rect x="650" y="500" width="80" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="690" y="540" fill="#3d6a5a" opacity="0.4" font-size="12" font-family="monospace" text-anchor="middle">SQL</text>
-  
-  <rect x="750" y="500" width="80" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="790" y="540" fill="#3d6a5a" opacity="0.4" font-size="12" font-family="monospace" text-anchor="middle">HTTP</text>
-  
-  <rect x="850" y="500" width="80" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="890" y="540" fill="#3d6a5a" opacity="0.4" font-size="12" font-family="monospace" text-anchor="middle">MQ</text>
-  
-  <rect x="700" y="600" width="80" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="740" y="640" fill="#3d6a5a" opacity="0.4" font-size="12" font-family="monospace" text-anchor="middle">WS</text>
-  
-  <rect x="800" y="600" width="80" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="840" y="640" fill="#3d6a5a" opacity="0.4" font-size="12" font-family="monospace" text-anchor="middle">gRPC</text>
-  
-  <!-- CONNECTION LINES - left to center -->
-  <line x1="320" y1="360" x2="580" y2="400" stroke="#3d6a5a" stroke-width="3" opacity="0.4"/>
-  <line x1="320" y1="560" x2="580" y2="550" stroke="#3d6a5a" stroke-width="3" opacity="0.4"/>
-  <line x1="320" y1="760" x2="580" y2="700" stroke="#3d6a5a" stroke-width="3" opacity="0.4"/>
-  
-  <!-- Connection glow -->
-  <rect x="320" y="340" width="260" height="450" fill="url(#connectionGlow)"/>
-  
-  <!-- RIGHT SIDE - YAKMESH Network -->
-  <circle cx="1400" cy="550" r="180" fill="#1a2a22" opacity="0.6"/>
-  <circle cx="1400" cy="550" r="180" stroke="#4a8a6a" stroke-width="3" fill="none" opacity="0.5"/>
-  <circle cx="1400" cy="550" r="120" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.3"/>
-  <circle cx="1400" cy="550" r="60" fill="#2e4c43" opacity="0.4"/>
-  <text x="1400" y="545" fill="#4a8a6a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">MESH</text>
-  <text x="1400" y="570" fill="#3d6a5a" opacity="0.4" font-size="14" font-family="monospace" text-anchor="middle">NETWORK</text>
-  
-  <!-- Network nodes -->
-  <circle cx="1280" cy="420" r="15" fill="#3d6a5a" opacity="0.4"/>
-  <circle cx="1520" cy="440" r="15" fill="#3d6a5a" opacity="0.4"/>
-  <circle cx="1300" cy="680" r="15" fill="#3d6a5a" opacity="0.4"/>
-  <circle cx="1500" cy="660" r="15" fill="#3d6a5a" opacity="0.4"/>
-  
-  <!-- Connection from hub to network -->
-  <line x1="950" y1="550" x2="1220" y2="550" stroke="#4a8a6a" stroke-width="4" opacity="0.5"/>
-  <polygon points="1220,540 1240,550 1220,560" fill="#4a8a6a" opacity="0.5"/>
-  
-  <!-- Data flow indicators -->
-  <circle cx="1050" cy="550" r="5" fill="#5a9a7a" opacity="0.5"/>
-  <circle cx="1120" cy="550" r="5" fill="#5a9a7a" opacity="0.5"/>
-  <circle cx="1180" cy="550" r="5" fill="#5a9a7a" opacity="0.5"/>
-  
-  <!-- Ground -->
-  <polygon points="0,920 300,900 600,950 900,920 1200,970 1500,930 1920,980 1920,1080 0,1080" fill="#101a16" opacity="0.75"/>
-</svg>

package/website/assets/silhouettes/api-endpoints.svg

@@ -1,115 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="hubGlow" x1="50%" y1="0%" x2="50%" y2="100%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.3"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP -->
-  <polygon points="0,650 200,380 400,600 0,1080" fill="#1a2a22" opacity="0.3"/>
-  <polygon points="1600,620 1800,350 1920,550 1920,1080 1600,1080" fill="#1a2a22" opacity="0.3"/>
-  
-  <!-- CENTER - API Hub hexagon -->
-  <polygon points="960,180 1160,280 1160,480 960,580 760,480 760,280" fill="#0a120e" opacity="0.9"/>
-  <polygon points="960,180 1160,280 1160,480 960,580 760,480 760,280" stroke="#4a8a6a" stroke-width="4" fill="none" opacity="0.6"/>
-  <polygon points="960,220 1120,300 1120,460 960,540 800,460 800,300" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.35"/>
-  
-  <!-- API label in center -->
-  <text x="960" y="360" fill="#5a9a7a" opacity="0.7" font-size="48" font-family="monospace" text-anchor="middle">API</text>
-  <text x="960" y="410" fill="#4a8a6a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">GATEWAY</text>
-  
-  <!-- Glow behind hub -->
-  <ellipse cx="960" cy="380" rx="250" ry="250" fill="url(#hubGlow)"/>
-  
-  <!-- ENDPOINT BOXES arranged around the hub -->
-  
-  <!-- TOP LEFT - /auth -->
-  <rect x="350" y="100" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="350" y="100" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="450" y="145" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">POST</text>
-  <text x="450" y="175" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/auth</text>
-  <line x1="550" y1="150" x2="760" y2="280" stroke="#3d6a5a" stroke-width="2" opacity="0.4"/>
-  <circle cx="650" cy="215" r="4" fill="#4a8a6a" opacity="0.5"/>
-  
-  <!-- TOP RIGHT - /nodes -->
-  <rect x="1370" y="100" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="1370" y="100" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="1470" y="145" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">GET</text>
-  <text x="1470" y="175" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/nodes</text>
-  <line x1="1370" y1="150" x2="1160" y2="280" stroke="#3d6a5a" stroke-width="2" opacity="0.4"/>
-  <circle cx="1265" cy="215" r="4" fill="#4a8a6a" opacity="0.5"/>
-  
-  <!-- LEFT - /geo -->
-  <rect x="200" y="320" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="200" y="320" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="300" y="365" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">POST</text>
-  <text x="300" y="395" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/geo/proof</text>
-  <line x1="400" y1="370" x2="760" y2="380" stroke="#4a8a6a" stroke-width="3" opacity="0.5"/>
-  <circle cx="580" cy="375" r="5" fill="#5a9a7a" opacity="0.5"/>
-  
-  <!-- RIGHT - /sync -->
-  <rect x="1520" y="320" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="1520" y="320" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="1620" y="365" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">WS</text>
-  <text x="1620" y="395" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/sync</text>
-  <line x1="1520" y1="370" x2="1160" y2="380" stroke="#4a8a6a" stroke-width="3" opacity="0.5"/>
-  <circle cx="1340" cy="375" r="5" fill="#5a9a7a" opacity="0.5"/>
-  
-  <!-- BOTTOM LEFT - /time -->
-  <rect x="350" y="550" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="350" y="550" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="450" y="595" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">GET</text>
-  <text x="450" y="625" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/time</text>
-  <line x1="550" y1="600" x2="760" y2="480" stroke="#3d6a5a" stroke-width="2" opacity="0.4"/>
-  <circle cx="655" cy="540" r="4" fill="#4a8a6a" opacity="0.5"/>
-  
-  <!-- BOTTOM RIGHT - /mesh -->
-  <rect x="1370" y="550" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="1370" y="550" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="1470" y="595" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">POST</text>
-  <text x="1470" y="625" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/mesh</text>
-  <line x1="1370" y1="600" x2="1160" y2="480" stroke="#3d6a5a" stroke-width="2" opacity="0.4"/>
-  <circle cx="1265" cy="540" r="4" fill="#4a8a6a" opacity="0.5"/>
-  
-  <!-- BOTTOM CENTER - /oracle -->
-  <rect x="860" y="680" width="200" height="100" rx="10" fill="#1a2a22" opacity="0.8"/>
-  <rect x="860" y="680" width="200" height="100" rx="10" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.5"/>
-  <text x="960" y="725" fill="#4a8a6a" opacity="0.6" font-size="16" font-family="monospace" text-anchor="middle">POST</text>
-  <text x="960" y="755" fill="#5a9a7a" opacity="0.5" font-size="20" font-family="monospace" text-anchor="middle">/oracle</text>
-  <line x1="960" y1="680" x2="960" y2="580" stroke="#4a8a6a" stroke-width="3" opacity="0.5"/>
-  <circle cx="960" cy="630" r="5" fill="#5a9a7a" opacity="0.5"/>
-  
-  <!-- Additional small endpoints floating -->
-  <rect x="100" y="550" width="120" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="160" y="590" fill="#3d6a5a" opacity="0.4" font-size="14" font-family="monospace" text-anchor="middle">/health</text>
-  
-  <rect x="1700" y="550" width="120" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="1760" y="590" fill="#3d6a5a" opacity="0.4" font-size="14" font-family="monospace" text-anchor="middle">/metrics</text>
-  
-  <rect x="600" y="720" width="120" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="660" y="760" fill="#3d6a5a" opacity="0.4" font-size="14" font-family="monospace" text-anchor="middle">/config</text>
-  
-  <rect x="1200" y="720" width="120" height="60" rx="5" fill="#1a2a22" opacity="0.6"/>
-  <text x="1260" y="760" fill="#3d6a5a" opacity="0.4" font-size="14" font-family="monospace" text-anchor="middle">/status</text>
-  
-  <!-- HTTP methods legend at bottom -->
-  <rect x="700" y="850" width="60" height="30" rx="5" fill="#2e4c43" opacity="0.4"/>
-  <text x="730" y="870" fill="#4a8a6a" opacity="0.5" font-size="12" font-family="monospace" text-anchor="middle">GET</text>
-  
-  <rect x="780" y="850" width="60" height="30" rx="5" fill="#3d6a5a" opacity="0.4"/>
-  <text x="810" y="870" fill="#4a8a6a" opacity="0.5" font-size="12" font-family="monospace" text-anchor="middle">POST</text>
-  
-  <rect x="860" y="850" width="60" height="30" rx="5" fill="#4a8a6a" opacity="0.4"/>
-  <text x="890" y="870" fill="#5a9a7a" opacity="0.5" font-size="12" font-family="monospace" text-anchor="middle">PUT</text>
-  
-  <rect x="940" y="850" width="60" height="30" rx="5" fill="#2e4c43" opacity="0.4"/>
-  <text x="970" y="870" fill="#4a8a6a" opacity="0.5" font-size="12" font-family="monospace" text-anchor="middle">WS</text>
-  
-  <!-- Response arrows going back -->
-  <polygon points="450,210 445,200 455,200" fill="#4a8a6a" opacity="0.4"/>
-  <polygon points="1490,210 1485,200 1495,200" fill="#4a8a6a" opacity="0.4"/>
-  
-  <!-- Ground -->
-  <polygon points="0,920 300,900 600,950 900,920 1200,970 1500,930 1920,980 1920,1080 0,1080" fill="#101a16" opacity="0.75"/>
-</svg>

package/website/assets/silhouettes/atomic-clock.svg

@@ -1,83 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <radialGradient id="clockGlow" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.15"/>
-      <stop offset="70%" stop-color="#3d6a5a" stop-opacity="0.08"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP -->
-  <polygon points="0,650 200,350 400,600 400,1080 0,1080" fill="#1a2a22" opacity="0.35"/>
-  <polygon points="300,680 500,380 700,620 700,1080 300,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="1300,660 1500,360 1700,600 1700,1080 1300,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="1600,680 1800,420 1920,650 1920,1080 1600,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- GIANT CLOCK FACE - center -->
-  <circle cx="960" cy="500" r="380" fill="#0a120e" opacity="0.8"/>
-  <circle cx="960" cy="500" r="380" stroke="#2e4c43" stroke-width="4" fill="none" opacity="0.5"/>
-  <circle cx="960" cy="500" r="360" stroke="#1f332d" stroke-width="2" fill="none" opacity="0.3"/>
-  
-  <!-- Clock glow -->
-  <circle cx="960" cy="500" r="400" fill="url(#clockGlow)"/>
-  
-  <!-- Clock hour markers -->
-  <line x1="960" y1="140" x2="960" y2="180" stroke="#3d6a5a" stroke-width="4" opacity="0.5"/>
-  <line x1="960" y1="820" x2="960" y2="860" stroke="#3d6a5a" stroke-width="4" opacity="0.5"/>
-  <line x1="600" y1="500" x2="640" y2="500" stroke="#3d6a5a" stroke-width="4" opacity="0.5"/>
-  <line x1="1280" y1="500" x2="1320" y2="500" stroke="#3d6a5a" stroke-width="4" opacity="0.5"/>
-  
-  <!-- Minor hour markers -->
-  <circle cx="1120" cy="222" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="1238" cy="340" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="1238" cy="660" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="1120" cy="778" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="800" cy="778" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="682" cy="660" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="682" cy="340" r="5" fill="#2e4c43" opacity="0.4"/>
-  <circle cx="800" cy="222" r="5" fill="#2e4c43" opacity="0.4"/>
-  
-  <!-- Clock hands - frozen at high precision moment -->
-  <!-- Hour hand -->
-  <line x1="960" y1="500" x2="960" y2="280" stroke="#3d6a5a" stroke-width="8" opacity="0.5"/>
-  <!-- Minute hand -->
-  <line x1="960" y1="500" x2="1150" y2="380" stroke="#4a8a6a" stroke-width="5" opacity="0.5"/>
-  <!-- Second hand - ultra thin, precision -->
-  <line x1="960" y1="500" x2="780" y2="340" stroke="#5a9a7a" stroke-width="2" opacity="0.6"/>
-  
-  <!-- Center hub -->
-  <circle cx="960" cy="500" r="15" fill="#4a8a6a" opacity="0.5"/>
-  
-  <!-- ATOMIC ORBITS around the clock -->
-  <ellipse cx="960" cy="500" rx="450" ry="150" stroke="#3d6a5a" stroke-width="1.5" fill="none" opacity="0.25" transform="rotate(-30, 960, 500)"/>
-  <ellipse cx="960" cy="500" rx="480" ry="160" stroke="#3d6a5a" stroke-width="1.5" fill="none" opacity="0.2" transform="rotate(30, 960, 500)"/>
-  <ellipse cx="960" cy="500" rx="420" ry="140" stroke="#2e4c43" stroke-width="1.5" fill="none" opacity="0.2" transform="rotate(90, 960, 500)"/>
-  
-  <!-- Electrons on orbits -->
-  <circle cx="560" cy="380" r="8" fill="#4a8a6a" opacity="0.4"/>
-  <circle cx="1380" cy="600" r="8" fill="#4a8a6a" opacity="0.4"/>
-  <circle cx="960" cy="100" r="8" fill="#4a8a6a" opacity="0.35"/>
-  
-  <!-- GPS SATELLITES in corners -->
-  <!-- Top left -->
-  <circle cx="200" cy="150" r="6" fill="#4a8a6a" opacity="0.35"/>
-  <line x1="200" y1="150" x2="700" y2="350" stroke="#3d6a5a" stroke-width="1" opacity="0.2" stroke-dasharray="5,5"/>
-  
-  <!-- Top right -->
-  <circle cx="1700" cy="180" r="6" fill="#4a8a6a" opacity="0.35"/>
-  <line x1="1700" y1="180" x2="1200" y2="380" stroke="#3d6a5a" stroke-width="1" opacity="0.2" stroke-dasharray="5,5"/>
-  
-  <!-- Bottom left -->
-  <circle cx="250" cy="750" r="6" fill="#4a8a6a" opacity="0.3"/>
-  <line x1="250" y1="750" x2="650" y2="600" stroke="#3d6a5a" stroke-width="1" opacity="0.15" stroke-dasharray="5,5"/>
-  
-  <!-- Precision indicator -->
-  <text x="960" y="680" fill="#4a8a6a" opacity="0.35" font-size="28" font-family="monospace" text-anchor="middle">±1ms</text>
-  
-  <!-- Stratum levels -->
-  <text x="100" y="950" fill="#3d6a5a" opacity="0.2" font-size="20" font-family="monospace">Stratum 0 ← GPS/Atomic</text>
-  <text x="100" y="980" fill="#2e4c43" opacity="0.15" font-size="18" font-family="monospace">Stratum 1 ← NTP Server</text>
-  
-  <!-- Ground -->
-  <polygon points="0,920 300,900 600,940 900,910 1200,950 1500,920 1920,960 1920,1080 0,1080" fill="#101a16" opacity="0.75"/>
-</svg>

package/website/assets/silhouettes/base-camp.svg

@@ -1,81 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" stop-color="#101a16" stop-opacity="1"/>
-      <stop offset="60%" stop-color="#1a2a22" stop-opacity="0.8"/>
-      <stop offset="100%" stop-color="#1f332d" stop-opacity="0.4"/>
-    </linearGradient>
-    <radialGradient id="campGlow" cx="50%" cy="90%" r="50%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.08"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-  </defs>
-  
-  <!-- DISTANT MOUNTAIN RANGE -->
-  <!-- Far peaks - very subtle -->
-  <polygon points="0,600 200,300 400,550 400,1080 0,1080" fill="#1a2a22" opacity="0.35"/>
-  <polygon points="300,580 550,250 800,520 800,1080 300,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="700,550 960,180 1220,540 1220,1080 700,1080" fill="#1a2a22" opacity="0.45"/>
-  <polygon points="1100,560 1350,280 1600,530 1600,1080 1100,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="1500,590 1750,320 1920,550 1920,1080 1500,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- Main peak - Everest analog -->
-  <polygon points="750,650 960,180 1170,650" fill="#1f332d" opacity="0.55"/>
-  <!-- Snow cap -->
-  <polygon points="900,320 960,180 1020,320" fill="#2e4c43" opacity="0.35"/>
-  
-  <!-- Mid-ground ridge -->
-  <polygon points="0,800 300,700 600,750 900,680 1200,720 1500,690 1920,780 1920,1080 0,1080" fill="#1a2a22" opacity="0.6"/>
-  
-  <!-- Camp glow -->
-  <ellipse cx="960" cy="950" rx="600" ry="200" fill="url(#campGlow)"/>
-  
-  <!-- FOREGROUND - Base camp area -->
-  <polygon points="0,850 400,820 700,860 1000,830 1300,870 1600,840 1920,880 1920,1080 0,1080" fill="#101a16" opacity="0.9"/>
-  
-  <!-- TENTS - spread across camp -->
-  <!-- Tent 1 - left -->
-  <polygon points="250,920 320,850 390,920" fill="#1f332d" opacity="0.7"/>
-  <polygon points="280,920 320,870 360,920" fill="#2e4c43" opacity="0.4"/>
-  <line x1="320" y1="850" x2="320" y2="840" stroke="#3d6a5a" stroke-width="2" opacity="0.3"/>
-  
-  <!-- Tent 2 - center-left -->
-  <polygon points="550,900 640,810 730,900" fill="#1f332d" opacity="0.75"/>
-  <polygon points="585,900 640,840 695,900" fill="#2e4c43" opacity="0.45"/>
-  <line x1="640" y1="810" x2="640" y2="795" stroke="#3d6a5a" stroke-width="3" opacity="0.35"/>
-  
-  <!-- Tent 3 - center (main/largest) -->
-  <polygon points="880,880 980,760 1080,880" fill="#1f332d" opacity="0.8"/>
-  <polygon points="920,880 980,800 1040,880" fill="#2e4c43" opacity="0.5"/>
-  <line x1="980" y1="760" x2="980" y2="740" stroke="#4a8a6a" stroke-width="4" opacity="0.4"/>
-  <!-- Door flap hint -->
-  <polygon points="960,880 980,830 1000,880" fill="#3d6a5a" opacity="0.25"/>
-  
-  <!-- Tent 4 - center-right -->
-  <polygon points="1200,905 1280,825 1360,905" fill="#1f332d" opacity="0.7"/>
-  <polygon points="1230,905 1280,855 1330,905" fill="#2e4c43" opacity="0.4"/>
-  <line x1="1280" y1="825" x2="1280" y2="812" stroke="#3d6a5a" stroke-width="2" opacity="0.3"/>
-  
-  <!-- Tent 5 - right -->
-  <polygon points="1520,925 1580,865 1640,925" fill="#1f332d" opacity="0.65"/>
-  <polygon points="1545,925 1580,885 1615,925" fill="#2e4c43" opacity="0.35"/>
-  <line x1="1580" y1="865" x2="1580" y2="855" stroke="#3d6a5a" stroke-width="2" opacity="0.25"/>
-  
-  <!-- PRAYER FLAGS between tent poles -->
-  <path d="M320,840 Q480,800 640,795" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.25"/>
-  <path d="M640,795 Q810,770 980,740" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.3"/>
-  <path d="M980,740 Q1130,780 1280,812" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.25"/>
-  
-  <!-- Small flag triangles -->
-  <polygon points="420,815 435,810 428,822" fill="#4a8a6a" opacity="0.2"/>
-  <polygon points="520,798 535,792 528,805" fill="#4a8a6a" opacity="0.2"/>
-  <polygon points="750,775 765,768 758,782" fill="#4a8a6a" opacity="0.25"/>
-  <polygon points="850,762 865,755 858,769" fill="#4a8a6a" opacity="0.25"/>
-  <polygon points="1080,765 1095,758 1088,772" fill="#4a8a6a" opacity="0.2"/>
-  <polygon points="1180,788 1195,782 1188,795" fill="#4a8a6a" opacity="0.2"/>
-  
-  <!-- Ground texture hints -->
-  <path d="M100,980 Q200,970 300,985" stroke="#2e4c43" stroke-width="1" fill="none" opacity="0.15"/>
-  <path d="M500,990 Q650,975 800,992" stroke="#2e4c43" stroke-width="1" fill="none" opacity="0.15"/>
-  <path d="M1100,985 Q1250,972 1400,988" stroke="#2e4c43" stroke-width="1" fill="none" opacity="0.15"/>
-</svg>