- Reduce welcome module from 3 lessons to 1 concise intro - Reduce goodbye module from 3 lessons to 1 concise outro - Create standalone playground module at end of module list - Update all translated welcome files (de, pl, es, ar, uk) - Playground now appears after goodbye, less prominent 🤖 Generated with [Claude Code](https://claude.com/claude-code)
31 lines
1.4 KiB
JSON
31 lines
1.4 KiB
JSON
{
|
|
"$schema": "../schemas/code-crispies-module-schema.json",
|
|
"id": "goodbye",
|
|
"title": "What's Next?",
|
|
"description": "Continue your learning journey",
|
|
"mode": "html",
|
|
"difficulty": "beginner",
|
|
"excludeFromProgress": true,
|
|
"lessons": [
|
|
{
|
|
"id": "next-steps",
|
|
"title": "Keep Going!",
|
|
"description": "<strong>Great progress!</strong> You're building real web development skills.<br><br><strong>Continue learning:</strong><br>• <a href=\"https://developer.mozilla.org\" target=\"_blank\">MDN Web Docs</a> - The definitive reference<br>• <a href=\"https://css-tricks.com\" target=\"_blank\">CSS-Tricks</a> - Practical techniques<br><br><strong>Practice ideas:</strong><br>• Build your portfolio site<br>• Recreate a website you like<br>• Try the Playground to experiment freely<br><br><strong>Contribute:</strong> Code Crispies is <a href=\"https://git.librete.ch/public/code-crispies\" target=\"_blank\">open source</a>. Add lessons, fix bugs, or translate!",
|
|
"task": "Type <code>Thank you!</code>",
|
|
"previewHTML": "",
|
|
"previewBaseCSS": "body { font-family: system-ui, sans-serif; padding: 20px; text-align: center; font-size: 1.5rem; color: #6366f1; }",
|
|
"sandboxCSS": "",
|
|
"initialCode": "",
|
|
"solution": "Thank you!",
|
|
"previewContainer": "preview-area",
|
|
"validations": [
|
|
{
|
|
"type": "contains",
|
|
"value": "Thank you",
|
|
"message": "Type <code>Thank you!</code>"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|