Teach the IPA: charts, prose, interactive UCLA clone
The static site explains place, manner, voicing for consonants and height, backness, rounding for vowels, with a full chart image and
a link to an interactive UCLA-style page with audio. A separate Flask service can power optional API endpoints—see nginx /ipa/api/ on this host.
Architecture
| Static | Files under ipa-chart/ served as /ipa/; try_files SPA-style fallback for deep links. |
|---|---|
| API | Optional Python backend on localhost for features that need server compute (proxied under /ipa/api/). |
| Assets | PNG chart + cloned interactive HTML; credits to Amy Reynolds on the original page preserved in content. |
Design
Pedagogy-first: long-form explanation before the chart so readers know how to interpret cells. The interactive chart is linked for learners who need audio feedback.