Kopiervorlagen

CityABC – Layout-Handbuch

Arbeitsnotiz: Diese Seite sammelt alle wiederverwendbaren Layout-Bausteine für CityABC (Straßen, Häuser, Parks, Kirchen, Museen, Sagen usw.). Alle Code-Beispiele sind im MediaWiki-Stil gehalten (ohne Fettschrift).

1. Grundprinzipien

1.1 Farben (Standardpalette)

• CityABC-Rot (Akzent, Header): #800000
• Weinrot (Rahmen, Linien): #7a0019
• Hellgrau (Hintergründe): #eeeeee oder #f8f8f8
• Header-Text in Tabellen: #A9A9A9

1.2 Typografie & Markup

• In Wiki-Snippets kein fett: also keine ....
• Betonungen nur mit italic über MediaWiki: Text.
• Keine eigenen font-family-Deklarationen – immer Standardschrift der Seite nutzen.
• Für narrativen Text lieber Fließtext in ganzen Sätzen als Stichpunkt-Orgien.

1.3 Tabellen-Header (prettytable/wikitable)

Standard-Header-Stil für Tabellen:

2. Grundbausteine (überall verwendbar)

2.1 Bezirks-Pills (offizielle CityABC-Palette)

1., Innere Stadt

2., Leopoldstadt

3., Landstraße

4., Wieden

5., Margareten

6., Mariahilf

7., Neubau

8., Josefstadt

9., Alsergrund

10., Favoriten

11., Simmering

12., Meidling

13., Hietzing

14., Penzing

15., Rudolfsheim-Fünfhaus

16., Ottakring

17., Hernals

18., Währing

19., Döbling

20., Brigittenau

21., Floridsdorf

22., Donaustadt

23., Liesing

Optional: Neutraler Bezirks-Pill (wenn du mal bewusst keinen Farbbezug willst):

X., Bezirk

2.2 Standard-Galerie

Für alle neuen Galerien der Default:

• Kurze Bildbeschreibung
• Bild1.jpg

  Bild 1

• Bild2.jpg

  Bild 2

2.3 Navigation + Quellen (Standard-Block am Seitenende)

Immer am Ende (vor Kategorien) einfügen – und vorher ein clear:both:

Navigation

→ weiter zu Nächste Seite
← zurück zu Vorherige Seite

Quellen

2.4 Hatnote / Hinweisblock („Vertiefende Informationen“)

Direkt unter einer Überschrift, z. B. für Kontextlinks:

Vertiefende Informationen: Kurze Beschreibung des Links

2.5 Video-Einbindungen

2.5.1 YouTube – Variante grau

YouTube • ORT/REIHE

KURZER UNTERTITEL / VIDEOTITEL

Quelle: YouTube • Direktlink

2.5.2 YouTube – Variante rot

YouTube • ORT/REIHE

KURZER UNTERTITEL / VIDEOTITEL

Quelle: YouTube • Direktlink

Filmdokumente

Filmdokument: Assanierung Ottakring III (1975)

Das Stadt- und Landesarchiv zeigt ein Filmdokument über das in den 1970er Jahren realisierte Assanierungsprojekt in Ottakring aus dem Jahr 1975.

▶︎ Film ansehen auf media wien
Quelle: Wiener Stadt- und Landesarchiv / media wien

2.6 Ort-Teaserkarte (Card)

Titel oder Adresse

Kurzer Beschreibungssatz zum Ort oder Ereignis. → ansehen

2.7 Vorlage „Sagen und Legenden“ (Navigationsleiste)

Vorlagencode (auf der Vorlagenseite speichern):

Verwendung:

← vorige Sage Übersicht nächste Sage →

Beide Parameter sind optional:

• Ohne prev/next verlinken die Pfeile auf die Kategorienseite Sagen und Legenden.
• Der mittlere Link führt immer zur Übersicht Kategorie:Sagen und Legenden.

3. Spezifische Seitentypen

3.1 Straßenseiten (Straßensteckbrief)

