Skip to content

Commit 44cd13d

Browse files
author
Bahae Eddine
committed
feat: Project Relaunch - The Sovereign Vision & Ultimate Roadmap Update
1 parent 5f4a753 commit 44cd13d

1 file changed

Lines changed: 83 additions & 66 deletions

File tree

‎docs/index.html‎

Lines changed: 83 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,9 @@
7878
</div>
7979
<div class="hidden md:flex space-x-8 text-sm font-medium text-slate-400">
8080
<a href="#features" class="hover:text-white transition-colors">Features</a>
81+
<a href="#vision" class="hover:text-white transition-colors">Vision</a>
8182
<a href="#architecture" class="hover:text-white transition-colors">Architecture</a>
83+
<a href="#roadmap" class="hover:text-white transition-colors">Roadmap</a>
8284
<a href="#downloads" class="hover:text-white transition-colors">Downloads</a>
8385
<a href="https://github.com/halimbahae/toubkal_os" target="_blank" class="hover:text-indigo-400 flex items-center">
8486
<i data-lucide="github" class="w-4 h-4 mr-1"></i> GitHub
@@ -113,37 +115,44 @@ <h1 class="text-6xl md:text-8xl font-extrabold tracking-tight mb-8">
113115
</div>
114116
</header>
115117

116-
<!-- Features Grid -->
117-
<section id="features" class="py-24 px-6 relative">
118+
<!-- Sovereign Vision Section -->
119+
<section id="vision" class="py-24 px-6 relative">
118120
<div class="max-w-7xl mx-auto">
119-
<div class="text-center mb-16">
120-
<h2 class="text-4xl font-bold mb-4">Precision Engineering</h2>
121-
<p class="text-slate-400">ToubkalOS is built on a foundation of low-level mastery and modern UI principles.</p>
122-
</div>
123-
124-
<div class="grid md:grid-cols-3 gap-8">
125-
<div class="glass p-8 rounded-3xl group hover:border-indigo-500/30 transition-all">
126-
<div class="p-3 bg-indigo-500/10 rounded-2xl w-fit mb-6 group-hover:bg-indigo-500/20 transition-colors">
127-
<i data-lucide="layers" class="w-8 h-8 text-indigo-400"></i>
128-
</div>
129-
<h3 class="text-xl font-bold mb-3">Multi-Architecture</h3>
130-
<p class="text-slate-400 leading-relaxed">Native support for AArch64 (ARMv8) and x86_64 targets with architecture-aware context switching.</p>
131-
</div>
132-
133-
<div class="glass p-8 rounded-3xl group hover:border-pink-500/30 transition-all">
134-
<div class="p-3 bg-pink-500/10 rounded-2xl w-fit mb-6 group-hover:bg-pink-500/20 transition-colors">
135-
<i data-lucide="monitor" class="w-8 h-8 text-pink-400"></i>
121+
<div class="glass rounded-[40px] p-8 md:p-16 overflow-hidden relative border-indigo-500/10">
122+
<div class="absolute -right-20 -top-20 w-96 h-96 royal-gradient opacity-10 blur-[100px] rounded-full"></div>
123+
<div class="grid md:grid-cols-2 gap-16 items-center">
124+
<div>
125+
<h2 class="text-4xl md:text-5xl font-extrabold mb-8 italic">The Vision</h2>
126+
<h3 class="text-2xl font-semibold text-indigo-400 mb-6">The Pursuit of Absolute Control</h3>
127+
<p class="text-lg text-slate-300 leading-relaxed mb-8">
128+
ToubkalOS is born from a refusal to accept "black-box" binaries and opaque silicon. Written in memory-safe **Rust** with **zero third-party blobs**, it represents a commitment to sovereign engineering where every instruction is accounted for.
129+
</p>
130+
<div class="space-y-6 text-slate-400">
131+
<div class="flex items-start space-x-4">
132+
<div class="mt-1 p-1 bg-indigo-500/20 rounded-full text-indigo-400"><i data-lucide="shield-check" class="w-5 h-5"></i></div>
133+
<div><span class="text-white font-bold">Zero-Dependency Core</span>: A clean-slate microkernel built from the first instruction.</div>
134+
</div>
135+
<div class="flex items-start space-x-4">
136+
<div class="mt-1 p-1 bg-indigo-500/20 rounded-full text-indigo-400"><i data-lucide="cpu" class="w-5 h-5"></i></div>
137+
<div><span class="text-white font-bold">AArch64 & x86_64 Harmony</span>: True multi-platform sovereignty without abstraction leaks.</div>
138+
</div>
139+
</div>
136140
</div>
137-
<h3 class="text-xl font-bold mb-3">Premium GUI</h3>
138-
<p class="text-slate-400 leading-relaxed">Elegant software-rendered desktop (xtoubkal) featuring glassmorphism, depth-aware Z-order, and vibrant gradients.</p>
139-
</div>
140-
141-
<div class="glass p-8 rounded-3xl group hover:border-emerald-500/30 transition-all">
142-
<div class="p-3 bg-emerald-500/10 rounded-2xl w-fit mb-6 group-hover:bg-emerald-500/20 transition-colors">
143-
<i data-lucide="database" class="w-8 h-8 text-emerald-400"></i>
141+
<div class="relative">
142+
<div class="glass p-8 rounded-3xl border-indigo-500/20 shadow-2xl">
143+
<div class="flex items-center space-x-2 mb-6">
144+
<div class="w-3 h-3 rounded-full bg-red-500"></div>
145+
<div class="w-3 h-3 rounded-full bg-yellow-500"></div>
146+
<div class="w-3 h-3 rounded-full bg-green-500"></div>
147+
</div>
148+
<blockquote class="text-xl md:text-2xl font-light italic text-indigo-200 leading-relaxed">
149+
"In an era of hidden backdoors and bloated stacks, sovereignty is the only security. ToubkalOS is the return to the metal."
150+
</blockquote>
151+
<div class="mt-8 pt-8 border-t border-white/5">
152+
<span class="text-sm font-bold uppercase tracking-widest text-indigo-400">The Sovereign Manifesto</span>
153+
</div>
154+
</div>
144155
</div>
145-
<h3 class="text-xl font-bold mb-3">VirtIO Mastery</h3>
146-
<p class="text-slate-400 leading-relaxed">Hardened drivers for block storage (FAT32), graphics (GPU), networking (smoltcp), and high-precision tablet input.</p>
147156
</div>
148157
</div>
149158
</div>
@@ -154,7 +163,7 @@ <h3 class="text-xl font-bold mb-3">VirtIO Mastery</h3>
154163
<div class="max-w-6xl mx-auto">
155164
<div class="flex flex-col md:flex-row items-center justify-between mb-12">
156165
<div class="mb-6 md:mb-0">
157-
<h2 class="text-3xl md:text-4xl font-bold mb-3">Internal Architecture</h2>
166+
<h2 class="text-3xl md:text-4xl font-bold mb-3 tracking-tighter">Internal Architecture</h2>
158167
<p class="text-slate-400">A modular, microkernel-like flow designed for maximum reliability.</p>
159168
</div>
160169
<div class="flex space-x-3">
@@ -163,14 +172,14 @@ <h2 class="text-3xl md:text-4xl font-bold mb-3">Internal Architecture</h2>
163172
</div>
164173
</div>
165174

