Cards correction

This commit is contained in:
2026-05-02 20:59:07 +02:00
parent b17f6f1b37
commit 415aab9e85
3 changed files with 15 additions and 12 deletions

View File

@@ -25,7 +25,7 @@ def default_content_root() -> Path:
CONTENT_ROOT = Path(os.getenv("PROGRAM_CONTENT_ROOT", default_content_root())).resolve() CONTENT_ROOT = Path(os.getenv("PROGRAM_CONTENT_ROOT", default_content_root())).resolve()
LESSON_BACKGROUND = "#f5f7fb" LESSON_BACKGROUND = "#f8fafc"
GRADE_ALIASES = { GRADE_ALIASES = {
"CM1": "cm1", "CM1": "cm1",

View File

@@ -62,24 +62,27 @@
<g transform="translate(110 535)"> <g transform="translate(110 535)">
<rect x="0" y="0" width="410" height="220" rx="24" class="panel"/> <rect x="0" y="0" width="410" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple 1</text> <text x="34" y="52" class="h2blue">Exemple 1</text>
<rect x="55" y="88" width="300" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/> <rect x="50" y="82" width="310" height="112" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="92" y="124" class="body">7 425</text> <text x="92" y="124" class="body">7 425</text>
<text x="92" y="156" class="small">sept-mille-quatre-cent-vingt-cinq</text> <text x="92" y="156" class="small">sept-mille-quatre-cent</text>
<text x="92" y="180" class="small">vingt-cinq</text>
</g> </g>
<g transform="translate(595 535)"> <g transform="translate(595 535)">
<rect x="0" y="0" width="410" height="220" rx="24" class="panel"/> <rect x="0" y="0" width="410" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple 2</text> <text x="34" y="52" class="h2blue">Exemple 2</text>
<rect x="55" y="88" width="300" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/> <rect x="50" y="82" width="310" height="112" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="92" y="124" class="body">38 090</text> <text x="92" y="124" class="body">38 090</text>
<text x="92" y="156" class="small">trente-huit-mille-quatre-vingt-dix</text> <text x="92" y="156" class="small">trente-huit-mille</text>
<text x="92" y="180" class="small">quatre-vingt-dix</text>
</g> </g>
<g transform="translate(1080 535)"> <g transform="translate(1080 535)">
<rect x="0" y="0" width="410" height="220" rx="24" class="panel"/> <rect x="0" y="0" width="410" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple 3</text> <text x="34" y="52" class="h2blue">Exemple 3</text>
<rect x="55" y="88" width="300" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/> <rect x="50" y="82" width="310" height="112" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="92" y="124" class="body">506 012</text> <text x="92" y="124" class="body">506 012</text>
<text x="92" y="156" class="small">cinq-cent-six-mille-douze</text> <text x="92" y="156" class="small">cinq-cent-six-mille</text>
<text x="92" y="180" class="small">douze</text>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@@ -1,7 +1,7 @@
:root { :root {
font-family: Inter, system-ui, sans-serif; font-family: Inter, system-ui, sans-serif;
color: #14213d; color: #14213d;
background: #f5f7fb; background: #f8fafc;
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
@@ -386,7 +386,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
height: 144px; height: 144px;
border-radius: 0; border-radius: 0;
overflow: hidden; overflow: hidden;
background: #f5f7fb; background: #f8fafc;
box-shadow: none; box-shadow: none;
} }
.avatar.speaking { animation: pulse 0.7s infinite alternate; } .avatar.speaking { animation: pulse 0.7s infinite alternate; }
@@ -423,7 +423,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
.student-screen { .student-screen {
height: 100vh; height: 100vh;
background: #f5f7fb; background: #f8fafc;
} }
.student-home { .student-home {
width: min(1040px, 100%); width: min(1040px, 100%);
@@ -580,7 +580,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
flex-direction: column; flex-direction: column;
gap: 0.4rem; gap: 0.4rem;
padding: 0; padding: 0;
background: #f5f7fb; background: #f8fafc;
color: #14213d; color: #14213d;
border: none; border: none;
} }
@@ -591,7 +591,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
object-fit: contain; object-fit: contain;
border: 0; border: 0;
border-radius: 30px; border-radius: 30px;
background: #f5f7fb; background: #f8fafc;
} }
.lesson-bubble { .lesson-bubble {
min-height: 68px; min-height: 68px;