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

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

بورتفوليو المهندس يجب أن يكون قطعة هندسية بحد ذاته. هذا ما تحت الغطاء.

Aa Inter Tight

أب IBM Plex Sans Arabic

{ } JetBrains Mono

التقنيات

Astro يُعرض على الخادم بـ Node. الصفحات العامة لا تحمل أي إطار عمل، فقط قليل من TypeScript الخام لقصص التمرير وقائمة الأوامر والطرفية.
PostgreSQL مع Drizzle للمحتوى والرسائل والصور. الصفحات مخزّنة في الذاكرة وتتحدّث لحظة الحفظ.
لوحة تحكم مخصّصة يمكن فيها تعديل كل كلمة وصورة وقسم، وإخفاؤه وترتيبه واسترجاع أي نسخة سابقة منه.
CSS مكتوب يدويًا على رموز تصميم، بخصائص منطقية ليتطابق العربي والإنجليزي كمرآة.
الصور تتحوّل إلى AVIF وWebP عند رفعها، وصور المشاركة تُرسم على الخادم لكل صفحة باللغتين.
صورة Docker واحدة على خادم مستضاف ذاتيًا، تُنشر بـ Dokploy.

الأسود هو المسرح. لون إشارة واحد، أخضر شاشة القلب، على أقل من 5% من أي شاشة.
Inter Tight وInter للإنجليزية، وIBM Plex Sans Arabic للعربية، وJetBrains Mono للعناوين الصغيرة.
الحركة تشرح ولا تزيّن، وتتوقف مع خيار «تقليل الحركة».
النبضة التي تتحول إلى نقرة هي الفكرة كلها: الطب وهو يصير تقنية.

بلا أدوات تتبّع، وبلا تحليلات، وبلا سكربتات من طرف ثالث. الكوكيز الوحيدة تخصّ تسجيل الدخول إلى لوحة التحكم.
لوحة التحكم تتطلّب التحقق الثنائي، وتدعم مفاتيح المرور.
سياسة أمان محتوى لا تشغّل إلا السكربتات ذات البصمات المعروفة.
HSTS، وسياسة إحالة صارمة، وسياسة صلاحيات مقيّدة، ومنع التضمين في إطارات.
الخطوط مستضافة ذاتيًا، فزيارتك لا تمرّ بخوادم شركة أخرى.

HTML دلالي، ورابط تخطٍّ، وتركيز ظاهر، ودعم كامل للوحة المفاتيح بما فيها قائمة الأوامر.
تباين ألوان مطابق لمعيار WCAG 2.2 AA.
لكل حركة نسخة ثابتة.
نسختان كاملتان بالعربية والإنجليزية، لكل منهما اتجاهها وطباعتها الصحيحة.