Erstelle eine einzelne offline lauffähige HTML-Präsentation „Zeitreise der KI“ mit fünf Folien. Folie 1: Leitfrage „Wie verändern Kulturtechniken unsere Arbeit?“; Folie 2: die folgenden KI-Meilensteine als anklickbare Zeitleiste; Folie 3: eine selbst erstellte textfreie SVG-Metapher „Wissen speichern – Rechnen automatisieren – Muster lernen“, ausdrücklich als Symbolbild; Folie 4: ein interaktives Zuordnungsspiel mit fünf Ereignissen, zufälliger Reihenfolge und begründetem Feedback; Folie 5: drei Grenzen der Chronologie. Pfeiltasten, Vor/Zurück, Zähler und Druckansicht. Kein Autoplay. Daten: [["1955", "Dartmouth-Antrag", "McCarthy und Kollegen schlagen ein Forschungsprojekt für Sommer 1956 vor."], ["1956", "Dartmouth-Projekt", "Das geplante Sommerprojekt wird zum historischen Bezugspunkt der KI-Forschung."], ["2012", "AlexNet", "Ein tiefes neuronales Netz erreicht einen großen Fortschritt bei ImageNet-Bildklassifikation."], ["2017", "Transformer", "Attention Is All You Need stellt eine auf Attention basierende Architektur vor."], ["2022", "ChatGPT", "ChatGPT wird am 30. November als öffentlich nutzbarer Forschungsprototyp vorgestellt."]]. Erfinde keine weiteren Daten. Quellenlinks: Dartmouth https://www-formal.stanford.edu/jmc/history/dartmouth/dartmouth.html ; AlexNet https://papers.nips.cc/paper_files/paper/2012/hash/c399862d3b9d6b76c8436e924a68c45b-Abstract.html ; Transformer https://arxiv.org/abs/1706.03762 ; ChatGPT https://openai.com/index/chatgpt/ . Zeitabstände sind schematisch, keine maßstäbliche Achse. Zeige keine zwangsläufige Fortschrittsleiter. Prüfe Jahreszahlen und das Feedback vor der Ausgabe. Liefere die Datei als Download; falls das nicht möglich ist, den vollständigen Code mit kurzer Speicheranleitung.
Gestaltung: clean, großzügiger Weißraum, Hintergrund #F7F7F5, Text #182C33, Akzent Petrol #24666A, Salbei #DCEFE1 und zurückhaltendes Gold #F4EAC8. Systemschrift, große klare Überschriften, kurze Texte, Karten und Bilder mit 18px abgerundeten Ecken und feinem Schatten. Diagramme und beschriftete Bilder vollständig zeigen, nicht abschneiden oder verzerren. Hoher Kontrast, sichtbarer Tastaturfokus, responsive Darstellung. Kein Neon, keine dekorative Überladung. HTML/CSS/JavaScript vollständig in einer Datei, keine CDNs, externen Fonts, APIs oder Netzwerkanfragen. Alle Aktionen müssen auch per Tastatur und Klick bedienbar sein. Verwende nur synthetische Daten.