هيكل التنقّل
الحالة النشطة في القائمة
الحالة النشطة في القائمة — التوثيق قيد الإعداد.
مكتمل
عنصر التنقّل "نشط" حين يكون المستخدم في أي مكان داخل مساحة URL للموديول — ليس فقط على صفحة الـ Landing. الحالة النشطة تُحسَب مرة عبر signal مُختبَر بـ regex في كومبوننت الـ Header، ثم تُربط عبر `[class.nav-link--active]`.
إشارات الحالة النشطة الـ 9
- onHome()
- يطابق `/(en|ar|fr)/?$`. صحيح فقط على Home Landing.
- onEditorial()
- يطابق `/editorial(/|$)`. نشط على القائمة + كل تفاصيل مقال.
- onShowcase()
- يطابق `/(showcase|startups)(/|$)`. نشط على القائمة + كل تفاصيل شركة.
- onRadar()
- يطابق `/opportunity-radar(/|$)`. نشط على القائمة + كل تفاصيل فرصة.
- onFounders()
- يطابق `/founders(/|$)` و NOT onFiles() و NOT onRadar(). الاقتران يمنع التنشيط الخاطئ.
- onFiles()
- يطابق `/founder-files(/|$)`. نشط على القائمة + التفاصيل + القارئ.
- onCoverage()
- يطابق `/coverage(/|$)`. نشط على مقالات التغطية.
- onCalendar()
- يطابق `/calendar(/|$)`. نشط على الـ Landing + قائمة الفعاليات + تفاصيل الفعالية.
- onDocs()
- يطابق `/docs(/|$)`. نشط على Home التوثيق + كل قسم + موضوع.
بصري الحالة النشطة
- `color: var(--primary)` — نص بنفسجي.
- `font-weight: 600` (وزن واحد أعمق من الافتراضي).
- تسطير بنفسجي 2px عبر `box-shadow: inset 0 -2px var(--primary)`.
- لا تغيّر في background-color — التسطير كافٍ؛ خلفية ممتلئة تُقرأ "محدّد" لا "حالي".