Education & training · v0.1.0
Course Outline
Responsive syllabus page for a course, training programme or workshop series: serif masthead, an at-a-glance card, checked learning outcomes, numbered module cards and an enrol band. Pick it for course pages, curricula and training outlines.
course outline syllabus curriculum overview training programme outline workshop series page module overview for a course what you will learn page studiegids cursusoverzicht Lehrplan programme de formation programma del corso
Open template ↗
Download .html
Paste the prompt into Claude (or any agent that can fetch URLs) with your content — you get back a finished, self-contained HTML file. Manifest ↗
Live preview — the example content ships with the template and is replaced by your content.
What an agent may change — and what content you should have ready. Everything outside these slots is fixed by design.
Slots
| Slot | Type | Req. | Example |
|---|---|---|---|
doc-title |
text | yes | Data Storytelling for Analysts — Kade Instituut Rotterdam |
course-kicker |
text | yes | Professional certificate · Autumn 2026 |
course-title |
text | yes | Data Storytelling for Analysts |
course-subtitle |
text | yes | Turn the numbers you already have into a case your organisation acts on. |
instructor-line |
text | yes | Taught by Dr. Feike Bergsma, data journalist, with Ruben Ilic, visual editor · Kade Instituut, Rotterdam |
glance-duration |
text | yes | 8 weeks · 32 hours |
glance-format |
text | yes | Evenings, on campus |
glance-effort |
text | yes | 4 hours per week |
glance-level |
text | yes | Intermediate |
glance-language |
text | yes | English |
course-intro |
html | yes | <p>This programme is for analysts, policy officers and researchers who produce sound numbers that nobody acts on. Over eight weeks you rebuild a piece of your own reporting — one dataset, one chart, one five-minute story — with weekly feedback from a working data journalist.</p><p>By the final evening you present that work to the group and leave with a version you can send to your director the next morning.</p> |
assessment-content |
html | no | <p>One portfolio piece, built from your own work data: a single annotated chart plus a 300-word note on what you cut and why. Submitted in week 7 and presented in week 8.</p><p>Graded pass / merit with written feedback from both tutors. One resubmission within four weeks is included.</p> |
materials-content |
html | no | <ul><li>A laptop with the spreadsheet or BI tool you already use at work</li><li>One real dataset you are allowed to share with the group</li><li>Comfort with pivot tables; no coding or statistics degree required</li><li>Reading pack (approx. 60 pages) is supplied in week 1</li></ul> |
enrol-text |
html | no | <p>Eight Tuesday evenings, 18:30–20:30, at Wilhelminakade 312 in Rotterdam. Sixteen places, so that everyone presents twice.</p><p>€ 1.450 including the reading pack, tutor feedback and the final portfolio review. Invoiced to your employer on request.</p> |
start-date |
text | no | Starts 15 Sep 2026 |
enrol-button |
text | no | Reserve a place |
enrol-url |
url | no | https://kadeinstituut.nl/data-storytelling/enrol |
footer-line |
text | no | Kade Instituut · Wilhelminakade 312, 3072 AR Rotterdam · kadeinstituut.nl |
Repeat: outcome (3–8×)
One checked line in 'What you will learn'. Renders as a two-column list on wider screens, so an even number looks tidiest.
| Slot | Type | Req. | Example |
|---|---|---|---|
outcome-text |
text | yes | Explain the trade-offs between a bar chart, a line chart and a plain table for a given question, and defend the choice to a sceptical stakeholder. |
Repeat: module (2–15×)
One numbered card in the programme. The number is generated by a CSS counter, so cards renumber themselves — never type a number.
| Slot | Type | Req. | Example |
|---|---|---|---|
module-title |
text | yes | Finding the story in the data |
module-duration |
text | yes | Weeks 1–2 · 8 hours |
module-summary |
text | yes | Interrogate a dataset until it yields one claim you are willing to defend in writing. |
module-topics |
html | yes | <ul><li>The question behind the request</li><li>Exploratory charts you throw away</li><li>Base rates, denominators and outliers</li><li>Writing the one-sentence finding</li></ul> |
Optional blocks
assessment— Panel describing how learners are assessed. Remove for open workshops, webinars and anything with no marked work.materials— Panel listing prerequisites and what to bring. Remove when there is nothing to prepare and no entry requirement.enrol— Deep-burgundy call-to-action band with practical detail, start date and an enrol button. Remove when the page is internal, the cohort is full, or there is no link to send people to.
The authoritative fill instructions from manifest.json — the only place a template may instruct an agent (why).
Check the arithmetic before shipping: weeks x effort per week must equal the total hours in glance-duration ('8 weeks · 32 hours' with '4 hours per week'), and the module durations must sum to that same total — recompute both. Every outcome-text starts with an observable verb (explain, build, evaluate, design, calculate) and never with 'understand', 'learn about' or 'be aware of'. module-summary is exactly one sentence; module-topics is a <ul> of 3–5 short phrases, not sentences. Keep the five at-a-glance values under ~22 characters — they sit in a tight card and wrap badly. Module numbers come from a CSS counter: never type them. Dates exactly like '15 Sep 2026', money like '€ 1.450'. Drop the assessment, materials or enrol optional whenever the course has nothing real to put there, and give enrol-url a full scheme (https:// or mailto:) — drop the enrol block rather than ship a bare domain. Never claim accreditation, credits, ECTS or exam rights the user did not state. If a start date, fee or venue is unknown, leave recognisable placeholders such as [START DATE] or [FEE] and tell the user to fill them via the built-in Edit button. Delete every data-example block: it is preview filler only.
v0.1.0latest
2026-08-19
Initial release: responsive two-column syllabus page with at-a-glance card, checked outcomes, CSS-numbered module cards, assessment/materials panels and an enrol band.
Published versions are immutable: /t/course-outline@{version}/ never changes once live. /t/course-outline/ always points at the latest.