Visual HistoryChronik des islamischen Imperiums

Projektplan & Roadmap

Project Plan & Roadmap

Wohin die Reise dieses Projekts geht

„Der Besucher soll sich darin verlieren vor Ästhetik und leicht vermitteltem Wissen, wie noch nie zuvor auf einer Webseite über islamisches Wissen und Geschichte."

Dieses Dokument beschreibt Vision, Aufbau und Datenmodell von Visual History — eine lebendige Referenz, die mit dem Projekt wächst.

1 · Vision

Visual History macht die Chronik des islamischen Imperiums — von den Rechtgeleiteten Kalifen bis zum Ende des Osmanischen Reiches (632–1924 n. Chr.) — als durchgehende, visuell geführte Zeitreise erlebbar. Statt trockener Enzyklopädie-Artikel: eine vertikale Zeitachse zum Durchscrollen, aus der jede Person, jedes Zitat, jede Schlacht mit einem Klick in die Tiefe geht — und von dort wieder zurück in den großen Zusammenhang.

2 · Drei Leitplanken

01

Visualität zuerst

Klare Typografie, ruhige Bewegung (Scroll-Reveal), viel Weißraum, keine Reizüberflutung — Ästhetik auf höchstem Niveau statt Textwüste.

02

Übersichtlichkeit

Eine einzige Zeitachse verbindet alles. Jede Epoche, jede Person, jedes Ereignis hat ihren festen Platz auf dieser Achse und ist von dort erreichbar.

03

Wachstum ohne Bruch

Das Datenmodell ist von Anfang an so entworfen, dass neue Personen, Zitate, Ereignisse und ganze Epochen ergänzt werden können, ohne Code anzufassen — inklusive sichtbarer Platzhalter für noch unvollständige Einträge.

3 · Wie die Seite aufgebaut ist

Startseite & Lebenslinie. Ein Cover als echte Titelseite führt in die Zeitreise. Danach folgt eine exakt zentrierte, beim Scrollen wachsende Linie, die bei Muhammad ﷺ als alleinigem Startknoten beginnt und durch die vier Khilafah-Phasen mit aufklappbaren Dynastie-Zweigen bis zu Al-Mahdi und der Rückkehr von Isa läuft. Jeder Name sitzt in einem kreisförmigen Medaillon; ein Knoten wird erst sichtbar, wenn die Linie seine Position erreicht.

Profil-, Epochen- und Essay-Seiten. Eine zentrierte, redaktionelle Lesefläche: Name (deutsch und arabisch), Kurzrolle, Jahresangabe mit gregorianischem und Hijri-Kalender nebeneinander plus „vor X Jahren". Der Haupttext wird nicht sofort ausgeschüttet — erst erscheinen die Überschriften des eigenen Texts und aller verknüpften Essays in einer gemeinsamen „Zum Lesen"-Liste; der eigene Text klappt per Klick inline auf.

Ehrlichkeit vor Vollständigkeit. Fehlt zu einer Person oder Dynastie noch eine eigene Datei, zeigt die Seite offen einen redaktionellen Platzhalter — statt Ersatzinhalt aus einer falschen Quelle zu laden. Nichts wird als fertig ausgegeben, was es nicht ist.

4 · Das Datenmodell

Vier Inhaltssammlungen, jede ein eigener Ordner unter info wiki/, jede über ein Schema geprüft. Eine falsche Verknüpfung bricht den Build mit klarer Meldung ab, statt still eine leere Liste zu zeigen.

  • profile — Einzelpersonen: Propheten, Herrscher, Gelehrte.
  • epochen — Staaten, Dynastien und Phasen, jeweils mit Zeitspanne in beiden Kalendern.
  • essays — eigenständige Analyse-Artikel, aus Profilen und Epochen heraus verlinkt.
  • quellen — Autoren-Profile und Referenztexte.

Verlinkung läuft überall über ein redaktionelles id-Feld, das zwischen allen Dateien exakt übereinstimmen muss. Jahreszahlen sind recherchierte historische Werte, nicht per Formel umgerechnet.

5 · Design-System

  • Typografie: Cormorant Garamond für Überschriften und Zitate, Inter für Fließtext und Oberfläche, Amiri für arabische Originale.
  • Farbwelt: warmes Gold auf Pergament-Creme (hell) bzw. Mitternachtsblau-Schwarz (dunkel) — bewusst nur ein einziger Akzentton, dazu ein geometrisches Sternraster als Flächenmotiv (reines CSS).
  • Hell/Dunkel: Umschalter oben rechts, gespeichert im Browser, beim ersten Besuch der Systemeinstellung folgend.
  • Responsive: durchgehend fließende Typografie; die Gabelungen der Lebenslinie fallen auf schmalen Screens auf einspaltiges Stapeln zurück.

6 · Aktueller Stand

1 / 18Personen mit eigener Profildatei
2 / 4Dynastien ausgearbeitet
11Analysen & Essays
39gebaute Seiten

Die 17 erfassten Herrscher (Rashidun und Umayyaden) zeigen bislang nur Name, Rolle und Jahr; Abbasiden und Osmanen sind als markierte Platzhalter angelegt. Diese Seite und ihre Einträge sind Muster-Texte — die inhaltliche Ausarbeitung läuft.

7 · Der Weg hierher

  1. v1–v6Vanilla-JS-Vorgänger: von der vertikalen Timeline über eine horizontale Zweig-Zeitachse mit Zoom und Minimap bis zum „Manuscript Folio"-Layout mit persistenter Chronik-Spine.
  2. v7Astro-Migration: Umstieg auf Astro und GSAP, neue Datenquelle info wiki/, scrollbarer Genealogie-Baum.
  3. v8Zentrierte Lebenslinie: riesige Namen in Kreis-Medaillons, weiche Kurven an Gabelungen, Einblenden synchron zur wachsenden Linie.
  4. v9Inhalte redaktionell in profile / epochen / essays / quellen sortiert, Routing strikt darauf umgestellt.
  5. v10View Transitions: SPA-artige Navigation ohne volles Neuladen, eigene Lesespalte für Fließtext.
  6. v11Fokus auf Muhammad ﷺ: die vorgelagerte Kette der 25 Propheten entfernt; Hijri und gregorianisches Jahr überall nebeneinander; „Zum Lesen"-Liste statt sofortigem Volltext.
  7. v12Referenzielle Integrität: Verknüpfungen sind echte geprüfte Referenzen, eine falsche ID bricht den Build ab; dazu ein interaktiver Assistent für neue Einträge.

8 · Nächste Schritte

  • Eigene Biografietexte für die 17 erfassten Herrscher (Rashidun und Umayyaden).
  • Abbasiden und Osmanen von Platzhaltern zu vollen Epochen mit echter Herrscherliste ausbauen.
  • Weitere Zwischen-Dynastien prüfen und einordnen (Fatimiden, Ayyubiden, Mamluken, Safawiden, Mogulreich).
  • Die vollständige Seerah des Propheten ﷺ integrieren — zumindest die wichtigsten Ereignisse in ihrer Kurzfassung.
  • Suchfunktion über Profile, Epochen und Essays.
  • Deep-Links auf einzelne Dynastien und Phasen mit automatischem Aufklappen.
  • Barrierefreiheit an echten Screenreadern und mit Kontrast-Werkzeugen prüfen.
← Zurück zur Zeitreise