yakmesh 2.8.2 → 3.0.0

package/website/assets/silhouettes/doko-basket.svg

@@ -1,70 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="docGlow" x1="100%" y1="50%" x2="0%" y2="50%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.1"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP - right side -->
-  <polygon points="1000,1080 1300,400 1600,800 1920,600 1920,1080" fill="#1a2a22" opacity="0.5"/>
-  <polygon points="1400,1080 1600,500 1800,750 1920,700 1920,1080" fill="#1f332d" opacity="0.45"/>
-  <polygon points="1600,1080 1750,600 1920,800 1920,1080" fill="#1a2a22" opacity="0.4"/>
-  
-  <!-- Mid-ground terrain -->
-  <polygon points="0,1080 200,800 500,850 800,780 1100,820 1400,750 1700,800 1920,720 1920,1080" fill="#1a2a22" opacity="0.6"/>
-  
-  <!-- Path winding down -->
-  <path d="M1700,720 Q1400,800 1100,750 Q800,850 500,800 Q300,880 100,820" 
-        stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.2" stroke-dasharray="15,8"/>
-  
-  <!-- DOKO CARRIER - right side of frame, walking the path -->
-  <!-- Body - bent forward under load -->
-  <ellipse cx="1650" cy="680" rx="35" ry="50" fill="#101a16" transform="rotate(-15, 1650, 680)"/>
-  <!-- Head -->
-  <circle cx="1620" cy="610" r="28" fill="#101a16"/>
-  <!-- Hat -->
-  <ellipse cx="1620" cy="598" rx="35" ry="10" fill="#101a16"/>
-  
-  <!-- Legs - walking -->
-  <polygon points="1625,725 1600,850 1620,855 1640,730" fill="#101a16"/>
-  <polygon points="1665,720 1680,840 1700,835 1680,715" fill="#101a16"/>
-  
-  <!-- Arms holding tumpline -->
-  <polygon points="1590,630 1560,700 1575,705 1600,640" fill="#101a16"/>
-  <polygon points="1650,640 1680,710 1695,700 1665,635" fill="#101a16"/>
-  
-  <!-- THE DOKO BASKET - large, conical, on the back -->
-  <polygon points="1680,550 1750,700 1620,720 1640,560" fill="#1f332d" opacity="0.8"/>
-  <!-- Basket weave pattern -->
-  <line x1="1660" y1="580" x2="1720" y2="620" stroke="#3d6a5a" stroke-width="1" opacity="0.3"/>
-  <line x1="1655" y1="620" x2="1730" y2="660" stroke="#3d6a5a" stroke-width="1" opacity="0.3"/>
-  <line x1="1645" y1="660" x2="1740" y2="695" stroke="#3d6a5a" stroke-width="1" opacity="0.3"/>
-  <line x1="1680" y1="560" x2="1670" y2="700" stroke="#3d6a5a" stroke-width="1" opacity="0.25"/>
-  <line x1="1710" y1="590" x2="1700" y2="710" stroke="#3d6a5a" stroke-width="1" opacity="0.25"/>
-  
-  <!-- Tumpline (head strap) -->
-  <path d="M1620,620 Q1640,580 1680,560" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.4"/>
-  
-  <!-- Documents/scrolls peeking from basket -->
-  <rect x="1665" y="545" width="25" height="35" rx="2" fill="#2e4c43" opacity="0.5"/>
-  <rect x="1695" y="555" width="20" height="30" rx="2" fill="#3d6a5a" opacity="0.4"/>
-  <line x1="1670" y1="555" x2="1685" y2="555" stroke="#4a8a6a" stroke-width="1" opacity="0.3"/>
-  <line x1="1670" y1="562" x2="1685" y2="562" stroke="#4a8a6a" stroke-width="1" opacity="0.3"/>
-  
-  <!-- Figure highlight outline -->
-  <circle cx="1620" cy="610" r="28" stroke="#2e4c43" stroke-width="1" fill="none" opacity="0.25"/>
-  
-  <!-- LEFT SIDE - distant village/origin -->
-  <polygon points="0,850 100,820 200,850 200,1080 0,1080" fill="#1a2a22" opacity="0.5"/>
-  <!-- Small structure hints -->
-  <polygon points="80,840 100,810 120,840" fill="#1f332d" opacity="0.4"/>
-  <polygon points="140,850 160,825 180,850" fill="#1f332d" opacity="0.35"/>
-  
-  <!-- Document glow from basket area -->
-  <ellipse cx="1700" cy="650" rx="150" ry="100" fill="url(#docGlow)"/>
-  
-  <!-- Ground texture -->
-  <path d="M200,920 Q400,900 600,930" stroke="#2e4c43" stroke-width="1" fill="none" opacity="0.15"/>
-  <path d="M800,910 Q1000,895 1200,915" stroke="#2e4c43" stroke-width="1" fill="none" opacity="0.15"/>
-</svg>

