eis-website

Pfad auf dem Server

/home/komane/public_html

Struktur

. │― index.html
│― about_us.html
│― contact.html
│― eis_project.html
│― imprint.html
│― notenrechner.html
│― css/
│ └── style.css
│― js/
│ └── script.js
│― img/
│ └── Logo.png
│― assets/
│ └── diverse Dateien (PDFs, Bilder, Icons)
│― .gitignore
└── README.md

Dateien

• index.html — Startseite der Website
• about_us.html — Vorstellung des Teams oder Unternehmens
• contact.html — Kontaktformular oder Kontaktdaten
• eis_project.html — Projektbeschreibung
• imprint.html — Impressum
• notenrechner.html — Notenberechnungstool
• quiz.html — Mini-Quiz mit drei Fragen
• css/style.css — Layout, Farben, Dark Mode, Tageszeit-Farben, Quiz-Design
• js/script.js — Begrüßung, Tageszeit-Farben, Dark Mode, Galerie-Zoom
• js/quiz.js — Quiz-Logik, direkte Rückmeldung, Auswertung
• img/Logo.png — Logo der Website
• assets/ — zusätzliche Dateien (Medien, Dokumente)
• .gitignore — Ausschlussregeln für Git
• README.md — Dokumentation der Struktur und Features

Features

• Begrüßung nach Tageszeit

  • Dynamischer Text abhängig von der Uhrzeit (script.js)
  • Farbige Darstellung je nach Tageszeit (morgen/tag/abend)
  • Eingebunden in index.html und css/style.css

• Dark Mode

  • Umschaltbar per Button
  • Zustand wird in localStorage gespeichert

• Galerie-Zoom

  • Klick auf ein Bild öffnet eine vergrößerte Ansicht

• Fortschrittsbalken (Roundtrip 3)

  • Animierter Balken, der sich per Button füllt

Verlinkungen

• index.html → css/style.css
• index.html → img/Logo.png
• index.html → imprint.html
• Navigation → about_us.html, contact.html, eis_project.html, quiz.html, notenrechner.html
• Unterseiten → ../css/style.css (eine Ebene höher)