README aktualisiert: Begrüßung + Struktur + Features

This commit is contained in:
Tahar Lamred & Theresa Nerz 2026-06-14 15:34:26 +02:00
parent bdd40b25af
commit bd61feae73

View file

@ -1,5 +1,4 @@
# eis-website
# eis-website
## Pfad auf dem Server
`/home/komane/public_html`
@ -11,51 +10,51 @@
│― contact.html
│― eis_project.html
│― imprint.html
│― notenrechner.html
│― css/
│ └── style.css
│― img/
│ └── logo.png
│― js/
│ └── script.js
│― img/
│ └── Logo.png
│― assets/
│ └── diverse Dateien (z.B. PDFs, Bilder, Icons)
│ └── diverse Dateien (PDFs, Bilder, Icons)
│― .gitignore
└ README.md
── 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 oder Portfolioseite
- **imprint.html** — Impressum mit rechtlichen Angaben
- **css/style.css** — Layout, Farben und Schriftarten
- **img/logo.png** — Logo der Website
- **js/script.js** — JavaScript-Funktionen für Interaktivität
- **assets/** — zusätzliche Dateien (z.B. Medien, Dokumente)
- **eis_project.html** — Projektbeschreibung
- **imprint.html** — Impressum
- **notenrechner.html** — Notenberechnungstool
- **css/style.css** — Layout, Farben, Dark Mode, Tageszeit-Farben
- **js/script.js** — Begrüßung, Tageszeit-Farben, Dark Mode, Galerie-Zoom
- **img/Logo.png** — Logo der Website
- **assets/** — zusätzliche Dateien (Medien, Dokumente)
- **.gitignore** — Ausschlussregeln für Git
- **README.md** — Dokumentation der Website-Struktur
- **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**
Wird im `<head>` eingebunden für das Layout.
- **index.html → img/logo.png**
Logo im Header angezeigt.
- **index.html → img/Logo.png**
- **index.html → imprint.html**
Footer-Link zum Impressum.
- **index.html → about_us.html**, **contact.html**, **eis_project.html**
Navigationslinks zu Unterseiten.
- **Unterseiten (about_us.html, contact.html, etc.) → ../css/style.css**
Stylesheet liegt eine Ebene höher.
---
---
- **Navigation → about_us.html, contact.html, eis_project.html, notenrechner.html**
- **Unterseiten → ../css/style.css** (eine Ebene höher)