package/website/assets/silhouettes/fortress.svg

@@ -1,93 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="fortressGlow" x1="50%" y1="100%" x2="50%" y2="0%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.1"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP behind fortress -->
-  <polygon points="0,500 200,200 400,450 400,1080 0,1080" fill="#1a2a22" opacity="0.35"/>
-  <polygon points="300,480 550,150 800,420 800,1080 300,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="1200,450 1400,180 1600,400 1600,1080 1200,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="1500,500 1700,220 1920,480 1920,1080 1500,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- THE FORTRESS - massive walls -->
-  <!-- Left wall section -->
-  <rect x="200" y="500" width="250" height="580" fill="#101a16"/>
-  <rect x="200" y="500" width="250" height="580" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.35"/>
-  
-  <!-- Left tower -->
-  <rect x="150" y="350" width="120" height="730" fill="#101a16"/>
-  <polygon points="150,350 210,280 270,350" fill="#101a16"/>
-  <rect x="150" y="350" width="120" height="730" stroke="#2e4c43" stroke-width="1.5" fill="none" opacity="0.3"/>
-  
-  <!-- Left battlements -->
-  <rect x="200" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="250" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="300" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="350" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="400" y="480" width="30" height="40" fill="#101a16"/>
-  
-  <!-- Right wall section -->
-  <rect x="1470" y="500" width="250" height="580" fill="#101a16"/>
-  <rect x="1470" y="500" width="250" height="580" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.35"/>
-  
-  <!-- Right tower -->
-  <rect x="1580" y="350" width="120" height="730" fill="#101a16"/>
-  <polygon points="1580,350 1640,280 1700,350" fill="#101a16"/>
-  <rect x="1580" y="350" width="120" height="730" stroke="#2e4c43" stroke-width="1.5" fill="none" opacity="0.3"/>
-  
-  <!-- Right battlements -->
-  <rect x="1490" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="1540" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="1590" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="1640" y="480" width="30" height="40" fill="#101a16"/>
-  <rect x="1690" y="480" width="30" height="40" fill="#101a16"/>
-  
-  <!-- CENTER GATE TOWER - main entrance -->
-  <rect x="850" y="400" width="220" height="680" fill="#1f332d" opacity="0.8"/>
-  <rect x="850" y="400" width="220" height="680" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.4"/>
-  
-  <!-- Gate tower top -->
-  <polygon points="820,400 960,300 1100,400" fill="#1f332d" opacity="0.8"/>
-  <polygon points="820,400 960,300 1100,400" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.4"/>
-  
-  <!-- Gate opening -->
-  <path d="M900,1080 L900,700 Q960,650 1020,700 L1020,1080 Z" fill="#0a120e" opacity="0.9"/>
-  <path d="M900,700 Q960,650 1020,700" stroke="#4a8a6a" stroke-width="2" fill="none" opacity="0.4"/>
-  
-  <!-- Gate portcullis bars -->
-  <line x1="920" y1="700" x2="920" y2="1080" stroke="#2e4c43" stroke-width="3" opacity="0.4"/>
-  <line x1="960" y1="680" x2="960" y2="1080" stroke="#2e4c43" stroke-width="3" opacity="0.4"/>
-  <line x1="1000" y1="700" x2="1000" y2="1080" stroke="#2e4c43" stroke-width="3" opacity="0.4"/>
-  
-  <!-- Connecting walls -->
-  <polygon points="450,520 850,520 850,1080 450,1080" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="1070,520 1470,520 1470,1080 1070,1080" fill="#1a2a22" opacity="0.6"/>
-  
-  <!-- Battlements on connecting walls -->
-  <rect x="500" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="560" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="620" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="680" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="740" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  
-  <rect x="1120" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="1180" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="1240" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="1300" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  <rect x="1360" y="500" width="25" height="35" fill="#1a2a22" opacity="0.7"/>
-  
-  <!-- Shield emblem on gate tower -->
-  <path d="M930,500 L960,480 L990,500 L990,560 Q960,590 930,560 Z" fill="#2e4c43" opacity="0.5"/>
-  <path d="M930,500 L960,480 L990,500 L990,560 Q960,590 930,560 Z" stroke="#4a8a6a" stroke-width="1.5" fill="none" opacity="0.4"/>
-  
-  <!-- Fortress glow -->
-  <rect x="450" y="500" width="1020" height="580" fill="url(#fortressGlow)"/>
-  
-  <!-- Tower lights -->
-  <circle cx="210" cy="400" r="5" fill="#4a8a6a" opacity="0.35"/>
-  <circle cx="1640" cy="400" r="5" fill="#4a8a6a" opacity="0.35"/>
-  <circle cx="960" cy="350" r="6" fill="#5a9a7a" opacity="0.45"/>
-</svg>

