# الساعة العالمية 🌍

ساعة عالمية عربية تعمل بالكامل داخل المتصفح: تعرض الوقت في أهم مدن العالم لحظة بلحظة، مع فرق التوقيت عن توقيتك، وحالة النهار أو الليل لكل مدينة، وساعة عقارب للوقت المحدَّد.

## بلا اعتماد على أي خدمة خارجية

الصفحة مكتفية بذاتها بالكامل، فلا توجد أي مكتبة أو خط أو صورة تُجلب من شبكة خارجية:

- كل الأنماط في `styles.css`، وكل المنطق في `script.js` و`cities.js`، والبنية في `index.html`.
- الخطوط (Cairo وIBM Plex Mono) مضمَّنة داخل `styles.css` بصيغة data URI، فتعمل الصفحة متصلةً بالشبكة أو معزولة عنها، وملفاتها الأصلية ورخصتها في `fonts/`.
- الوقت والحسابات تعتمد على `Intl.DateTimeFormat` المدمج في المتصفح، والتخزين على `localStorage`، فلا حاجة لأي خادم.

## التشغيل والنشر

افتح `index.html` مباشرة في المتصفح، أو انشر المجلد كما هو على أي مستضيف صفحات ثابتة:

- **GitHub Pages**: ارفع المجلد إلى مستودع، ثم فعِّل Pages من الإعدادات واختر الفرع والمجلد الجذري.
- **Netlify / Vercel / Cloudflare Pages**: اسحب المجلد إلى لوحة النشر، بلا إعدادات بناء وبلا أمر تحويل (لا خطوة بناء ولا مسار ناتج، فالجذر هو كل شيء).
- **أي خادم ملفات ثابتة**: انسخ الملفات كما هي؛ لا يلزم إعداد خاص.

## بنية المشروع

| الملف | دوره |
| --- | --- |
| `index.html` | بنية الصفحة |
| `styles.css` | أوراق التنسيق والخطوط المضمَّنة |
| `script.js` | منطق الساعات والبحث والتخزين |
| `cities.js` | نموذج بيانات المدن والافتراضيات |
| `fonts/` | ملفات الخطوط ورخصتها |

## إمكانية الوصول

الصفحة تدعم القراءة عبر قارئات الشاشة: سمات ARIA في مربع البحث القائم على نمط combobox، وتسميات لكل الأزرار، ورابط تخطٍّ إلى المحتوى، وبنية HTML دلالية، مع احترام تفضيل تقليل الحركة. اللغة عربية والاتجاه من اليمين إلى اليسار.