🤔 ايه هو Youth OS حسب القالب الاصلي؟ +
حسب شاشة البداية في القالب الاصلي (l-sub): "نظام مخصص لشباب مصر — مذاكرة، فريلانس، أذكار، كونتنت، وحل مشاكل — كله في مكان واحد"
القالب يحتوي فعليا على 15 قسم حسب الكود: لوحة التحكم، بومودورو، تنظيم الوقت، أذكار وقرآن، كونتنت بلانر، مهام، مشاكل، اهداف، عادات، افكار، تفريغ دماغ، ماليتي، تقارير، دراسة، فريلانس
مذكور في l-feats: قرآن وأذكار، مذاكرة، فريلانس، كونتنت، بومودورو، ماليتي.
📋 ايه الاقسام الموجودة فعليا في القالب؟ +
حسب الـ IDs في الكود الاصلي:
1. sec-dash - لوحة التحكم (hero مع 5 مؤشرات: مهام منجزة، Streak، أذكار، فريلانس، الرصيد)
2. sec-pomo - بومودورو (تركيز 25د، راحة 5د، راحة طويلة 15د، 4 نقاط، عداد اليوم)
3. sec-time - تنظيم الوقت (Time Blocks بالساعة)
4. sec-azkar - أذكار وقرآن (عداد وهدف يومي، قرآن، صلاة)
5. sec-study - دراسة (مواد subjects وامتحانات exams)
6. sec-freelance - فريلانس (مشاريع)
7. sec-content - كونتنت (محتوى منشور)
8. sec-tasks - مهام (مع اولويات: عاجل، مهم، عادي، منخفض)
9. sec-problems - مشاكل
10. sec-goals - اهداف
11. sec-habits - عادات مع Streaks
12. sec-ideas - افكار
13. sec-dump - تفريغ دماغ
14. sec-finance - ماليتي (دخل، مصاريف، رصيد، آخر المعاملات)
15. sec-reports - تقارير (انجاز مهام 7 ايام، مصاريف، ملخص عام)
كل ده موجود في ملف قالب_نوشن.html الاصلي.
💰 ازاي ماليتي شغالة؟ ايه التصنيفات؟ +
حسب الكود الاصلي في sec-finance:
3 كروت فوق: الدخل (بالاخضر)، المصاريف (بالاحمر)، الرصيد
قائمة آخر المعاملات
التصنيفات الفعلية من الكود: cn={food:'🍕 أكل', transport:'🚌 مواصلات', education:'📚 تعليم', health:'💊 صحة', recharge:'📱 رصيد', freelance:'💻 دخل فريلانس', other:'📌 أخرى'}
كل معاملة فيها نوع (دخل/مصروف) ومبلغ وتصنيف
العملة: جنيه مصري - ج حسب الكود: toLocaleString()+'ج'
⏱ ازاي البومودورو شغال؟ +
حسب دوال pInit, pUI, pToggle, pNext في القالب الاصلي:
الافتراضي: تركيز 25 دقيقة، راحة قصيرة 5 دقائق، راحة طويلة 15 دقيقة
تقدر تغير المدد من inputs: pf, ps, pl
العداد: pdisp يعرض 24:12 مثلا، و pc دائرة تتقدم
4 نقاط pdots - كل نقطة = جلسة تركيز - بعد 4 جلسات راحة طويلة
عداد اليوم: ptoday - عدد جلسات اليوم
XP: كل جلسة تركيز تخلص تاخد xp(15)
ازرار: ابدأ/وقفة، اعادة، تخطي، و tabs لاختيار الوضع
👤 ازاي التخصيص بالاسم؟ +
حسب دالة launch() في القالب الاصلي:
شاشة بداية id="land" فيها input id="l-name" تطلب اسمك
لما تكتب اسمك وتدوس، يتم حفظه في S.name و localStorage KEY+'_launched'
بعدها يظهر في الشريط الجانبي sb-user: u-name (اسمك) و u-lvl (مستواك)
الموجود فعليا: تخصيص بالاسم فقط - مفيش تخصيص شعار او صورة في الكود الاصلي
لو فتحت القالب تاني بعد ما سجلت اسمك، شاشة البداية تختفي تلقائيا (Auto-launch if returning user)
📤 ازاي التصدير والاستيراد؟ +
حسب دوال exportD, importD, clearAll في القالب الاصلي:
تصدير: exportD() - ينشئ رابط data:text/json مع JSON.stringify(S) وينزله باسم youth-os-eg-تاريخ.json - رسالة "📤 تم التصدير!"
استيراد: importD() - يفتح input file يقبل .json - يقرأه ويعمل S={...DEF,...JSON.parse()} و save() و reload
مسح: clearAll() - يطلب تأكيد "مسح كل البيانات؟" ويمسح localStorage KEY و KEY+'_launched' ويعمل reload
المفتاح: KEY هو مفتاح localStorage الرئيسي - كل البيانات في متصفحك فقط
🌙 فيه وضع ليلي؟ +
نعم حسب الكود:
:root متغيرات الالوان --p:#1B4332 --bg:#F0FDF4 --card:#fff --border:#D1FAE5
.dark متغيرات بديلة --bg:#0B1A10 --card:#111F14 --border:#1A3A22
S.dark boolean يحفظ هل الوضع الليلي مفعل
في دالة init() لو S.dark يضيف كلاس dark لـ body
الموجود فعليا: وضعين فقط فاتح وغامق - مفيش 5 الوان كما كان مذكور سابقا بالخطأ
📊 التقارير فيها ايه بالظبط؟ +
حسب دالة renderReports() الاصلية:
1. انجاز المهام: chart 7 ايام - bars - tc و tl (تواريخ 7 ايام)
2. المصاريف: ec - تفصيلة مصاريف حسب التصنيف مع نسبة % و progress bar
3. ملخص عام gs: 6 كروت فقط (مش 15):
- مهام منجزة (S.tasks done)
- عادات نشطة (S.habits.length)
- أذكار اليوم (S.azkar count>=target / total)
- مشاريع منجزة (S.freelance status done)
- صافي الدخل (inc-exp) بالجنيه
- محتوى منشور (S.content published)
الموجود فعليا 6 مؤشرات فقط - مش 15 كما كان مذكور سابقا بالخطأ
🎮 نظام XP والمستوى ازاي؟ +
حسب الكود:
S.xp رقم يبدأ من 0 في DEF
xp-b, xp-f: شريط XP - خلفية border و fill بتدرج p->p2
xp-l: يعرض المستوى والنسبة
xp(15): كل جلسة بومودورو تركيز تخلص تاخد 15 XP
u-lvl: يعرض مستواك حسب XP
u-av: avatar بحرف اول اسمك
💾 هل يعمل Offline؟ واين البيانات؟ +
حسب الكود:
نعم Offline 100% بعد اول تحميل - كل البيانات في localStorage
KEY و KEY+'_launched' - مفتاحين في localStorage
S: object فيه كل البيانات: name, dark, xp, tasks, problems, goals, habits, ideas, dumps, finance, azkar, quran, salah, subjects, exams, freelance, content, timeBlocks, pomoToday
save(): تحفظ S في localStorage
خصوصية: لا ارسال لسيرفرات خارجية - كل شيء محلي
الموجود فعليا: تصدير JSON فقط - مفيش حفظ تلقائي كل ثانية مذكور سابقا كان تأليف - الحفظ عند كل عملية اضافة/تعديل
📱 هل يعمل على الموبايل؟ +
حسب CSS الاصلي:
#sb: sidebar 260px - على الموبايل تتحول overlay مع #ov-sb
#mob-btn: زر موبايل 40px - display:none في الديسكتوب - يظهر في الموبايل
#ov-sb: overlay اسود شفاف 0.5 مع blur 3px - يظهر لما Sidebar مفتوح
transition: right .25s ease للـ Sidebar
min-height:44px لكل عنصر nav - مناسب للمس
-webkit-overflow-scrolling:touch للـ content
الموجود فعليا: responsive بسيط - Sidebar تختفي وتظهر بزرار - مش تصميم Mobile First احترافي كما كان مذكور سابقا
🔥 ازاي العادات والـ Streak شغالين؟ +
حسب الكود الاصلي في sec-habits و S.habits:
العادات: كل عادة ليها اسم وتقدر تضيف عادة جديدة - S.habits array
Streak: في الهيرو hk-str يعرض 0🔥 - عدد الايام المتتالية
في التقارير: عادات نشطة = S.habits.length
المنطق: كل يوم تعمل العادة تزيد Streak - لو فوت يوم Streak يصفر
الموجود فعليا: اضافة عادة، حذف، متابعة يومية، Streak - مفيش تذكير او اشعارات في الكود الاصلي
📖 ازاي الأذكار والقرآن والصلاة شغالين؟ +
حسب الكود الاصلي في sec-azkar و S.azkar, S.quran, S.salah:
الأذكار: كل ذكر ليه count (العد الحالي) و target (الهدف اليومي) - مثلا 33/33
في الهيرو: hk-azk يعرض 0📖 - عدد الاذكار اليوم
في التقارير: أذكار اليوم = S.azkar.filter(a=>a.count>=a.target).length+'/'+S.azkar.length
قرآن وقراءة: S.quran - متابعة قراءة
صلاة: S.salah - متابعة الصلوات
الموجود فعليا: عداد لكل ذكر، هدف يومي، متابعة - مفيش صوتيات او تفسير في الكود الاصلي - نصوص فقط