package/website/assets/silhouettes/gateway.svg

@@ -1,54 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <radialGradient id="archGlow" cx="50%" cy="100%" r="60%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.12"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-    <linearGradient id="pathLight" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" stop-color="#3d7a5a" stop-opacity="0.15"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- Distant mountains visible through gateway -->
-  <polygon points="500,650 750,420 1000,600 1000,1080 500,1080" fill="#1a2a22" opacity="0.5"/>
-  <polygon points="850,580 1050,350 1250,560 1400,620 1400,1080 850,1080" fill="#1a2a22" opacity="0.4"/>
-  <polygon points="1100,640 1350,450 1600,630 1600,1080 1100,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- Center peak - destination -->
-  <polygon points="850,680 960,480 1070,680" fill="#1f332d" opacity="0.5"/>
-  <polygon points="920,560 960,480 1000,560" fill="#2e4c43" opacity="0.3"/>
-  
-  <!-- Glow through the gateway -->
-  <ellipse cx="960" cy="750" rx="350" ry="450" fill="url(#archGlow)"/>
-  
-  <!-- Path leading through -->
-  <polygon points="880,1080 960,720 1040,1080" fill="url(#pathLight)"/>
-  
-  <!-- LEFT ARCH PILLAR -->
-  <polygon points="0,0 480,0 380,180 320,400 300,600 320,820 400,1080 0,1080" fill="#101a16"/>
-  <path d="M380,180 Q420,400 300,600 Q300,800 400,1080" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.35"/>
-  <line x1="320" y1="350" x2="400" y2="340" stroke="#2e4c43" stroke-width="1" opacity="0.25"/>
-  <line x1="300" y1="550" x2="370" y2="560" stroke="#2e4c43" stroke-width="1" opacity="0.25"/>
-  <line x1="310" y1="750" x2="390" y2="740" stroke="#2e4c43" stroke-width="1" opacity="0.25"/>
-  
-  <!-- RIGHT ARCH PILLAR -->
-  <polygon points="1920,0 1440,0 1540,180 1600,400 1620,600 1600,820 1520,1080 1920,1080" fill="#101a16"/>
-  <path d="M1540,180 Q1500,400 1620,600 Q1620,800 1520,1080" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.35"/>
-  <line x1="1600" y1="350" x2="1520" y2="340" stroke="#2e4c43" stroke-width="1" opacity="0.25"/>
-  <line x1="1620" y1="550" x2="1550" y2="560" stroke="#2e4c43" stroke-width="1" opacity="0.25"/>
-  <line x1="1610" y1="750" x2="1530" y2="740" stroke="#2e4c43" stroke-width="1" opacity="0.25"/>
-  
-  <!-- ARCH TOP -->
-  <path d="M380,180 Q650,40 960,25 Q1270,40 1540,180 L1440,0 L480,0 Z" fill="#101a16"/>
-  <path d="M420,160 Q680,50 960,38 Q1240,50 1500,160" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.4"/>
-  
-  <!-- 7 gates indicator -->
-  <circle cx="520" cy="110" r="3" fill="#4a8a6a" opacity="0.25"/>
-  <circle cx="670" cy="65" r="3" fill="#4a8a6a" opacity="0.3"/>
-  <circle cx="815" cy="42" r="3" fill="#4a8a6a" opacity="0.35"/>
-  <circle cx="960" cy="32" r="4" fill="#5a9a7a" opacity="0.45"/>
-  <circle cx="1105" cy="42" r="3" fill="#4a8a6a" opacity="0.35"/>
-  <circle cx="1250" cy="65" r="3" fill="#4a8a6a" opacity="0.3"/>
-  <circle cx="1400" cy="110" r="3" fill="#4a8a6a" opacity="0.25"/>
-</svg>

