Michael Czechowski
c0db8bba48
- Add section-specific CodeMirror syntax highlighting (purple selectors for CSS) - Logo now uses section colors (CSS purple as default, changes per section) - Add section color coding for hints - Add full footer to section and reference pages - Fix nav highlight updates for sidebar and prev/next navigation - Change welcome module mode to CSS for purple theme on first lesson - Rebrand "Code Crispies" to "CODE CRISPIES" across all translations - Fix scroll to top on section page navigation - Change HTML section color to raspberry (#c75b7a)
31 lines
1.3 KiB
JSON
31 lines
1.3 KiB
JSON
{
|
||
"$schema": "../../schemas/code-crispies-module-schema.json",
|
||
"id": "welcome",
|
||
"title": "مرحباً",
|
||
"description": "ابدأ مع Code Crispies",
|
||
"mode": "css",
|
||
"difficulty": "beginner",
|
||
"excludeFromProgress": true,
|
||
"lessons": [
|
||
{
|
||
"id": "hello",
|
||
"title": "أهلاً!",
|
||
"description": "<strong>مرحباً بك في Code Crispies!</strong> تعلم CSS و HTML من خلال تمارين عملية.<br><br><strong>كيف يعمل:</strong><br>1. اقرأ المهمة على اليسار<br>2. اكتب الكود في المحرر<br>3. شاهد النتائج مباشرة في المعاينة<br><br><strong>نصائح:</strong> استخدم <kbd>Ctrl+Z</kbd> للتراجع. افتح القائمة (☰) لاستكشاف جميع الوحدات.",
|
||
"task": "اكتب <code>Hello World</code> للبدء",
|
||
"previewHTML": "",
|
||
"previewBaseCSS": "body { font-family: system-ui, sans-serif; padding: 20px; text-align: center; font-size: 2rem; color: #6366f1; font-weight: bold; }",
|
||
"sandboxCSS": "",
|
||
"initialCode": "",
|
||
"solution": "Hello World",
|
||
"previewContainer": "preview-area",
|
||
"validations": [
|
||
{
|
||
"type": "contains",
|
||
"value": "Hello World",
|
||
"message": "اكتب <code>Hello World</code>"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|