<! DOCTYPE html> <html lang="ar" dir="rtl"> <رأس> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>نظام متجر نسيم الذكي - تطوير حسن الزعال</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.rtl.min.css"> <أسلوب> الجسم { لون الخلفية: #0e0e0e; اللون: #e0e0e0; عائلة الخطوط: "القاهرة"، sans-serif؛ } رأس { لون الخلفية: #121212؛ الحشو: 20 بكسل؛ محاذاة النص: المركز؛ أسفل الحدود: 1px solid #00cc99؛ } رأس h1 { اللون: #00ff99؛ الهامش: 0؛ } .شبكة { العرض: الشبكة؛ أعمدة قالب الشبكة: تكرار (التناسب التلقائي، minmax (250px، 1fr))؛ الفجوة: 20 بكسل؛ الحشوة: 30 بكسل؛ } .بطاقة { لون الخلفية: #1a1a1a; الحدود: 1px solid #333; نصف قطر الحدود: 15 بكسل؛ الحشو: 20 بكسل؛ محاذاة النص: المركز؛ المؤشر: المؤشر؛ الانتقال: تحويل 0.3s، box-shadow 0.3s؛ } .card: تحوم { التحويل: مقياس (1.05)؛ ظل الصندوق: 0 0 15px #00ffcc44؛ } .بطاقة h2 { اللون: #00ffcc؛ } .بطاقة p { اللون: #ccc; } .dev-credit { الهامش العلوي: 15 بكسل؛ حجم الخط: 12 بكسل؛ اللون: #777; } .قسم-المحتوى { العرض: لا شيء؛ الحشو: 20 بكسل؛ } .القسم النشط { العرض: كتلة؛ } قبل { لون الخلفية: #111; اللون: #00ffcc؛ الحشوة: 15 بكسل؛ نصف قطر الحدود: 10 بكسل؛ تجاوز-x: تلقائي؛ } تذييل التذييل { محاذاة النص: المركز؛ الحشوة: 15 بكسل؛ حجم الخط: 13 بكسل؛ اللون: #888; الحدود الأعلى: 1px solid #333; } .back-btn { الهامش السفلي: 20 بكسل؛ لون الخلفية: #222؛ اللون: #00ffcc؛ الحدود: 1px الصلبة #00ffcc؛ الحشو: 8px 16px؛ نصف قطر الحدود: 10 بكسل؛ المؤشر: المؤشر؛ الانتقال: لون الخلفية 0.3s؛ } .back-btn: تحوم { لون الخلفية: #00ffcc؛ اللون: #111؛ } .code-header { حجم الخط: 1.25rem؛ الهامش السفلي: 10 بكسل؛ اللون: #0ff؛ } .home-btn { الموقف: ثابت؛ أسفل: 20 بكسل؛ اليمين: 20 بكسل؛ لون الخلفية: #00cc99; اللون: #000; الحدود: لا شيء؛ الحشو: 10px 20px؛ نصف قطر الحدود: 50 بكسل؛ حجم الخط: 1.2rem؛ المؤشر: المؤشر؛ مؤشر z: 999؛ ظل الصندوق: 0 0 10px #00cc9955؛ } .home-btn: تحوم { لون الخلفية: #00ffcc؛ } .iframe-wrapper { الهامش العلوي: 20 بكسل؛ الحدود: 2px الصلبة #00cc99؛ نصف قطر الحدود: 10 بكسل؛ تجاوز: مخفي؛ } iframe { العرض: 100٪؛ الارتفاع: 600 بكسل؛ الحدود: لا شيء؛ } </النمط> </رأس> <جسم> <رأس> <h1>نظام متجر نسيم الذكي</h1> <p>تم التطوير بواسطة: <strong>حسن الزعال</strong></p> </رأس> <div class="grid"> <div class="card" onclick="showSection('store')"> <h2>📱 متجر التطبيقات</h2> <p>استعرض التطبيقات المعدلة والمميزة وقم بتثبيتها بسهولة.</p> <div class="dev-credit">حسن الزعال - 2025</div> </div> <div class="card" onclick="showSection('ai')"> <h2>🤖 أداة الذكاء الاصطناعي</h2> <p>توليد أكواد، تحليل بيانات، وامر الاسماء.</p> <div class="dev-credit">حسن الزعال - 2025</div> </div> <div class="card" onclick="showSection('builder')"> <h2>🛠️ مطور التطبيقات</h2> <p>أنشئ تطبيقاتك بسهولة عبر أدوات متقدمة وذكية.</p> <div class="dev-credit">حسن الزعال - 2025</div> </div> <div class="card" onclick="showSection('installer')"> <h2>⚙️ نظام التثبيت</h2> <p>إعدادات تثبيت التطبيقات في مختلف.</p> <div class="dev-credit">حسن الزعال - 2025</div> </div> <div class="card" onclick="showSection('settings')"> <h2>🔐 الإعدادات والحماية</h2> <p>ضبط إعدادات النظام وتفعيل خيارات الأمان للمستخدمين.</p> <div class="dev-credit">حسن الزعال - 2025</div> </div> </div> <div id="store" class="content-section"> <button class="back-btn" onclick="goBack()">🔙 عودة</button> <h2>📱 متجر التطبيقات</h2> <p>هنا يمكنك استعراض التطبيقات المتاحة، وتثبيت التطبيقات المعدلة والمميزة.</p> <div class="iframe-wrapper"> <iframe src="https://nasem-dev.github.io/store-system/" title="متجر التطبيقات"></iframe> </div> </div> <div id="ai" class="content-section"> <button class="back-btn" onclick="goBack()">🔙 عودة</button> <h2>🤖 أداة الذكاء الاصطناعي</h2> <p>واجهة للأوامر الذكية، تحليل، توليد أكواد، وغيرها من الأدوات الذكية.</p> <div class="iframe-wrapper"> <iframe src="https://nasem-dev.github.io/ai-system/" title="نظام الذكاء الاصطناعي"></iframe> </div> </div> <div id="builder" class="content-section"> <button class="back-btn" onclick="goBack()">🔙 عودة</button> <h2>🛠️ مطور التطبيقات</h2> <p>قم ببناء تطبيقاتك بنفسك باستخدام الذكاء الاصطناعي بسهولة.</p> </div> <div id="installer" class="content-section"> <button class="back-btn" onclick="goBack()">🔙 عودة</button> <h2>⚙️ نظام التثبيت</h2> <p>إعدادات وخيارات لتثبيت التطبيقات بسهولة على أجهزة المستخدمين.</p> <div class="code-header">🔧 Python + Docker</div> <pre><code>عملية استيراد فرعية استيراد عامل الميناء subprocess.run(["pip", "install", "-r", "requirements.txt"]) العميل = docker.from_env() client.containers.run("python:3.8", command="python main.py", detach=True)</code></pre> <div class="code-header">🔧 Node.js + Express</div> <pre><code>const express = require('express')؛ تطبيق const = express()؛ كونست بورت = 3000؛ app.get('/', (req, res) => { res.send('مرحبا من مثبت Node.js!') ; })؛ app.listen(PORT، () => { console.log(`Server قيد التشغيل على http://localhost:${PORT}`)؛ });</code></pre> <div class="code-header">🔧 Bash Script للثبيت</div> <pre><code>#! /بن/باش تحديث sudo apt sudo apt install -y python3 python3-pip docker.io pip3 تثبيت -r requirements.txt عامل الميناء تشغيل -d python:3.8 python main.py</code></pre> </div> <div id="settings" class="content-section"> <button class="back-btn" onclick="goBack()">🔙 عودة</button> <h2>🔐 الإعدادات والحماية</h2> <p>قم بضبط إعدادات النظام، وفعال الحماية باستخدام كلمات المرور، والمصادقة، وخيارات الخصوصية.</p> <أول> <li>🔑 إنشاء وتغيير كلمة مرور المسؤول</li> <li>📱 تفعيل الالاتفاعية الثنائية</li> <li>🛡️ إدارة أذونات التطبيقات</li> <li>🕵️ مراجعة سجل النشاطات</li> </ul> </div> <تذييل الصفحة> &copy; 2025 جميع الحقوق محفوظة | تم التطوير بواسطة: حسن الزعال </تذييل الصفحة> <button class="home-btn" onclick="goBack()">🏠 الرئيسية</button> <نص> وظيفة showSection(id) { أقسام كونست = document.querySelectorAll('.content-section'); sections.forEach(sec => sec.classList.remove('active-section'))؛ document.getElementById(id).classList.add('active-section'); document.querySelector('.grid').style.display = 'none'; window.scrollTo({ top: 0, behavior: 'smooth' }); } وظيفة العودة() { أقسام كونست = document.querySelectorAll('.content-section'); sections.forEach(sec => sec.classList.remove('active-section'))؛ document.querySelector('.grid').style.display = 'grid'; window.scrollTo({ top: 0, behavior: 'smooth' }); } </نص> </الجسم> </html>