قواعد الهيدر والفوتر
تشريح الفوتر
تشريح الفوتر — التوثيق قيد الإعداد.
مكتمل
خمس كتل. نفس الهيكل على كل صفحة. الـ Footer يحمل اختتام العلامة، أربعة أعمدة أدوات، مدخل الاشتراك، وسطر الملكية القانوني — بهذا الترتيب، دائماً.
الكتل الخمس (من الأعلى للأسفل)
- 1. صفّ العلامة
- الشعار + الشعار النصّي ("إشارة وسط الضجيج.") + 4 أيقونات اجتماعية (32px موبايل، 36px ديسكتوب). الجهة المقابلة فيها الوصف القصير للمنصة.
- 2. الأربعة أعمدة
- Modules · The Platform · Editorial & Policies · Business & Partnerships. كل عمود `<ul>` من روابط routes بتفاعل `hover:text-primary`.
- 3. كتلة الاشتراك
- البريد + رمز الدولة + WhatsApp (مطوي). زرّ الإرسال. يحاكي نمط اشتراك الـ Homepage.
- 4. صفّ الحقوق القانوني
- سنة حقوق النشر · "جميع الحقوق محفوظة" · سطر الملكية (wecancity / wecancity FZ-LLC) · روابط الخصوصية والشروط.
- 5. منطقة آمنة سفلية (موبايل فقط)
- iOS home-bar safe-area inset على viewports < 768px. يضيف حشو `env(safe-area-inset-bottom)`.
السلوك المتجاوب
- صفّ العلامة `flex flex-col md:flex-row md:items-end md:justify-between` — يتراصّ على الموبايل.
- أعمدة الأدوات: `grid-cols-2 md:grid-cols-4` — عمودان على الموبايل، أربعة على التابلت+.
- كتلة الاشتراك: `flex flex-col sm:flex-row` — البريد + الزرّ يتراصّان على الموبايل.
- نص روابط الـ Footer يلتفّ بنظافة عبر الحارس العام `overflow-wrap: anywhere; hyphens: auto`.
