872bb00666
- assets/header.svg: rebuilt in true Atlas blue (#4EA0FF/#1F6FE0/#145ED2) on deep-space gradient, animated starfield + orbital system; gold demoted to 1 accent - assets/screenshots/: 3 real captures (hero, Atlas Workspace, platform diagram) - README.md: blue-branded, embeds header + screenshots + blue Mermaid diagrams, full 39-app catalog, Fleet/Mesh/Tailscale, Academy + Islamic layer, wiki links - docs/ai-stack.md: NEW — fixes the dead AI badge link (spine/Brain/router)
71 lines
4.5 KiB
XML
71 lines
4.5 KiB
XML
<svg width="1200" height="380" viewBox="0 0 1200 380" xmlns="http://www.w3.org/2000/svg" font-family="-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif">
|
|
<defs>
|
|
<radialGradient id="space" cx="50%" cy="42%" r="75%">
|
|
<stop offset="0%" stop-color="#0c1428"/>
|
|
<stop offset="55%" stop-color="#080c18"/>
|
|
<stop offset="100%" stop-color="#050810"/>
|
|
</radialGradient>
|
|
<radialGradient id="coreGlow" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" stop-color="#4EA0FF" stop-opacity="0.95"/>
|
|
<stop offset="45%" stop-color="#1F6FE0" stop-opacity="0.55"/>
|
|
<stop offset="100%" stop-color="#145ED2" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="word" x1="0" y1="0" x2="1" y2="0">
|
|
<stop offset="0%" stop-color="#8EC2FF"/>
|
|
<stop offset="55%" stop-color="#4EA0FF"/>
|
|
<stop offset="100%" stop-color="#1F6FE0"/>
|
|
</linearGradient>
|
|
<filter id="blur"><feGaussianBlur stdDeviation="6"/></filter>
|
|
</defs>
|
|
|
|
<rect width="1200" height="380" fill="url(#space)"/>
|
|
|
|
<!-- starfield -->
|
|
<g fill="#cfe2ff">
|
|
<circle cx="120" cy="60" r="1.4" opacity="0.7"><animate attributeName="opacity" values="0.2;0.9;0.2" dur="3.5s" repeatCount="indefinite"/></circle>
|
|
<circle cx="300" cy="40" r="1" opacity="0.5"><animate attributeName="opacity" values="0.1;0.7;0.1" dur="4.2s" repeatCount="indefinite"/></circle>
|
|
<circle cx="500" cy="70" r="1.2" opacity="0.6"><animate attributeName="opacity" values="0.2;0.8;0.2" dur="2.8s" repeatCount="indefinite"/></circle>
|
|
<circle cx="760" cy="50" r="1" opacity="0.5"><animate attributeName="opacity" values="0.15;0.75;0.15" dur="3.9s" repeatCount="indefinite"/></circle>
|
|
<circle cx="980" cy="80" r="1.5" opacity="0.7"><animate attributeName="opacity" values="0.2;0.9;0.2" dur="3.1s" repeatCount="indefinite"/></circle>
|
|
<circle cx="1100" cy="55" r="1" opacity="0.5"><animate attributeName="opacity" values="0.1;0.7;0.1" dur="4.6s" repeatCount="indefinite"/></circle>
|
|
<circle cx="180" cy="320" r="1.2" opacity="0.6"><animate attributeName="opacity" values="0.2;0.8;0.2" dur="3.3s" repeatCount="indefinite"/></circle>
|
|
<circle cx="420" cy="340" r="1" opacity="0.5"><animate attributeName="opacity" values="0.1;0.6;0.1" dur="4.0s" repeatCount="indefinite"/></circle>
|
|
<circle cx="880" cy="330" r="1.3" opacity="0.6"><animate attributeName="opacity" values="0.2;0.85;0.2" dur="2.9s" repeatCount="indefinite"/></circle>
|
|
<circle cx="1060" cy="320" r="1" opacity="0.5"><animate attributeName="opacity" values="0.15;0.7;0.15" dur="3.7s" repeatCount="indefinite"/></circle>
|
|
</g>
|
|
|
|
<!-- orbital system, centered on the core -->
|
|
<g transform="translate(600,190)" fill="none">
|
|
<ellipse rx="250" ry="92" stroke="#1F6FE0" stroke-width="1" opacity="0.30"/>
|
|
<ellipse rx="180" ry="66" stroke="#4EA0FF" stroke-width="1" opacity="0.40"/>
|
|
<ellipse rx="120" ry="44" stroke="#4EA0FF" stroke-width="1.2" opacity="0.55"/>
|
|
|
|
<!-- orbiting app nodes (blue), one gold accent -->
|
|
<g>
|
|
<circle cx="250" cy="0" r="4" fill="#4EA0FF"/>
|
|
<animateTransform attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="26s" repeatCount="indefinite"/>
|
|
</g>
|
|
<g>
|
|
<circle cx="180" cy="0" r="3.5" fill="#8EC2FF"/>
|
|
<animateTransform attributeName="transform" type="rotate" from="120 0 0" to="480 0 0" dur="20s" repeatCount="indefinite"/>
|
|
</g>
|
|
<g>
|
|
<circle cx="120" cy="0" r="3" fill="#D4A24C"/>
|
|
<animateTransform attributeName="transform" type="rotate" from="240 0 0" to="600 0 0" dur="15s" repeatCount="indefinite"/>
|
|
</g>
|
|
|
|
<!-- glowing blue core -->
|
|
<circle r="70" fill="url(#coreGlow)" filter="url(#blur)"/>
|
|
<circle r="30" fill="#0c1428" stroke="#4EA0FF" stroke-width="1.5"/>
|
|
<circle r="30" fill="none" stroke="#4EA0FF" stroke-width="1.5" opacity="0.6">
|
|
<animate attributeName="r" values="30;46;30" dur="4s" repeatCount="indefinite"/>
|
|
<animate attributeName="opacity" values="0.6;0;0.6" dur="4s" repeatCount="indefinite"/>
|
|
</circle>
|
|
<!-- Atlas A mark -->
|
|
<path d="M -13 14 L 0 -16 L 13 14 M -7 4 L 7 4" stroke="#8EC2FF" stroke-width="2.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
|
|
<!-- wordmark -->
|
|
<text x="600" y="316" text-anchor="middle" font-size="50" font-weight="800" letter-spacing="6" fill="url(#word)">ATLAS OS</text>
|
|
<text x="600" y="346" text-anchor="middle" font-size="14" font-weight="600" letter-spacing="3" fill="#7e93b8">SOVEREIGN AI COMMAND CENTER · ONE LOGIN · ANY DEVICE</text>
|
|
</svg>
|