warringtond/cabrits-math
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

form 1 topics added

Browse Source
This commit is contained in:
warringtond
2026-07-05 11:12:45 -04:00
parent a614532810
commit a23fa53772
58 changed files with 7089 additions and 475 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
components/home/topic-art.tsx
View File

@@ -208,6 +208,78 @@ const art: Record<string, ReactNode> = {
<text x="50" y="44" fontSize="11" textAnchor="middle" dominantBaseline="middle" opacity="0.8" {...glyphText}>base 4</text>
</>
),
// Unit 5 — Integers (Order & Compare)
"unit-5-integers/order-compare": (
<>
<path d="M14 44 H86 M24 44 v-6 M44 44 v-6 M64 44 v-6 M84 44 v-6" stroke="white" strokeWidth="2.5" strokeLinecap="round" fill="none" />
<circle cx="30" cy="44" r="4" fill="white" opacity="0.6" />
<circle cx="70" cy="44" r="4" fill="white" />
<text x="50" y="24" fontSize="22" textAnchor="middle" dominantBaseline="middle" {...glyphText}>&lt;</text>
</>
),
"unit-5-integers/negative-fractions": (
<>
<text x="34" y="24" fontSize="22" textAnchor="middle" dominantBaseline="middle" {...glyphText}>&minus;</text>
<text x="52" y="18" fontSize="15" textAnchor="middle" dominantBaseline="middle" {...glyphText}>3</text>
<rect x="44" y="26" width="18" height="3" rx="1.5" fill="white" />
<text x="52" y="40" fontSize="15" textAnchor="middle" dominantBaseline="middle" {...glyphText}>4</text>
</>
),
// Unit 6 — Number System (Place Value)
"unit-6-number-system/place-value": (
<>
<text x="30" y="24" fontSize="18" textAnchor="middle" dominantBaseline="middle" {...glyphText}>3</text>
<text x="50" y="24" fontSize="18" textAnchor="middle" dominantBaseline="middle" {...glyphText}>8</text>
<text x="70" y="24" fontSize="18" textAnchor="middle" dominantBaseline="middle" {...glyphText}>5</text>
<line x1="18" y1="33" x2="82" y2="33" stroke="white" strokeWidth="1.5" opacity="0.5" />
<text x="30" y="46" fontSize="10" textAnchor="middle" dominantBaseline="middle" opacity="0.85" {...glyphText}>10&#178;</text>
<text x="50" y="46" fontSize="10" textAnchor="middle" dominantBaseline="middle" opacity="0.85" {...glyphText}>10&#185;</text>
<text x="70" y="46" fontSize="10" textAnchor="middle" dominantBaseline="middle" opacity="0.85" {...glyphText}>10&#8304;</text>
</>
),
// Unit 7 — Coordinates
"unit-7-coordinates/plot-points": (
<>
<path d="M20 12 V60 M35 12 V60 M50 12 V60 M65 12 V60 M80 12 V60 M20 12 H80 M20 24 H80 M20 36 H80 M20 48 H80 M20 60 H80" stroke="white" strokeWidth="1" opacity="0.25" fill="none" />
<path d="M50 12 V60 M20 36 H80" stroke="white" strokeWidth="2" opacity="0.9" fill="none" />
<path d="M65 24 V36 M50 24 H65" stroke="white" strokeWidth="1.5" strokeDasharray="3 2" opacity="0.75" fill="none" />
<circle cx="65" cy="24" r="4.5" fill="white" />
</>
),
"unit-7-coordinates/read-coordinates": (
<>
<path d="M50 14 V62 M20 38 H80" stroke="white" strokeWidth="2" opacity="0.9" fill="none" />
<path d="M64 26 V38 M50 26 H64" stroke="white" strokeWidth="1.5" strokeDasharray="3 2" opacity="0.6" fill="none" />
<circle cx="64" cy="26" r="4" fill="white" />
<text x="64" y="17" fontSize="11" textAnchor="middle" dominantBaseline="middle" {...glyphText}>(3, 2)</text>
</>
),
// Unit 8 — Number Properties
"unit-8-number-properties/identity-inverse": (
<>
<text x="50" y="24" fontSize="16" textAnchor="middle" dominantBaseline="middle" {...glyphText}>n + 0 = n</text>
<text x="50" y="46" fontSize="12" textAnchor="middle" dominantBaseline="middle" opacity="0.8" {...glyphText}>3 + (&minus;3) = 0</text>
</>
),
"unit-8-number-properties/number-laws": (
<>
<text x="50" y="24" fontSize="15" textAnchor="middle" dominantBaseline="middle" {...glyphText}>a + b = b + a</text>
<path d="M36 34 C42 44, 58 44, 64 34" stroke="white" strokeWidth="2" fill="none" strokeLinecap="round" />
<path d="M64 34 l-4 1 M64 34 l-1 -4" stroke="white" strokeWidth="2" fill="none" strokeLinecap="round" />
</>
),
"unit-8-number-properties/exponents": (
<>
<text x="34" y="34" fontSize="30" textAnchor="middle" dominantBaseline="middle" {...glyphText}>2</text>
<text x="50" y="22" fontSize="16" textAnchor="middle" dominantBaseline="middle" {...glyphText}>4</text>
<text x="73" y="34" fontSize="18" textAnchor="middle" dominantBaseline="middle" {...glyphText}>= 16</text>
</>
),
};
const fallback: ReactNode = (