AB
Anna Berger
Inhaberin
Führt den Laden seit 2014 und kocht am liebsten mit dem, was der Markt am Samstag hergibt.
Hero variant="start"
Alle Bausteine,
eine Seite.
Jede Komponente und jeder Helfer aus maverick-wave-astro. Team, Speisekarte, Workshops und Preise pflegt der contentmanager. Erst hier prüfen, dann die echten Seiten anfassen.
Astro 7 · MaverickWave · ohne Drittanbieter
Über uns
Ein kleines Restaurant mit Kochschule. Jede Karte hier kommt aus dem contentmanager: Teammitglieder hinzufügen, verschieben, ein Foto hochladen.
JK
Jonas Keller
Küchenchef
Gelernt im Schwarzwald, zehn Jahre in Stuttgart, seit 2021 bei uns am Herd.
MS
Mira Schulte
Service und Kochkurse
Kennt die Stammgäste beim Namen und leitet die Kochkurse am Wochenende.
Speisekarte
Gekocht wird, was die Saison hergibt. Die Karte pflegt die Küche selbst im contentmanager, ein neues Gericht ist nach dem Veröffentlichen online.
- FlädlesuppeKräftige Rinderbrühe mit hausgemachten Pfannkuchenstreifen · regional · hausgemacht
- 5,80 €
- Salat der SaisonMit Kernöl-Dressing und geröstetem Bauernbrot · vegan
- 6,90 €
- KässpätzleHandgeschabt, mit Bergkäse und Röstzwiebeln · vegetarisch · hausgemacht
- 14,50 €
- ZwiebelrostbratenVom Weiderind, mit Spätzle und Bratensauce · regional
- 26,90 €
- Rote Linsen-CurryMit Kokos, Koriander und Basmatireis · vegan · scharf
- 15,90 €
- Spaghetti á la MichaEinfach Nudeln mit Bolognese Sauce · hausgemacht
- 11,90 €
- ApfelküchleMit Vanilleeis und Zimtzucker · vegetarisch
- 7,50 €
Alle Preise in Euro inklusive Mehrwertsteuer. Zu Allergenen fragen Sie bitte im Service.
Workshops
Kochkurse am Wochenende, in kleinen Gruppen. Ein Termin verschwindet von selbst, sobald er vorbei ist.
Sa., 17. Oktober 2026
Pasta von Hand
- 10:00 - 14:00 Uhr
- Küche im Restaurant
Teig kneten, ausrollen, füllen: Ravioli, Tagliatelle und zwei Saucen dazu. Am Ende wird gemeinsam gegessen.
Sa., 7. November 2026
Brot backen für Einsteiger
- 09:00 - 13:00 Uhr
- Küche im Restaurant
Sauerteig ansetzen, formen, backen. Jeder nimmt zwei Laibe und etwas Sauerteig mit nach Hause.
Sa., 21. November 2026
Schwäbisch kochen, live am Bildschirm
- 18:00 - 19:30 Uhr
- online
Maultaschen Schritt für Schritt. Die Einkaufsliste kommt eine Woche vorher per Mail.
Gerade keine Workshops
Der nächste Workshop steht noch nicht fest. Eine Mail genügt, dann gibt es Bescheid.
Mail schreibenPreise
Für Gruppen, Feiern und alles, was nicht auf die Karte passt. Die Karten mit Rabatt folgen der Rabattaktion.
Kochkurs für Gruppen
Ein eigener Termin für Ihr Team oder Ihre Freunde.
- Bis zwölf Personen
- Vier Stunden
- Zutaten und Getränke
Regulärer Preis:690 EuroJetzt:690586Euro-15 %
Am häufigsten gebucht
Catering
Warm geliefert, mit Geschirr und Abholung.
- Ab zwanzig Personen
- Drei Gänge
- Auch vegan
Regulärer Preis:25 EuroJetzt:2521Europro Person-15 %
Anfahrt im Umkreis von 30 km inklusive
Private Dining
Das Restaurant an einem Abend nur für Sie.
- Ab acht Personen
- Menü nach Absprache
- Weinbegleitung
Auf Anfrage
IconCard und Icon
Karte mit Icon vor dem Titel und Trennlinie. Der footer-Slot hängt unten eine Leiste an. SectionHead läuft auf dieser Seite mit numbered.
Termine
Laufen von selbst ab - im Build und noch einmal im Browser.
Rabatt
Steht im HTML, wird aber erst vom Skript sichtbar geschaltet.
Design
18 Schalter aus dem Overlay, einzeln überschreibbar in design.json.
ValueList, OpeningHours, Address
Bezeichnung links, Wert rechts, eine Linie dazwischen. Mehrere Werte stapeln sich. Die Adresse ist ein Beispiel.
ValueList mit note und top
- Einzelstunde60 Minuten, vor Ort
- 75 €
- Fünferkarteein Jahr gültig
- 340 €
- Endreinigungdrei Wohnungen, drei Werte
- 55 €
- 65 €
- 85 €
line="solid"
- Kurtaxe
- 3,20 €
- Hund
- 8 €
OpeningHours
- Mo - Fr
- 08:00 - 12:00
- 14:00 - 18:00
- Sa
- 09:00 - 13:00
- So
- geschlossen
Address
Beispiel GmbH
Musterstraße 1
73230 Kirchheim unter Teck
Telefon07123 55 66 77
E-Mailhallo@formatwerke.de
Price
Beide Beträge stehen im HTML, Schedule schaltet über mwa-promo-only und mwa-no-promo um. Ohne JavaScript gilt der reguläre Preis.
Mit Aktion (promo)
Regulärer Preis:120 EuroJetzt:120102Euro-15 %
Ohne Aktion
120Euro
0 wird zu kostenlos
kostenlos
Freitext bleibt ein Wort
auf Anfrage
period und size="sm"
29Euro/ Monat
size="lg" mit Aktion
Regulärer Preis:480 EuroJetzt:480408Euro-15 %
Announcement mit class="mw-announcement-static" - das Aktionsband oben ist PromoBar
Die Aktion kommt aus promo.json - percent 0 schaltet sie ab.
Termine: DateStamp und Schedule
upcomingEvents() filtert im Build, data-expires räumt im Browser auf, 12 Stunden nach dem Tag. Das EmptyState-Template tritt an die Stelle der Liste, wenn nichts mehr übrig ist.
Sa
Workshop am Vormittag
Sa., 10. Oktober 2026 · 10:00 - 13:00 Uhr · Kirchheim unter Teck
Ein Termin mit Uhrzeit von bis - im JSON-LD mit startDate und endDate.
Anmelden45Euro
Sa
Online-Abend
Sa., 7. November 2026 · 18:30 Uhr · online
Preis 0 wird zu "kostenlos", der Ort "online" zum OnlineEventAttendanceMode.
Anmeldenkostenlos
Sa
Adventsnachmittag Anmeldung offen
Sa., 5. Dezember 2026 · 14:00 - 17:00 Uhr · Nürtingen
Freitext als Preis bleibt ein Wort. Die Anmeldung öffnet erst am 1. November (data-starts).
Anmeldenauf Anfrage
Termin folgt
Frühjahr 2027
Freitext statt Datum: bleibt stehen, läuft nie ab, bekommt keinen Datumsstempel.
AnmeldenGerade keine Termine
Der nächste Termin steht noch nicht fest. Eine Mail genügt, dann gibt es Bescheid.
Mail schreibenCalendar und CalendarLegend
Sechs Zeilen je Monat, Montag zuerst. Punkte, Links und gesperrte Tage kommen von der Seite über view. "Heute" wandert per data-day im Browser mit.
CalendarLegend ohne Kalender
TerminWochenende mit Termin
Table
mobile="cards" macht unter md aus jeder Zeile eine Karte, die Zeilenüberschrift wird ihr Titel. mobile="scroll" lässt die Tabelle im eigenen Rahmen seitlich laufen, hint blendet die rechte Kante aus.
mobile="cards", rowHeader, subtle
| Kurs | Termine | Dauer | Preis |
|---|---|---|---|
| Einsteigerohne Vorkenntnisse | 6 | 90 min | 180 € |
| Aufbaunach dem Einsteigerkurs | 8 | 90 min | 240 € |
| Einzeltrainingnach Absprache | 1 | 60 min | 75 € |
mobile="scroll", compact, hint
| Standort | Mo | Di | Mi | Do | Fr | Sa | Parkplätze |
|---|---|---|---|---|---|---|---|
| Kirchheim | 8 - 18 | 8 - 18 | 8 - 12 | 8 - 18 | 8 - 16 | 9 - 13 | 12 |
| Nürtingen | 9 - 17 | 9 - 17 | - | 9 - 17 | 9 - 15 | - | 4 |
| Wendlingen | - | 10 - 19 | 10 - 19 | 10 - 19 | 10 - 14 | 10 - 14 | 20 |
Tabs
Tabs bekommt die Leiste, jedes TabPanel seinen Inhalt in derselben Reihenfolge. Umschalten, Pfeiltasten und ARIA-Rollen kommen aus dem MaverickWave-Skript.
variant="pills"
- Flädlesuppe
- 5,50 €
- Gemischter Salat
- 6,90 €
- Maultaschen mit Kartoffelsalat
- 13,90 €
- Linsen mit Spätzle
- 12,50 €
- Apfelküchle mit Vanilleeis
- 7,20 €
variant="line"
Die Standardvariante mit Unterstrich unter dem aktiven Tab.
Ohne Skript bleibt der erste Tab offen, der Rest ist nicht erreichbar.
variant="vertical"
Senkrechte Leiste links, Inhalt rechts daneben.
Auf dem Handy legt sich die Leiste quer über den Inhalt.
Drei Tabs reichen, um den Marker wandern zu sehen.
Timeline
variant="big" wechselt die Karten links und rechts der Linie ab, mit Meilensteinen darunter. variant="simple" ist die schmale Liste mit dem Jahr links.
seit 2024
aktuell
maverick-wave-astro
Alles, was die Homepages gemeinsam haben, in einem Paket.
09/202617 Seiten umgezogen
2023
MaverickWave 5
Tokens, Layer und die Varianten aus dem Overlay.
05/2023Theme-Umschalter
11/2023Kalender
2021
Die erste Seite
Noch ohne Paket, jede Seite ihr eigenes Gerüst.
2026
Paket
Header, Footer und Schedule an einer Stelle.
2024
Contentmanager
Kundinnen pflegen ihre JSON-Dateien selbst.
2021
Start
Die ersten Beispielseiten.
Testimonial
featured steht über dem Raster, der Rest fließt in mw-columns-3. Ein Datum ist optional, weil ein datiertes Zitat altert.
Einmal im Paket geändert, und alle Seiten ziehen beim nächsten Update mit. Genau so sollte es sein.
Die Termine verschwinden am Sonntagmittag von selbst - ohne dass jemand deployt.
Den Rabatt stelle ich im Contentmanager ein, das Band erscheint pünktlich.
Die Tabelle ist auf dem Handy endlich lesbar.
Accordion
Fragen und Antworten, firstOpen öffnet die erste. Das Icon kommt einmal als Slot und steht in jeder Zeile.
Von npm, wie bei jeder Kundenseite. Der contentmanager baut diese Seite auf dem Server, dort gibt es das lokale Repo nicht.
Als tgz über tools/install-local.sh mw-astro-homepage im Paket.
Eine Antwort darf auch aus mehreren Absätzen bestehen.
Unter tests.formatwerke.de, oder im selben WLAN mit npm run start:lan.
EmptyState
Wenn es nichts zu zeigen gibt. Icon und Button kommen als Slots, primary färbt den Kasten ein.
Noch nichts da
So sieht der Leerzustand ohne primary aus.
Helfer
Was die TypeScript-Helfer aus dem Paket beim Build dieser Seite liefern.
text: emphasize()
Aus zwei Sternchen wird ein strong - und <b>HTML</b> bleibt Text.
- text: readingTime()
- 1 Minute(n)
- date: longDate(Build-Tag)
- 25. September 2026
- date: fullDate()
- Samstag, 10. Oktober 2026
- date: yearsSince('2019-04-01')
- 7 Jahre
- schedule: eventDateText()
- Sa., 10. Oktober 2026
- schedule: eventTimeRange()
- {"start":"2026-10-10T10:00:00+02:00","end":"2026-10-10T13:00:00+02:00"}
- schedule: promoText()
- Herbstaktion auf alle Kurse bis 31.12.2026
- schedule: discountText()
- -15 %
- path: withBase('/impressum')
- /impressum
- image-size: imageSize(og-image.svg)
- 1200 × 630
- contact: mailto()
- mailto:a@b.de?subject=Betreff&body=Hallo
- config: headerReveals()
- ja
Design
Was die Integration aus site.ts und src/content/design.json zusammengeführt hat. Zum Testen einen Wert in design.json setzen, zum Beispiel "buttonShape": "pill".
Keine Variante gesetzt - MaverickWave pur.
Klassen an <html>
-
/design.css
-