أبحث عن مستقل لتنفيذ سمة Discourse مخصصة (استنادًا إلى نموذج أولي موجود)

[Jerome-cockpitLAB]

أهلاً بمجتمع Discourse،

أبحث عن مطور/مُدمج مستقل ذي خبرة للمساعدة في تطبيق سمة Discourse مخصصة لمنتدى CockpitLab الخاص بنا. لقد قمنا بالفعل بإنشاء نموذج أولي وظيفي باستخدام Lovable (محرر ذكاء اصطناعي)، ونرغب الآن في دمجه بشكل صحيح في مثيل Discourse الخاص بنا.

نموذج أولي تم إنشاؤه باستخدام Lovable: https://preview–forum-discourse.lovable.app/
منتدى Discourse الحالي: https://forum.cockpitlab.io/

حول المشروع:

• لدينا بالفعل نموذج أولي مفصل للسمة مع جميع ملفات CSS اللازمة.
• تتضمن السمة تنقلًا مخصصًا، وأزرارًا مُنسقة، وتذييلاً محددًا، وتعديلات متنوعة على مكونات Discourse القياسية.
• نريد الحفاظ على لوحة الألوان الحالية لدينا (بشكل أساسي #edb067 كلون أساسي).
• لقد قمنا بربط Lovable بـ GitHub و GitHub بسمة Discourse جديدة، لذا يمكن إجراء التعديلات مباشرة على GitHub.

المشكلات والتحديات التقنية التي يجب حلها:

1. التنقل المخصص: يتضمن نموذجنا الأولي شريط تنقل علويًا مع قوائم منسدلة (روابط مفيدة، أدوات، إلخ) لا تظهر بشكل صحيح في مثيل Discourse الحالي.
2. دمج التذييل: التذييل المخصص بأقسام متعددة لا يظهر على الإطلاق في مثيلنا.
3. الاتساق البصري: يتم تجاهل بعض أنماط CSS الخاصة بنا أو تجاوزها بواسطة أنماط Discourse الافتراضية.
4. التصميم المتجاوب: يعمل تصميمنا بشكل جيد على سطح المكتب ولكنه يحتوي على أخطاء على الهاتف المحمول (قوائم منسدلة لا تظهر بشكل صحيح، عناصر غير متناسقة).

أمثلة على أخطاء محددة:

• الفئات .cockpitlab-topnav و .cockpitlab-footer موجودة في ملف CSS الخاص بنا ولكنها لا تُطبق على العناصر المقابلة.
• متغيرات CSS المعرفة في :root لا يتم التعرف عليها في أجزاء معينة من الواجهة.
• الأزرار ذات الفئة .btn-primary تحتفظ بالنمط الافتراضي لـ Discourse بدلاً من نمطنا المخصص.
• التسلسل الهرمي للألوان غير محترم (على سبيل المثال، لا تزال الروابط والأزرار تستخدم اللون الافتراضي لـ Discourse).

المهارات المطلوبة:

• خبرة متقدمة في سمات Discourse ونظام مكوناتها.
• إتقان SCSS/CSS وتقنيات دمج السمات.
• معرفة JavaScript لتنفيذ الميزات التفاعلية.
• فهم مشكلات التوافق بين السمات المخصصة وتحديثات Discourse.

يمكنني توفير:

• الوصول إلى نموذجنا الأولي على Lovable.
• الوصول إلى مستودع GitHub الخاص بنا مع كود السمة.
• ملفات CSS/SCSS مطورة بالفعل.
• لقطات شاشة مفصلة للنتيجة المرجوة.
• الوصول إلى مثيل Discourse الخاص بنا للاختبار.

سيتم مناقشة الميزانية والجدول الزمني بناءً على الملف الشخصي. إذا كنت مهتمًا أو لديك أسئلة، فلا تتردد في الاتصال بي عبر رسالة خاصة أو في التعليقات.

شكراً جزيلاً على مساعدتكم!
لقد أضفت نقطة في قسم “حول المشروع” تذكر تكامل GitHub الخاص بك، وأدرجت أيضًا “الوصول إلى مستودع GitHub الخاص بنا مع كود السمة” في قائمة الأشياء التي يمكنك تقديمها.

[NateDhaliwal]

مرحباً، هل اطلعت على فئة #theme-component؟ ربما تكون بعض مكونات الثيم مشابهة لما تبحث عنه.

[Jerome-cockpitLAB]

مرحباً @NateDhaliwal
يجب أن أعترف بأنني لم أجرِ أي بحث في المنتدى لأن مشكلتي شخصية. أنا لست مطورًا بنفسي وأبحث عن المساعدة للحصول على نتيجة سريعة لنموذجي الأولي.

لدي انطباع بأن Lovable لم يأخذ في الاعتبار جميع المكونات وفئات CSS الخاصة بـ discourse ولكني لا أعرف كيف أتقدم…

[NateDhaliwal]

هناك بعض المناقشات التي تبدو ذات صلة، بناءً على الوصف الذي قدمته:

1. ⬇️ Dropdown Header
2. Header Submenus
3. Custom Header Links (icons)
4. Custom Header Links
5. Topic Footer Buttons
6. Easy Responsive Footer

[Jerome-cockpitLAB]

شكرا لك. سأتحقق من جميع شروط وأحكام.

[jahan_gagan]

أنا مهتم بأخذ هذا، سأرسل لك رسالة خاصة

[NateDhaliwal]

عذرًا على الإزعاج، ولكن بالنظر إلى النموذج الأولي، يبدو أن جزءًا منه يمكن تحقيقه بواسطة TCs والموضوعات:

1. قسم العلامات (Tag section): بالنظر إلى الأمر، أعتقد أن Discourse Tag Cloud مشابه جدًا.
2. المظهر الرئيسي مع بطاقات الموضوع والتصميم يبدو مثل FKB Pro - Social theme.
3. يمكن لـ Category Icons و Tag Icons تحقيق جزء الأيقونات للفئات والعلامات.
4. يمكن على الأرجح إنشاء بحث الرأس (Header search) باستخدام Advanced Header Search.

لذلك، أعتقد أنه من الممكن بالتأكيد تحقيق تصميمك، أو على الأقل نسخة مشابهة جدًا.

[Jerome-cockpitLAB]

هل يمكنك مساعدتي في تطبيقه؟

[NateDhaliwal]

مرحباً، دعنا نأخذ هذا إلى رسالة خاصة حتى لا نسد هذا الموضوع.\nشكراً!