package/website/assets/silhouettes/gears.svg

@@ -1,93 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="gearGlow" x1="50%" y1="0%" x2="50%" y2="100%">
-      <stop offset="0%" stop-color="#4a8a6a" stop-opacity="0.1"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP -->
-  <polygon points="0,680 200,380 400,620 400,1080 0,1080" fill="#1a2a22" opacity="0.35"/>
-  <polygon points="1550,650 1750,350 1920,600 1920,1080 1550,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- MAIN GEAR - large, center-left -->
-  <circle cx="650" cy="500" r="280" fill="#0a120e" opacity="0.8"/>
-  <!-- Gear teeth -->
-  <polygon points="650,200 620,220 620,180 680,180 680,220" fill="#1f332d" opacity="0.7"/>
-  <polygon points="650,800 620,780 620,820 680,820 680,780" fill="#1f332d" opacity="0.7"/>
-  <polygon points="370,500 390,470 350,470 350,530 390,530" fill="#1f332d" opacity="0.7"/>
-  <polygon points="930,500 910,470 950,470 950,530 910,530" fill="#1f332d" opacity="0.7"/>
-  <!-- Diagonal teeth -->
-  <polygon points="448,298 480,280 460,320 420,340 400,300" fill="#1f332d" opacity="0.7"/>
-  <polygon points="852,298 820,280 840,320 880,340 900,300" fill="#1f332d" opacity="0.7"/>
-  <polygon points="448,702 480,720 460,680 420,660 400,700" fill="#1f332d" opacity="0.7"/>
-  <polygon points="852,702 820,720 840,680 880,660 900,700" fill="#1f332d" opacity="0.7"/>
-  
-  <!-- Gear inner details -->
-  <circle cx="650" cy="500" r="280" stroke="#2e4c43" stroke-width="3" fill="none" opacity="0.4"/>
-  <circle cx="650" cy="500" r="220" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.3"/>
-  <circle cx="650" cy="500" r="80" fill="#1a2a22" opacity="0.6"/>
-  <circle cx="650" cy="500" r="80" stroke="#3d6a5a" stroke-width="2" fill="none" opacity="0.4"/>
-  <circle cx="650" cy="500" r="30" fill="#2e4c43" opacity="0.5"/>
-  
-  <!-- Spokes -->
-  <line x1="650" y1="280" x2="650" y2="420" stroke="#2e4c43" stroke-width="15" opacity="0.4"/>
-  <line x1="650" y1="580" x2="650" y2="720" stroke="#2e4c43" stroke-width="15" opacity="0.4"/>
-  <line x1="430" y1="500" x2="570" y2="500" stroke="#2e4c43" stroke-width="15" opacity="0.4"/>
-  <line x1="730" y1="500" x2="870" y2="500" stroke="#2e4c43" stroke-width="15" opacity="0.4"/>
-  
-  <!-- SECONDARY GEAR - interlocking, right -->
-  <circle cx="1150" cy="620" r="200" fill="#0a120e" opacity="0.75"/>
-  <!-- Gear teeth -->
-  <polygon points="1150,400 1125,420 1125,390 1175,390 1175,420" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="1150,840 1125,820 1125,850 1175,850 1175,820" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="950,620 970,595 940,595 940,645 970,645" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="1350,620 1330,595 1360,595 1360,645 1330,645" fill="#1a2a22" opacity="0.6"/>
-  <!-- Diagonal teeth -->
-  <polygon points="1008,478 1030,465 1020,495 990,510 978,488" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="1292,478 1270,465 1280,495 1310,510 1322,488" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="1008,762 1030,775 1020,745 990,730 978,752" fill="#1a2a22" opacity="0.6"/>
-  <polygon points="1292,762 1270,775 1280,745 1310,730 1322,752" fill="#1a2a22" opacity="0.6"/>
-  
-  <!-- Secondary gear inner -->
-  <circle cx="1150" cy="620" r="200" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.35"/>
-  <circle cx="1150" cy="620" r="150" stroke="#2e4c43" stroke-width="1.5" fill="none" opacity="0.25"/>
-  <circle cx="1150" cy="620" r="50" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="1150" cy="620" r="50" stroke="#3d6a5a" stroke-width="1.5" fill="none" opacity="0.35"/>
-  
-  <!-- SMALL GEAR - top right -->
-  <circle cx="1400" cy="300" r="100" fill="#0a120e" opacity="0.7"/>
-  <circle cx="1400" cy="300" r="100" stroke="#2e4c43" stroke-width="1.5" fill="none" opacity="0.3"/>
-  <circle cx="1400" cy="300" r="25" fill="#1a2a22" opacity="0.4"/>
-  
-  <!-- CONFIG SLIDERS - right side -->
-  <!-- Slider track 1 -->
-  <rect x="1550" y="350" width="200" height="10" rx="5" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="1680" cy="355" r="15" fill="#3d6a5a" opacity="0.5"/>
-  <text x="1550" y="335" fill="#3d6a5a" opacity="0.3" font-size="16" font-family="monospace">encryption</text>
-  
-  <!-- Slider track 2 -->
-  <rect x="1550" y="420" width="200" height="10" rx="5" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="1720" cy="425" r="15" fill="#4a8a6a" opacity="0.5"/>
-  <text x="1550" y="405" fill="#3d6a5a" opacity="0.3" font-size="16" font-family="monospace">timeout</text>
-  
-  <!-- Slider track 3 -->
-  <rect x="1550" y="490" width="200" height="10" rx="5" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="1620" cy="495" r="15" fill="#3d6a5a" opacity="0.5"/>
-  <text x="1550" y="475" fill="#3d6a5a" opacity="0.3" font-size="16" font-family="monospace">verbosity</text>
-  
-  <!-- Toggle switches -->
-  <rect x="1550" y="560" width="60" height="30" rx="15" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="1595" cy="575" r="12" fill="#4a8a6a" opacity="0.5"/>
-  <text x="1620" y="580" fill="#3d6a5a" opacity="0.3" font-size="14" font-family="monospace">autoConnect</text>
-  
-  <rect x="1550" y="610" width="60" height="30" rx="15" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="1565" cy="625" r="12" fill="#2e4c43" opacity="0.4"/>
-  <text x="1620" y="630" fill="#2e4c43" opacity="0.25" font-size="14" font-family="monospace">debug</text>
-  
-  <!-- Gear glow -->
-  <ellipse cx="800" cy="550" rx="500" ry="350" fill="url(#gearGlow)"/>
-  
-  <!-- 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/globe-satellite.svg

