كيف بُني هذا الموقع.

الاسم

«مدار» هو المسار الذي يدور فيه الشيء حول مركزه، و«أوبس» اختصار لعبارة Online Presence Studio، أي استوديو الحضور الرقمي. والمعنى معًا: الاستوديو الذي يبني ما يدور حوله حضور أعمالكم على الإنترنت. ولهذا تبدأ الصفحة الرئيسية بمدار من المواقع التي بنيناها.

البناء

الصفحات	HTML ثابت، يولّده سكربت Node صغير من ملف محتوى واحد باللغتين. بلا إطار عمل ولا اعتماديات وقت التشغيل.
اللغات	الإنجليزية في / والعربية في /ar/، مع hreflang وانعكاس كامل من اليمين إلى اليسار وخط عربي مستقل.
التخزين المؤقت	السكربتات وملفات الأنماط تحمل بصمة لمحتواها وتُخزَّن كملفات لا تتغير، فلا يحصل الزائر العائد على نسخة قديمة.
الاستضافة	Netlify

الخطوط والألوان

العناوين	Schibsted Grotesk, وزن 600
النص	IBM Plex Sans · IBM Plex Sans Arabic · IBM Plex Mono
ملفات الخطوط	ملفات WOFF2 مستضافة لدينا، تُحمَّل مسبقًا حسب اللغة
الألوان	#11151C graphite · #F3F1EC paper · #9C5F2A copper

المدار

النموذج في الصفحة الرئيسية مبني بـ three.js، بمواد فيزيائية لكل لوحة، وبيئة ضوئية للانعكاسات، وظلال ناعمة، وتدرّج لوني AgX. كل لوحة لقطة حقيقية لموقع بنيناه. يُحمَّل بعد أن تصبح الصفحة مقروءة، ولا يُرسم إلا حين يتحرك شيء، ويتوقف حين تبتعدون عنه، وعلى الجوال ينتظر أول لمسة ويعرض صورة ثابتة حتى ذلك الحين.

الإتاحة

نبني وفق WCAG 2.2 AA: تركيز مرئي، وأهداف لمس بحجم 44 بكسل، وأخطاء نماذج مرتبطة بحقولها، وقائمة يبقى التركيز داخلها، واحترام لتقليل الحركة في كل مكان. كل كلمة في المحتوى موجودة في HTML، فيُقرأ الموقع دون JavaScript. اضغطوا / في أي صفحة للانتقال السريع بلوحة المفاتيح.

ما لا يحتويه

لا سكربتات تتبّع، ولا شريط ملفات تعريف، ولا شاشة تحميل، ولا صوت تلقائي، ولا مؤشر مخصص.