Kopiervorlagen (1., Innere Stadt)
	Bezirk 1., Innere Stadt Verlauf von X-Straße bis Y-Gasse Benennung 1818 Benannt nach Person XY Länge in Metern 385,89 m Gehzeit in Minuten 4,65 Minuten Vorherige Bezeichnungen frühere Straßennamen, falls vorhanden

3.2 Häuser-Seiten (Allgemein & 1. Bezirk)

Allgemeines Konzept:

• Links ein mockingbird.Aside mit Steckbrief („Das Gebäude“).
• Rechts bzw. darunter narrativer Text, ggf. weitere Abschnitte.
• Am Seitenende die Haus-spezifische Navigation + Quellen (Snippet aus Abschnitt 2.3).

Standard-Aside (1. Bezirk – Muster Schubertring):

Das Gebäude

Bezirk

1., Innere Stadt

Aliasadressen

=Adresse 1

=Adresse 9

Konskriptionsnummer

vor 1862: x

vor 1821: x

Baujahr

18xx

Architekten (Bau)

Architekt XY

Google Maps

3.3 Parkseiten

Infobox am Seitenanfang (volle Breite):

Parkname
	Benennung Benennungsjahr und Hintergrund. Lage genaue Lage, inkl. Bezirk: 3., Landstraße Fläche xxxx m² Besonderheiten kurze Stichworte / Sätze

Darunter kommen dann die erzählenden Abschnitte (Geschichte, Rundgang, Ausstattung etc.), Navigation & Quellen am Ende wie gewohnt.

3.4 Museumsseiten („Museum CityABC“)

Grundstruktur:

• Hero-Bild mit mockingbird.jumboframe
• Kurzer Einleitungs-Teaser als mockingbird.alert
• (Bei den Bezirks-Museumsseiten:) eingebettetes HTML-Grid mit Kategorien und Karten

Beispiel für Bezirksseite:

X. Bezirk

Museen und Sammlungen

Museen und Sammlungen im X. Bezirk – kurze Teaserzeile mit Stimmung / Fokus.

3.5 Kirchen-Seiten (Muster „Peterskirche“)

Aside „Die Kirche“:

Die Kirche

Bezirk

1., Innere Stadt

Aliasadressen

=Adresse 1

=Adresse 2

Konfession

römisch-katholisch

Baujahr

17xx

Architekten (Bau)

Architekt XY

Google Maps

Architektur und Geschichte

Fließtext mit eingebetteter Zeitleiste (z. B. Tabelle mit Daten und Ereignissen).

Ein Rundgang um die Kirche

Mobile Flex-Layouts: Bildkarte links, Textbox rechts.

Text

TEXT

Das Innere

Nummerierte Stationen, ebenfalls mit dem Flex-Layout.

Öffnungszeiten und Kontakt

Adresse, Kontaktdaten, Öffnungszeiten.

Sagen und Legenden

Doms-Style-Karte (siehe 3.6 / 4.7). Navigation-Box + Quellen am Ende wie immer.

3.6 Sagen und Legenden (Doms-Style-Karte & Sagenseiten)

3.6.1 Standardkarte (als Abschnitt auf anderen Seiten)

Die Legende von der Musterfigur

Bildunterschrift

Ort: Musterort

Erzähltext der Sage in ganzen Sätzen, mehrere Absätze, keine Stichworte.

3.6.2 Eigenständige Sagenseiten (Standard)

Sagen und Legenden

Kopiervorlagen

← vorige Sage Übersicht nächste Sage →

1., Innere Stadt Am Hof Hofburg

Relevante Orte: Ort A · Ort B · Bezug (Bezirk, Stadtteil)

Kurze Einleitung in 2–4 Sätzen: Wer/was kommt in der Sage vor, in welcher Zeit spielt sie, was ist die Grundidee oder Pointe, warum ist sie für CityABC interessant?

Titel der Sage (Kurzform)

Bildunterschrift / Person / Ort

Erzähltext der Sage in ganzen Sätzen, möglichst als kompakte, gut lesbare Version. Gern in 2–3 Abschnitten. Quellenangaben über , falls die Fassung einer bestimmten Sammlung folgt.

Ort: genauer Ort der Handlung (z. B. Festsaal der Hofburg / Am Hof; Hilfeleistung in Lichtental)

