19ad0057c8
- header.svg rebuilt blue-dominant (gold demoted to accent) - new assets: desktop-preview.svg, architecture.svg, os-screenshot.png (real render) - README: blue badges, embedded hero + diagram, wiki link - fix dead Tabler icon-font CDN (cdnjs 404 -> jsdelivr) in live + repo OS desktop - fix broken ./docs/ai-stack.md badge link (file now exists) - add docs/academy.md, docs/islamic-layer.md, docs/ai-stack.md - SERVICES.md: Academy + Islamic layer sections Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
109 lines
7.7 KiB
XML
109 lines
7.7 KiB
XML
<svg width="1200" height="740" viewBox="0 0 1200 740" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Atlas OS desktop preview">
|
||
<defs>
|
||
<linearGradient id="dbg" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#0b1a3a"/>
|
||
<stop offset="100%" stop-color="#060e22"/>
|
||
</linearGradient>
|
||
<linearGradient id="bar" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#0f2348"/>
|
||
<stop offset="100%" stop-color="#0a1838"/>
|
||
</linearGradient>
|
||
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#16284e"/>
|
||
<stop offset="100%" stop-color="#0e1d3c"/>
|
||
</linearGradient>
|
||
<radialGradient id="halo" cx="50%" cy="0%" r="90%">
|
||
<stop offset="0%" stop-color="#1c4fae" stop-opacity="0.45"/>
|
||
<stop offset="100%" stop-color="#1c4fae" stop-opacity="0"/>
|
||
</radialGradient>
|
||
<style>
|
||
.lbl{font-family:'Segoe UI',Helvetica,Arial,sans-serif;fill:#cfe0fb}
|
||
.cat{font-family:'Segoe UI',Helvetica,Arial,sans-serif;fill:#5f7bb0;font-size:12px;letter-spacing:2px;font-weight:600}
|
||
.tl{font-family:'Segoe UI',Helvetica,Arial,sans-serif;fill:#aec6ee;font-size:12px;text-anchor:middle}
|
||
.glyph{font-family:'Segoe UI Symbol','Segoe UI',sans-serif;font-size:22px;text-anchor:middle}
|
||
.blink{animation:bl 2.5s ease-in-out infinite}
|
||
@keyframes bl{0%,100%{opacity:1}50%{opacity:.35}}
|
||
</style>
|
||
</defs>
|
||
|
||
<rect width="1200" height="740" rx="14" fill="url(#dbg)"/>
|
||
<rect width="1200" height="300" fill="url(#halo)"/>
|
||
|
||
<!-- top bar -->
|
||
<rect width="1200" height="46" rx="14" fill="url(#bar)"/>
|
||
<rect y="32" width="1200" height="14" fill="url(#bar)"/>
|
||
<text x="24" y="29" class="lbl" font-size="15" font-weight="600">⌂ Atlas OS</text>
|
||
<circle class="blink" cx="150" cy="23" r="4" fill="#4ec98a"/>
|
||
<text x="162" y="27" class="lbl" font-size="12" fill="#4ec98a">SSO verified</text>
|
||
<text x="1060" y="27" class="lbl" font-size="13" fill="#9fb8e6">21:47</text>
|
||
<circle cx="1120" cy="23" r="11" fill="#1c4fae"/>
|
||
<text x="1120" y="27" class="lbl" font-size="11" text-anchor="middle" fill="#eaf3ff">CA</text>
|
||
<text x="1140" y="27" class="lbl" font-size="13">Chaib ∨</text>
|
||
|
||
<!-- category: Cockpit -->
|
||
<text x="40" y="86" class="cat">COCKPIT</text>
|
||
<g>
|
||
<g transform="translate(40,98)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#4ec98a">💰</text></g>
|
||
<text x="71" y="178" class="tl">Money</text>
|
||
<g transform="translate(120,98)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#4a9fe2">📬</text></g>
|
||
<text x="151" y="178" class="tl">Inbox</text>
|
||
<g transform="translate(200,98)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#9b8cf0">📈</text></g>
|
||
<text x="231" y="178" class="tl">Pipeline</text>
|
||
<g transform="translate(280,98)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#e0a234" stroke-opacity="0.5"/><text x="31" y="40" class="glyph" fill="#e0a234">📊</text></g>
|
||
<text x="311" y="178" class="tl">Today</text>
|
||
<g transform="translate(360,98)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#e2655f">🚀</text></g>
|
||
<text x="391" y="178" class="tl">Fleet</text>
|
||
<g transform="translate(440,98)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#7fb6f0">⚙</text></g>
|
||
<text x="471" y="178" class="tl">Control</text>
|
||
</g>
|
||
|
||
<!-- category: Identity + AI -->
|
||
<text x="40" y="222" class="cat">IDENTITY</text>
|
||
<g transform="translate(40,234)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#4ec98a">🛡</text></g>
|
||
<text x="71" y="314" class="tl">Authentik</text>
|
||
<g transform="translate(120,234)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#e0a234">🔒</text></g>
|
||
<text x="151" y="314" class="tl">Vault</text>
|
||
|
||
<text x="260" y="222" class="cat">AI</text>
|
||
<g transform="translate(260,234)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#4a9fe2">💬</text></g>
|
||
<text x="291" y="314" class="tl">Atlas Chat</text>
|
||
<g transform="translate(340,234)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#9b8cf0">🧠</text></g>
|
||
<text x="371" y="314" class="tl">AI Gateway</text>
|
||
<g transform="translate(420,234)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#5b8be8">🗺</text></g>
|
||
<text x="451" y="314" class="tl">Mindmap</text>
|
||
<g transform="translate(500,234)"><rect width="62" height="62" rx="14" fill="url(#tile)" stroke="#4a9fe2" stroke-opacity="0.25"/><text x="31" y="40" class="glyph" fill="#4ec98a">🎓</text></g>
|
||
<text x="531" y="314" class="tl">Leeragent</text>
|
||
|
||
<!-- sample window: Today brief -->
|
||
<g transform="translate(640,90)">
|
||
<rect width="520" height="370" rx="12" fill="#0d1d3e" stroke="#4a9fe2" stroke-opacity="0.4"/>
|
||
<rect width="520" height="38" rx="12" fill="#13294f"/>
|
||
<rect y="26" width="520" height="12" fill="#13294f"/>
|
||
<text x="16" y="25" class="lbl" font-size="13" font-weight="600">📊 Today — Daily Brief</text>
|
||
<circle cx="498" cy="19" r="5" fill="#e2655f"/>
|
||
<text x="20" y="78" class="lbl" font-size="13" fill="#7fa8d8">MONDAY 22 JUNE · 21:47</text>
|
||
<text x="20" y="108" class="lbl" font-size="16" font-weight="600">Good evening, Chaib.</text>
|
||
<text x="20" y="138" class="lbl" font-size="12.5" fill="#aec6ee">3 leads need follow-up · 2 invoices due this week</text>
|
||
<text x="20" y="158" class="lbl" font-size="12.5" fill="#aec6ee">Bank balance synced · all POS terminals online</text>
|
||
<rect x="20" y="180" width="230" height="70" rx="8" fill="#11244a"/>
|
||
<text x="34" y="206" class="lbl" font-size="11" fill="#5f7bb0">REVENUE FOCUS</text>
|
||
<text x="34" y="230" class="lbl" font-size="15" font-weight="600" fill="#4ec98a">AtlasPOS</text>
|
||
<text x="34" y="245" class="lbl" font-size="10.5" fill="#7fa8d8">€79/mo · Tilburg horeca</text>
|
||
<rect x="270" y="180" width="230" height="70" rx="8" fill="#11244a"/>
|
||
<text x="284" y="206" class="lbl" font-size="11" fill="#5f7bb0">AUTONOMY</text>
|
||
<text x="284" y="230" class="lbl" font-size="15" font-weight="600" fill="#e0a234">Level 3 — Supervised</text>
|
||
<text x="284" y="245" class="lbl" font-size="10.5" fill="#7fa8d8">spend cap active</text>
|
||
<text x="20" y="288" class="lbl" font-size="11" fill="#5f7bb0">SYNTHESIZED BY</text>
|
||
<text x="20" y="308" class="lbl" font-size="12.5" fill="#aec6ee">atlas-brain · atlas-auto → Groq 70B → Claude</text>
|
||
<rect x="20" y="326" width="120" height="28" rx="6" fill="#1c4fae"/>
|
||
<text x="80" y="345" class="tl" fill="#eaf3ff">Open Pipeline</text>
|
||
<rect x="150" y="326" width="100" height="28" rx="6" fill="#11244a" stroke="#4a9fe2" stroke-opacity="0.4"/>
|
||
<text x="200" y="345" class="tl">Refresh</text>
|
||
</g>
|
||
|
||
<!-- taskbar -->
|
||
<rect y="694" width="1200" height="46" fill="url(#bar)"/>
|
||
<rect x="24" y="706" width="120" height="22" rx="6" fill="#1c4fae"/>
|
||
<text x="84" y="721" class="tl" fill="#eaf3ff">📊 Today</text>
|
||
<text x="1000" y="721" class="lbl" font-size="11" fill="#5f7bb0">39 apps · 55 containers · one box</text>
|
||
</svg>
|