166-
<div class="glass rounded-[32px] overflow-hidden border border-white/10 relative group">
175+
<div class="glass rounded-[32px] overflow-hidden border border-white/10 relative group h-[600px] md:h-[800px]">
167176
<div class="absolute top-4 right-4 z-20 flex space-x-2 opacity-0 group-hover:opacity-100 transition-opacity">
168177
<button onclick="window.panZoom.zoomIn()" class="p-2 glass rounded-lg hover:bg-white/10"><i data-lucide="zoom-in" class="w-4 h-4"></i></button>
169178
<button onclick="window.panZoom.zoomOut()" class="p-2 glass rounded-lg hover:bg-white/10"><i data-lucide="zoom-out" class="w-4 h-4"></i></button>
170179
<button onclick="window.panZoom.reset()" class="p-2 glass rounded-lg hover:bg-white/10"><i data-lucide="refresh-cw" class="w-4 h-4"></i></button>
171180
</div>
172181
<!-- Responsive Container -->
173-
<div id="mermaid-container" class="w-full flex justify-center items-center bg-[#0d1117]/50 p-6 md:p-12 h-[600px] md:h-[800px] cursor-grab active:cursor-grabbing">
182+
<div id="mermaid-container" class="w-full h-full flex justify-center items-center bg-[#0d1117]/50 cursor-grab active:cursor-grabbing">
174183
<div class="mermaid w-full h-full flex justify-center items-center">
175184
graph TD;
176185
Shell(Interactive Shell) --> CoreKernel;
@@ -185,50 +194,58 @@ <h2 class="text-3xl md:text-4xl font-bold mb-3">Internal Architecture</h2>
185194
</div>
186195
</div>
187196
</div>
188-
<p class="text-center text-xs text-slate-500 mt-6 flex items-center justify-center">
189-
<i data-lucide="mouse-pointer-2" class="w-3 h-3 mr-1"></i> Use Scroll to Zoom • Drag to Pan
197+
<p class="text-center text-xs text-slate-500 mt-6 flex items-center justify-center italic">
198+
<i data-lucide="mouse-pointer-2" class="w-3 h-3 mr-1"></i> Hint: Click and Drag to Explore the Sovereignty
190199
</p>
191200
</div>
192201
</section>
193202

