موقعي الشخصي في 4 برومبتات

أريد بناء موقع شخصي بمساعدتك على مراحل داخل هذه المحادثة. المرحلة الأولى: احفظ معلوماتي التالية فقط، ولا تبنِ أي شيء الآن.

=== معلوماتي ===
الاسم: 
أنا (مثال: طالب في الثانوي، أحب التصميم): 
هواياتي (حتى 3): 
مهاراتي (حتى 3): 
أشياء فعلتها (اختياري: مشروع، مسابقة، تطوع، رسم، أي شيء): 
طريقة تواصل واحدة (بريد أو حساب): 
لغة الموقع (العربية / English): 
صورتي (نعم / لا): 
=== نهاية المعلومات ===

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

بعد الحفظ، رُدّ بسطر واحد فقط: «تم حفظ معلوماتك ✅ اختر الآن شكل موقعك». ثم انتظر رسالتي التالية ولا تكتب أي شيء آخر.

عدّل فقط: ____
لا تغيّر أي شيء آخر. حدّث الموقع نفسه.

الموقع جاهز من حيث الفكرة والشكل والمحتوى. المطلوب الآن تحسين تجربة الهاتف وسهولة الاستخدام فقط. لا تغيّر الفكرة ولا التصميم ولا الألوان ولا النصوص إلا لإصلاح خطأ.

افحص الموقع وأصلح ما يلزم:
- يعمل جيدًا على الهاتف (عروض 360 و390 و768 بكسل) وعلى الحاسوب، دون تمرير أفقي أو تداخل عناصر أو أجزاء مقطوعة.
- الأزرار والعناصر القابلة للضغط كبيرة وسهلة اللمس، والنص مقروء دون تكبير، والتباين واضح بين النص والخلفية.
- كل الأزرار والروابط والعناصر التفاعلية تعمل، ولا يوجد عنصر بلا وظيفة.
- إن كان الموقع عربيًا: البريد والروابط والنصوص الإنجليزية تظهر صحيحة داخل النص العربي، وعلامات الترقيم والأسهم في أماكنها الصحيحة.
- نص بديل للصور، وحالة تركيز واضحة للأزرار، وإمكانية التنقل بلوحة المفاتيح.
- الحركات خفيفة ولا تعيق القراءة، وتُحترم إعدادات تقليل الحركة.

حدّث الموقع نفسه بدل كتابة الكود في المحادثة، ثم اكتب سطرين فقط عما أصلحته. لا تدّعِ أنك اختبرت شيئًا لم تختبره فعلًا.

الموقع جاهز من حيث الفكرة والشكل والهاتف. المطلوب الآن تجهيزه للنشر على Netlify Drop. لا تغيّر التصميم ولا النصوص إلا لإصلاح خطأ.

أولًا: المحتوى قبل النشر
- عنوان للصفحة ووصف قصير من معلوماتي فقط، وأيقونة تبويب إيموجي مناسبة مضمّنة في الكود.
- لا معلومات مختلقة ولا نصوص تجريبية ولا صور أو روابط مكسورة.
- لا رقم هاتف ولا عنوان منزل ولا اسم مدرسة في أي مكان من الصفحة.

ثانيًا: هيكل الملفات
- مجلد واحد اسمه my-site يحتوي الملف index.html مباشرة في جذره، دون مجلدات فرعية متداخلة.
- كل CSS وJavaScript داخل index.html. لا مكتبات خارجية ولا npm ولا خطوات بناء.
- إن كتبت «نعم» في الصورة: ملف photo.jpg في المجلد نفسه بمسار نسبي.
- أسماء الملفات بأحرف إنجليزية صغيرة وبلا مسافات.

ثالثًا: التسليم
- أنشئ المجلد my-site كملفات جاهزة للتنزيل (ZIP إن أمكن).
- فقط إن لم تستطع إنشاء ملفات: اكتب كود index.html كاملًا في صندوق واحد، ثم اشرح لي في 4 أسطر كيف أحفظه باسم index.html داخل مجلد اسمه my-site.
- لا تدّعِ أنك اختبرت شيئًا لم تختبره فعلًا.
- في النهاية اكتب لي 4 أسطر عن النشر: أفتح app.netlify.com/drop وأسحب المجلد my-site إليه. وإن كان معي ZIP فأفك ضغطه أولًا ثم أسحب المجلد الناتج الذي يوجد فيه index.html مباشرة.