Historischer Hintergrund

Zur Einordnung: Hier in wenigen Sätzen die historische Person / das Ereignis erklären, auf dem die Sage basiert. Kurz erwähnen, wie die Forschung die Geschichte einschätzt (Legende, Moralerzählung, teilweise belegbar etc.).

Vertiefende Informationen: Bezugsperson · Ort A · Ort B · X. Bezirk - Sagen und Legenden

Navigation

→ weiter zu Nächste Sagenseite
← zurück zu Bezugsort oder Sagen-Übersicht

Quellen

3.7 Naturdenkmäler

Standard:

Naturdenkmal

• Das Naturdenkmal im Überblick
• 

  Ansicht von Westen

• 

  Detail

Steckbrief
Naturdenkmalnummer: 123 Art: Sommerlinde (Tilia platyphyllos) Standort: genaue Lagebeschreibung Unter Schutz seit: 01.01.1970 Maße: Stammumfang, Höhe Status: z. B. gefällt, ersetzt, etc.

3.8 Denkmäler (Skulpturen, Monumente)

Empfohlene Struktur pro Denkmal:

Titel des Denkmals

• Das Denkmal
• Denkmalsansicht1.jpg

  Gesamtansicht

• Denkmalsansicht2.jpg

  Detail

Steckbrief
Datierung / Enthüllung: 19xx Künstler: Name Material: Stein, Bronze, etc. Standort: genaue Beschreibung Status: bestehend, versetzt, entfernt, geplant

Optional Inschriftbox:

Inschrift

Text der Inschrift in normalem Fließtext oder Zeilenumbrüchen.

3.9 Gedenktafeln (mobiles Flex-Layout)

Standardblock

Gedenktafel an der Fassade

Text mit Angaben zu Anlass, Entstehungsjahr, Stifter, Kontext.

Inschrift kann hier zitiert oder paraphrasiert werden.

3.10 Persönlichkeiten-Seiten

Struktur:

• Kurze Einleitung (1–2 Sätze, ohne Fett).
• Abschnitt „Vorkommen in CityABC“.
• Abschnitt „Lebenslauf“.
• Abschnitt „Werke (Auswahl)“.
• Am Ende + Kategorien.

Persönlichkeitsbox (links), ohne Fettschrift:

Persönlichkeitsbox
	Name: Name der Person Wohnort: Adresse, Stadtteil Beruf: Haupttätigkeit Lebensdaten: Geburts- und Sterbedatum (falls bekannt) Kurznotiz: sehr kurze Einordnung

3.11 Jüdisches Wien & Steine

Beispiel-Hinweisbox:

✡ Jüdisches Wien

Im Nazi-Regime wurde die Schule zu einer "Sammelschule" für jüdische Kinder. Nachdem man alle hier versammelt hatte, verwies man sie Ende des Schuljahre 1937/1938 mit einem Schwung.

Variante klein:

✡ Jüdisches Wien – Kontext: …

Neutraler Tag:

✡ Jüdisches Wien

Stein der Erinnerung

Text

Stein des Gedenkens

Text

3.12 Ausgrabungen

Kurzer Einleitungssatz zu den archäologischen Grabungen im Gebiet (Zeitraum, Anlass, z. B. U-Bahn-Bau, Sanierung, Neubauprojekt).

Kurzvariante Tabelle:

Ausgrabungscode	Zeitliche Einordnung	Beschreibung der Fundstücke
189743	römisch	Im Zuge der Verlegung der neuen Gasrohrleitung zwischen Grillparzerstraße und Bartensteingasse wurden neben Keramikfunden und Ziegelbruchstücken ein römischer Dachziegel mit drei Zeilen Kursivschrift geborgen.

Optionale ausführliche Steckbrief-Variante (wenn mehr Infos vorliegen):

Titel der Ausgrabung (Jahr[e])

• Ausgrabungstitel und Fundstelle
• Ausgrabung-Ansicht1.jpg

  Gesamtansicht der Grabung

• Ausgrabung-Detail1.jpg

  Fundschicht / Detail

