قواعد الهيدر والفوتر
تشريح الهيدر
تشريح الهيدر — التوثيق قيد الإعداد.
مكتمل
هيكل مكوّن من صفّين على الديسكتوب. صفّ واحد + hamburger على الموبايل. الـ Header هو chrome التنقّل العام — كل route عام يعرضه، وكل locale يحمّله، وكل صفحة تفاصيل ترتبط به.
تشريح الديسكتوب (≥1024px)
- الصفّ الأول · شريط الأدوات
- تنقّل ثانوي مضغوط. ~36px ارتفاعاً. يحمل Partner و Submit Startup و Submit Opportunity وأيقونة البحث وقائمة اللغة المنسدلة. ظاهر فقط ≥1024px.
- الصفّ الثاني · التنقّل الرئيسي
- الشعار + 9 عناصر تنقّل + مبدّل اللغة. ثابت على الأعلى عند التمرير. ~64px ارتفاعاً.
- الشعار
- `h-10 sm:h-12 w-auto`. يُوجِّه دائماً إلى `/:lang/` (home حسب اللغة). أبداً ليس `/` مطلقاً.
- الحالة النشطة
- إشارات computed لكل قسم (`onCalendar`، `onFounders`، `onDocs`، …). الرابط النشط يحصل على `.nav-link--active` — تسطير بنفسجي + وزن أعمق.
تشريح الموبايل (<1024px)
- شريط الأدوات مخفي تماماً على الموبايل — الإجراءات الثانوية تنتقل إلى drawer الـ hamburger أو الـ footer.
- الصفّ الرئيسي يتقلّص: الشعار (يسار) · مبدّل اللغة + زرّ الـ hamburger (يمين).
- الـ hamburger يفتح قائمة عمودية بعرض كامل تحوي كل عناصر التنقّل الـ 9 + CTAs ثانوية (Submit Startup / Submit Opportunity / Partner).
- أيقونة البحث تنطوي إلى أيقونة فقط — حقل البحث يتوسّع عند النقر بدل العرض inline.
