تخطَّ إلى المحتوى الرئيسي

قواعد الهيدر والفوتر

تشريح الهيدر

تشريح الهيدر — التوثيق قيد الإعداد.

مكتمل

هيكل مكوّن من صفّين على الديسكتوب. صفّ واحد + 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.