@@ -1,67 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <radialGradient id="earthGlow" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#3d6a5a" stop-opacity="0.15"/>
-      <stop offset="70%" stop-color="#2e4c43" stop-opacity="0.08"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="exclusionZone" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#4a1a1a" stop-opacity="0.1"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-  </defs>
-  
-  <!-- EARTH - large globe dominating the view -->
-  <circle cx="960" cy="600" r="450" fill="#1a2a22" opacity="0.5"/>
-  <circle cx="960" cy="600" r="450" stroke="#2e4c43" stroke-width="2" fill="none" opacity="0.4"/>
-  
-  <!-- Continent outlines - stylized -->
-  <path d="M650,400 Q700,350 800,380 Q850,420 820,500 Q750,550 680,520 Q620,480 650,400" fill="#1f332d" opacity="0.5"/>
-  <path d="M900,350 Q1000,320 1100,380 Q1150,450 1100,550 Q1000,600 920,520 Q880,420 900,350" fill="#1f332d" opacity="0.5"/>
-  <path d="M1150,500 Q1250,480 1300,550 Q1280,650 1200,680 Q1120,650 1150,500" fill="#1f332d" opacity="0.45"/>
-  <path d="M700,600 Q780,580 850,650 Q820,750 720,780 Q650,720 700,600" fill="#1f332d" opacity="0.45"/>
-  
-  <!-- Globe grid lines -->
-  <ellipse cx="960" cy="600" rx="450" ry="150" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.2"/>
-  <ellipse cx="960" cy="600" rx="350" ry="450" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.2"/>
-  <ellipse cx="960" cy="600" rx="150" ry="450" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.15"/>
-  
-  <!-- Earth glow -->
-  <circle cx="960" cy="600" r="480" fill="url(#earthGlow)"/>
-  
-  <!-- SATELLITES orbiting -->
-  <!-- Satellite 1 -->
-  <ellipse cx="960" cy="600" rx="550" ry="200" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.2" transform="rotate(-20, 960, 600)"/>
-  <circle cx="1480" cy="520" r="8" fill="#4a8a6a" opacity="0.5"/>
-  <line x1="1475" y1="515" x2="1485" y2="525" stroke="#4a8a6a" stroke-width="2" opacity="0.4"/>
-  <line x1="1485" y1="515" x2="1475" y2="525" stroke="#4a8a6a" stroke-width="2" opacity="0.4"/>
-  
-  <!-- Satellite 2 -->
-  <ellipse cx="960" cy="600" rx="520" ry="180" stroke="#3d6a5a" stroke-width="1" fill="none" opacity="0.15" transform="rotate(25, 960, 600)"/>
-  <circle cx="480" cy="480" r="6" fill="#4a8a6a" opacity="0.4"/>
-  
-  <!-- Satellite 3 -->
-  <circle cx="1100" cy="180" r="6" fill="#4a8a6a" opacity="0.35"/>
-  
-  <!-- EXCLUSION ZONE - marked area on globe -->
-  <ellipse cx="1100" cy="550" rx="100" ry="80" fill="url(#exclusionZone)"/>
-  <ellipse cx="1100" cy="550" rx="100" ry="80" stroke="#5a3a3a" stroke-width="2" fill="none" opacity="0.3" stroke-dasharray="10,5"/>
-  
-  <!-- RTT measurement lines from satellites to ground -->
-  <line x1="1480" y1="520" x2="1100" y2="550" stroke="#4a8a6a" stroke-width="1" opacity="0.25" stroke-dasharray="5,5"/>
-  <line x1="480" y1="480" x2="700" y2="600" stroke="#4a8a6a" stroke-width="1" opacity="0.2" stroke-dasharray="5,5"/>
-  <line x1="1100" y1="180" x2="1000" y2="380" stroke="#4a8a6a" stroke-width="1" opacity="0.2" stroke-dasharray="5,5"/>
-  
-  <!-- Speed of light indicator -->
-  <text x="1300" y="480" fill="#4a8a6a" opacity="0.25" font-size="18" font-family="monospace">c = 299,792 km/s</text>
-  
-  <!-- Ground station markers -->
-  <circle cx="750" cy="650" r="5" fill="#5a9a7a" opacity="0.4"/>
-  <circle cx="1050" cy="500" r="5" fill="#5a9a7a" opacity="0.4"/>
-  
-  <!-- Physics law hint -->
-  <text x="100" y="950" fill="#3d6a5a" opacity="0.2" font-size="24" font-family="serif" font-style="italic">Physics Don't Lie</text>
-  
-  <!-- Mountain silhouette at bottom for grounding -->
-  <polygon points="0,950 150,850 300,920 450,870 600,940 750,880 900,950 1050,890 1200,960 1350,900 1500,970 1650,910 1800,980 1920,920 1920,1080 0,1080" fill="#101a16" opacity="0.8"/>
-</svg>