Steckbrief Ausgrabung
Zeitraum der Grabung	z. B. Frühjahr 2018 – Herbst 2019
Anlass / Projekt	z. B. Neubau, Leitungsbau, Platzgestaltung, U-Bahn-Bau
Fundhorizonte / Epoche	zeitliche Einordnung der Funde
Ort	genaue Lage (Straßen, Platz, Hausnummern, ggf. Bauprojekt)
Leitung	Name der Grabungsleitung
Institution(en)	durchführende / beteiligte Einrichtungen
wichtigste Funde	knappe Beschreibung zentraler Befunde
Heutige Präsentation	z. B. sichtbar vor Ort, im Museum, nur dokumentiert
Status	abgeschlossen, laufend, Teilprojekt etc. (optional)

Titel des Werks (Jahr)

     Beschreibung:
     Fließtext zum Kunstwerk, in ganzen Sätzen, mit Quellenangaben über .
     Mehrere Sätze möglich, z. B. zur Gestaltung, Einbettung in den Ort und Kontext.

Steckbrief
Werk	Titel des Werks
Künstler/in	Name des/der Künstler/in (ggf. mit Architekt/in)
Jahr	Jahr/Jahre der Realisierung (ggf. mit Eröffnungsdatum)
Material	Materialien des Werks
Maße	Maße (falls bekannt)
Ort	genaue Ortsangabe
Auftrag/Trägerschaft	Auftraggeber / Träger (z. B. KÖR, MA 29 …)

Wien – Eine Stadt stellt sich vor

Die Deutschordenskirche trägt das Schild Nr. 5 der Aktion „Wien – Eine Stadt stellt sich vor“.

Deutschordens-
kirche
St. Elisabeth
Zwischen 1326 und 1375 erbaut
später geringfügig verändert

→ Mehr zur Reihe: Übersicht

3.15 Denkmäler im Arkadenhof

Denkmäler im Arkadenhof

Name-Denkmal

← voriges Denkmal Übersicht nächstes Denkmal →

Datierung: Jahr

Künstler: Name

Maisel-Plan: Nr

Das Denkmal

[[Datei:{BILDNAME}|250px|left]] {BESCHREIBUNGSTEXT}

{OPTIONALER_ZUSATZSATZ_ZUM_MAISELPLAN}

[[{PERSONENARTIKEL}]]

{KURZBIO}

Navigation

← zurück zu Universität | Kategorie: 1. Bezirk - Arkadenhof

4. Kategorien nach Bezirken (Kachel-Matrix)

Für Seiten wie „Lokale nach Bezirken“ verwendest du die Kachel-Matrix mit Tiles (ohne <a>, nur MediaWiki-Links). Grundmuster:

• Jede Kachel: Icon, Bezirksnummer + Name, Seitenzähler mit 0.
• Farbwelt: CityABC-Rot, hellgrauer Hintergrund.

4.1 Kachel-Muster rot

1010 Bar

Plankengasse 2

Kurznotiz: Laut Falstaff als Top-Adresse gelistet; Loungebar mit viel Gin, auch Frühstück.

Öffnungszeiten: Mo–Sa 9–1; So geschlossen.

Bar 13

Himmelpfortgasse 13

Kurznotiz: Cocktails & Bühne (Livemusik, Kabarett, Lesungen).

Öffnungszeiten: Di–Sa 15–4; So & Mo 17–4.

Bonbonniere Pianobar

Spiegelgasse 15

Kurznotiz: Plüschige Bar mit Pianobegleitung; sehr spezielle Atmosphäre.

Öffnungszeiten: Mo–Sa 18–2; So geschlossen.

5. Checkliste beim Anlegen neuer Seiten

• Seitentyp klar gewählt? (Straße, Haus, Park, Kirche, Museum, Sage …)
• Passende Infobox / Kopfblock verwendet?
• Richtige Bezirks-Pills eingesetzt?
• Standard-Galerie-Stil verwendet?
• Navigation-Block + Quellen am Ende vorhanden?
• Keine Fettschrift (...), nur kursiv.
• Keine eigenen Fonts, Farben im Rahmen der CityABC-Palette.