194-
<!-- Scheduler Deep Dive -->
195-
<section class="py-24 px-6">
203+
<!-- Roadmap Section -->
204+
<section id="roadmap" class="py-24 px-6 relative">
196205
<div class="max-w-7xl mx-auto">
197-
<div class="glass rounded-[40px] p-12 overflow-hidden relative">
198-
<div class="absolute -right-20 -bottom-20 w-80 h-80 royal-gradient opacity-10 blur-[80px] rounded-full"></div>
199-
<div class="grid md:grid-cols-2 gap-12 items-center">
200-
<div>
201-
<h2 class="text-4xl font-bold mb-6 italic">The Pulse of ToubkalOS</h2>
202-
<h3 class="text-2xl font-semibold text-indigo-400 mb-4">Preemptive Round Robin Scheduler</h3>
203-
<p class="text-slate-400 leading-relaxed mb-6">
204-
ToubkalOS ensures absolute fairness across all processes. Operating on a fixed 100Hz hardware timer, the kernel performs involuntary context switches every 10ms, balancing the graphical desktop and background networking tasks with zero starvation.
205-
</p>
206-
<div class="space-y-4">
207-
<div class="flex items-start space-x-3">
208-
<div class="mt-1 pb-3 pr-3 text-indigo-500"><i data-lucide="check-circle-2" class="w-5 h-5"></i></div>
209-
<div><span class="font-bold">Timer-Driven Preemption</span>: 10ms time slices for fluid interactivity.</div>
210-
</div>
211-
<div class="flex items-start space-x-3">
212-
<div class="mt-1 pb-3 pr-3 text-indigo-500"><i data-lucide="check-circle-2" class="w-5 h-5"></i></div>
213-
<div><span class="font-bold">Architecture Neutral</span>: Universal Task abstraction via assembly context-switching.</div>
214-
</div>
206+
<div class="text-center mb-16">
207+
<h2 class="text-4xl font-bold mb-4 italic">The Journey</h2>
208+
<p class="text-slate-400 text-lg">From Prototype to Sovereign Production</p>
209+
</div>
210+
211+
<div class="grid md:grid-cols-2 gap-8">
212+
<!-- Achievements -->
213+
<div class="glass p-10 rounded-[40px] border-emerald-500/10">
214+
<div class="flex items-center space-x-4 mb-8">
215+
<div class="p-3 bg-emerald-500/10 rounded-2xl text-emerald-400">
216+
<i data-lucide="check-circle" class="w-8 h-8"></i>
217+
</div>
218+
<div>
219+
<h3 class="text-2xl font-bold">Stable Convergence</h3>
220+
<span class="text-xs font-bold text-emerald-500 uppercase">v0.2.0 Accomplished</span>
215221
</div>
216222
</div>
217-
<div class="bg-[#08090d] rounded-2xl p-6 font-mono text-sm border border-white/5 shadow-2xl">
218-
<div class="flex space-x-2 mb-4">
219-
<div class="w-3 h-3 rounded-full bg-red-500/50"></div>
220-
<div class="w-3 h-3 rounded-full bg-yellow-500/50"></div>
221-
<div class="w-3 h-3 rounded-full bg-green-500/50"></div>
223+
<ul class="space-y-4 text-slate-400">
224+
<li class="flex items-center"><i data-lucide="check" class="w-4 h-4 mr-3 text-emerald-500"></i> Glassmorphic Desktop (xtoubkal)</li>
225+
<li class="flex items-center"><i data-lucide="check" class="w-4 h-4 mr-3 text-emerald-500"></i> Stable AArch64 (ARMv8) Input</li>
226+
<li class="flex items-center"><i data-lucide="check" class="w-4 h-4 mr-3 text-emerald-500"></i> Persistent FAT32 Write Support</li>
227+
<li class="flex items-center"><i data-lucide="check" class="w-4 h-4 mr-3 text-emerald-500"></i> Full VirtIO NIC/GPU/Tablet Suite</li>
228+
</ul>
229+
</div>
230+
231+
<!-- Mission Ahead -->
232+
<div class="glass p-10 rounded-[40px] border-indigo-500/10 relative overflow-hidden">
233+
<div class="absolute -right-20 -bottom-20 w-60 h-60 royal-gradient opacity-10 blur-[80px] rounded-full"></div>
234+
<div class="flex items-center space-x-4 mb-8">
235+
<div class="p-3 bg-indigo-500/10 rounded-2xl text-indigo-400">
236+
<i data-lucide="rocket" class="w-8 h-8"></i>
237+
</div>
238+
<div>
239+
<h3 class="text-2xl font-bold">The Mission Ahead</h3>
240+
<span class="text-xs font-bold text-indigo-400 uppercase">Roadmap to v0.3.0</span>
222241
</div>
223-
<span class="text-indigo-400">// Select next task in a circular queue</span><br/>
224-
<span class="text-pink-400">let</span> <span class="text-emerald-400">current_idx</span> = sched.current_task;<br/>
225-
<span class="text-pink-400">let</span> <span class="text-emerald-400">next_idx</span> = (current_idx + 1) % total;<br/>
226-
<br/>
227-
<span class="text-indigo-400">// Perform involuntary context switch</span><br/>
228-
sched.tasks[current_idx].context_ptr = ctx <span class="text-pink-400">as</span> <span class="text-indigo-300">usize</span>;<br/>
229-
sched.current_task = next_idx;<br/>
230-
<span class="text-pink-400">return</span> sched.tasks[next_idx].context_ptr <span class="text-pink-400">as</span> *<span class="text-pink-400">mut</span> Context;
231242
</div>
243+
<ul class="space-y-4 text-slate-400 relative z-10">
244+
<li class="flex items-center"><i data-lucide="arrow-right" class="w-4 h-4 mr-3 text-indigo-500"></i> Preemptive SMP (Multi-Core)</li>
245+
<li class="flex items-center"><i data-lucide="arrow-right" class="w-4 h-4 mr-3 text-indigo-500"></i> USB 3.0 Logic & Physical Porting</li>
246+
<li class="flex items-center"><i data-lucide="arrow-right" class="w-4 h-4 mr-3 text-indigo-500"></i> UEFI / U-Boot Standard Loading</li>
247+
<li class="flex items-center"><i data-lucide="arrow-right" class="w-4 h-4 mr-3 text-indigo-500"></i> Bitmap Font & Asset Engine</li>
248+
</ul>
232249
</div>
233250
</div>
234251
</div>

0 commit comments

Comments
 (0)