public/code-crispies
2
1
Fork 0
Code Issues 7 Pull Requests Actions Activity

refactor: remove placeholder HTML comments from lesson initialCode

Browse Source 
Clean up lesson files by removing useless HTML comment placeholders
from initialCode fields. Users now start with a clean editor instead
of seeing instructional comments they need to delete.
This commit is contained in:
Michael Czechowski
2025-12-30 12:45:18 +01:00
parent 6f00985894
commit 1803cc40f5
11 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lessons/de/29-html-figure.json
View File

@@ -14,7 +14,7 @@
"previewHTML": "",
"previewBaseCSS": "body { font-family: system-ui; padding: 20px; background: #f5f5f5; } figure { margin: 0; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); max-width: 400px; } figure img { width: 100%; height: 200px; object-fit: cover; display: block; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } figcaption { padding: 15px 20px; color: #555; font-size: 0.95rem; border-top: 1px solid #eee; }",
"sandboxCSS": "",
"initialCode": "<!-- Erstelle eine Figure mit Bild und Beschriftung -->",
"initialCode": "",
"solution": "<figure>\n <img src=\"https://picsum.photos/400/200\" alt=\"Eine schöne Landschaft\">\n <figcaption>Eine wunderschöne Berglandschaft bei Sonnenuntergang.</figcaption>\n</figure>",
"previewContainer": "preview-area",
"validations": [
@@ -43,7 +43,7 @@
"previewHTML": "",
"previewBaseCSS": "body { font-family: system-ui; padding: 20px; background: #1e1e1e; } figure { margin: 0; background: #2d2d2d; border-radius: 10px; overflow: hidden; max-width: 500px; } pre { margin: 0; padding: 20px; overflow-x: auto; } code { color: #9cdcfe; font-family: 'Fira Code', 'Consolas', monospace; font-size: 14px; line-height: 1.5; } figcaption { padding: 12px 20px; color: #888; font-size: 0.85rem; background: #252525; border-top: 1px solid #3d3d3d; }",
"sandboxCSS": "",
"initialCode": "<!-- Erstelle eine Figure mit Code-Schnipsel -->",
"initialCode": "",
"solution": "<figure>\n <pre><code>function greet(name) {\n return `Hallo, ${name}!`;\n}</code></pre>\n <figcaption>Eine einfache Begrüßungsfunktion in JavaScript</figcaption>\n</figure>",
"previewContainer": "preview-area",
"validations": [
@@ -77,7 +77,7 @@
"previewHTML": "",
"previewBaseCSS": "body { font-family: system-ui; padding: 20px; background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); min-height: 100vh; margin: 0; box-sizing: border-box; } figure { margin: 0; background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.15); max-width: 500px; padding: 15px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } figure img { width: 100%; height: 120px; object-fit: cover; border-radius: 8px; background: linear-gradient(45deg, #ff6b6b, #feca57); } figcaption { grid-column: 1 / -1; padding: 10px 5px 5px; color: #666; font-size: 0.9rem; text-align: center; }",
"sandboxCSS": "",
"initialCode": "<!-- Erstelle eine Galerie mit mehreren Bildern -->",
"initialCode": "",
"solution": "<figure>\n <img src=\"https://picsum.photos/200/120?1\" alt=\"Foto 1\">\n <img src=\"https://picsum.photos/200/120?2\" alt=\"Foto 2\">\n <img src=\"https://picsum.photos/200/120?3\" alt=\"Foto 3\">\n <img src=\"https://picsum.photos/200/120?4\" alt=\"Foto 4\">\n <figcaption>Meine Urlaubsfoto-Galerie</figcaption>\n</figure>",
"previewContainer": "preview-area",
"validations": [