package/website/assets/silhouettes/karma-wheel.svg

@@ -1,137 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080" preserveAspectRatio="xMidYMax slice">
-  <defs>
-    <linearGradient id="karmaGlow" x1="50%" y1="0%" x2="50%" y2="100%">
-      <stop offset="0%" stop-color="#e11d48" stop-opacity="0.25"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </linearGradient>
-    <radialGradient id="wheelCenter" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#fb7185" stop-opacity="0.4"/>
-      <stop offset="50%" stop-color="#e11d48" stop-opacity="0.2"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-    <radialGradient id="levelGlow" cx="50%" cy="50%" r="50%">
-      <stop offset="0%" stop-color="#fda4af" stop-opacity="0.3"/>
-      <stop offset="100%" stop-color="#101a16" stop-opacity="0"/>
-    </radialGradient>
-  </defs>
-  
-  <!-- MOUNTAIN BACKDROP -->
-  <polygon points="0,620 280,300 560,580 0,1080" fill="#1a2a22" opacity="0.35"/>
-  <polygon points="1450,650 1700,280 1920,550 1920,1080 1400,1080" fill="#1a2a22" opacity="0.35"/>
-  
-  <!-- Central karma glow -->
-  <ellipse cx="960" cy="450" rx="400" ry="300" fill="url(#karmaGlow)"/>
-  
-  <!-- WHEEL OF KARMA (Bhavachakra - Wheel of Life) -->
-  
-  <!-- Outer rim (cycle of existence) -->
-  <circle cx="960" cy="520" r="280" fill="none" stroke="#4c0519" stroke-width="20" opacity="0.4"/>
-  <circle cx="960" cy="520" r="280" fill="none" stroke="#e11d48" stroke-width="3" opacity="0.5"/>
-  <circle cx="960" cy="520" r="260" fill="none" stroke="#be123c" stroke-width="1" opacity="0.35"/>
-  
-  <!-- Twelve links of interdependent origination (nidanas) around outer wheel -->
-  <g id="nidanaMarkers">
-    <!-- 12 positions around the wheel -->
-    <circle cx="960" cy="240" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="1100" cy="270" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="1210" cy="380" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="1240" cy="520" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="1210" cy="660" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="1100" cy="770" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="960" cy="800" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="820" cy="770" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="710" cy="660" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="680" cy="520" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="710" cy="380" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-    <circle cx="820" cy="270" r="15" fill="#1a2a22" stroke="#fb7185" stroke-width="1" opacity="0.4"/>
-  </g>
-  
-  <!-- Six realms (inner sections of wheel) -->
-  <g id="realms">
-    <line x1="960" y1="520" x2="960" y2="280" stroke="#be123c" stroke-width="1.5" opacity="0.35"/>
-    <line x1="960" y1="520" x2="1180" y2="400" stroke="#be123c" stroke-width="1.5" opacity="0.35"/>
-    <line x1="960" y1="520" x2="1180" y2="640" stroke="#be123c" stroke-width="1.5" opacity="0.35"/>
-    <line x1="960" y1="520" x2="960" y2="760" stroke="#be123c" stroke-width="1.5" opacity="0.35"/>
-    <line x1="960" y1="520" x2="740" y2="640" stroke="#be123c" stroke-width="1.5" opacity="0.35"/>
-    <line x1="960" y1="520" x2="740" y2="400" stroke="#be123c" stroke-width="1.5" opacity="0.35"/>
-  </g>
-  
-  <!-- Inner circle (three poisons - ignorance, attachment, aversion) -->
-  <circle cx="960" cy="520" r="100" fill="url(#wheelCenter)"/>
-  <circle cx="960" cy="520" r="100" fill="none" stroke="#fb7185" stroke-width="2" opacity="0.5"/>
-  
-  <!-- Three poisons symbols -->
-  <circle cx="960" cy="480" r="20" fill="#1a2a22" stroke="#e11d48" stroke-width="1.5" opacity="0.5"/>
-  <circle cx="930" cy="550" r="20" fill="#1a2a22" stroke="#e11d48" stroke-width="1.5" opacity="0.5"/>
-  <circle cx="990" cy="550" r="20" fill="#1a2a22" stroke="#e11d48" stroke-width="1.5" opacity="0.5"/>
-  
-  <!-- Central hub (Buddha nature) -->
-  <circle cx="960" cy="520" r="25" fill="#1a2a22" opacity="0.8"/>
-  <circle cx="960" cy="520" r="25" fill="none" stroke="#fb7185" stroke-width="2" opacity="0.6"/>
-  <text x="960" y="525" fill="#fb7185" opacity="0.6" font-size="14" font-family="serif" text-anchor="middle">☯</text>
-  
-  <!-- KARMA LEVELS (Trust tiers) positioned around wheel -->
-  
-  <!-- ENLIGHTENED (top - highest) -->
-  <g id="enlightened">
-    <circle cx="960" cy="180" r="40" fill="url(#levelGlow)"/>
-    <polygon points="960,140 940,175 980,175" fill="#E5E4E2" opacity="0.5"/>
-    <text x="960" y="165" fill="#E5E4E2" opacity="0.5" font-size="10" font-family="monospace" text-anchor="middle">💎</text>
-    <text x="960" y="200" fill="#E5E4E2" opacity="0.4" font-size="9" font-family="monospace" text-anchor="middle">ENLIGHTENED</text>
-    <text x="960" y="215" fill="#d4d4d8" opacity="0.3" font-size="8" font-family="monospace" text-anchor="middle">Level 3</text>
-  </g>
-  
-  <!-- AWAKENED (left upper) -->
-  <g id="awakened">
-    <circle cx="620" cy="400" r="35" fill="url(#levelGlow)"/>
-    <text x="620" y="395" fill="#FFD700" opacity="0.5" font-size="14" font-family="monospace" text-anchor="middle">🥇</text>
-    <text x="620" y="420" fill="#FFD700" opacity="0.4" font-size="9" font-family="monospace" text-anchor="middle">AWAKENED</text>
-    <text x="620" y="435" fill="#facc15" opacity="0.3" font-size="8" font-family="monospace" text-anchor="middle">Level 2</text>
-  </g>
-  
-  <!-- SEEKING (right upper) -->
-  <g id="seeking">
-    <circle cx="1300" cy="400" r="35" fill="url(#levelGlow)"/>
-    <text x="1300" y="395" fill="#CD7F32" opacity="0.5" font-size="14" font-family="monospace" text-anchor="middle">🥉</text>
-    <text x="1300" y="420" fill="#CD7F32" opacity="0.4" font-size="9" font-family="monospace" text-anchor="middle">SEEKING</text>
-    <text x="1300" y="435" fill="#d97706" opacity="0.3" font-size="8" font-family="monospace" text-anchor="middle">Level 1</text>
-  </g>
-  
-  <!-- UNTRUSTED (bottom) -->
-  <g id="untrusted">
-    <circle cx="960" cy="860" r="30" fill="rgba(239, 68, 68, 0.1)"/>
-    <text x="960" y="855" fill="#ef4444" opacity="0.4" font-size="12" font-family="monospace" text-anchor="middle">🚫</text>
-    <text x="960" y="878" fill="#ef4444" opacity="0.35" font-size="8" font-family="monospace" text-anchor="middle">UNTRUSTED</text>
-    <text x="960" y="893" fill="#f87171" opacity="0.25" font-size="7" font-family="monospace" text-anchor="middle">Level 0</text>
-  </g>
-  
-  <!-- Karma flow arrows (progression/regression) -->
-  <path d="M700,380 Q760,300 880,200" fill="none" stroke="#34d399" stroke-width="1" opacity="0.25" marker-end="url(#arrowUp)"/>
-  <path d="M1040,200 Q1160,300 1220,380" fill="none" stroke="#fb7185" stroke-width="1" opacity="0.25" marker-end="url(#arrowDown)"/>
-  
-  <!-- Merit/Demerit indicators -->
-  <text x="750" y="300" fill="#34d399" opacity="0.3" font-size="10" font-family="monospace" transform="rotate(-30,750,300)">+ Merit</text>
-  <text x="1150" y="300" fill="#fb7185" opacity="0.3" font-size="10" font-family="monospace" transform="rotate(30,1150,300)">- Demerit</text>
-  
-  <!-- Evidence sources around wheel -->
-  <g id="evidenceSources">
-    <text x="200" y="500" fill="#fb7185" opacity="0.3" font-size="10" font-family="monospace">SSL ✓</text>
-    <text x="200" y="520" fill="#e11d48" opacity="0.25" font-size="9" font-family="monospace">Certificate</text>
-    
-    <text x="200" y="580" fill="#fb7185" opacity="0.3" font-size="10" font-family="monospace">DOKO ✓</text>
-    <text x="200" y="600" fill="#e11d48" opacity="0.25" font-size="9" font-family="monospace">Identity</text>
-    
-    <text x="1650" y="500" fill="#fb7185" opacity="0.3" font-size="10" font-family="monospace">Mesh ✓</text>
-    <text x="1650" y="520" fill="#e11d48" opacity="0.25" font-size="9" font-family="monospace">Quorum</text>
-    
-    <text x="1650" y="580" fill="#fb7185" opacity="0.3" font-size="10" font-family="monospace">Time ✓</text>
-    <text x="1650" y="600" fill="#e11d48" opacity="0.25" font-size="9" font-family="monospace">Consistency</text>
-  </g>
-  
-  <!-- KARMA label -->
-  <text x="960" y="110" fill="#e11d48" opacity="0.5" font-size="24" font-family="monospace" text-anchor="middle">KARMA</text>
-  <text x="960" y="135" fill="#be123c" opacity="0.35" font-size="12" font-family="monospace" text-anchor="middle">Kinetic Assessment of Reputation &amp; Merit Accumulation</text>
-  
-  <!-- Ground -->
-  <polygon points="0,920 350,890 700,950 1050,900 1400,960 1700,910 1920,970 1920,1080 0,1080" fill="#101a16" opacity="0.75"/>
-</svg>