README: Begrüßungs-Feature dokumentiert

2026-06-03 12:40:55 +00:00 · 2026-06-03 12:40:55 +00:00 · 7c6703eb7e
commit 7c6703eb7e
parent 332a78a9d3
4 changed files with 76 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,50 @@
+# EIS Projekt – Entwicklung interaktiver Softwareanwendungen
+
+Ein interaktives Lernprojekt im Rahmen der Lehrveranstaltung „Entwicklung interaktiver Softwareanwendungen" an der **PH Weingarten**.
+
+🌐 [https://isa4.edumake.de](https://isa4.edumake.de/index.html)
+
+---
+
+## Inhalt
+
+| Datei | Beschreibung |
+|-------|--------------|
+| `index.html` | Startseite mit Projektübersicht |
+| `eis_projekt.html` | Tech-Stack, Features und Lernziele |
+| `team.html` | Teamvorstellung und Fetch-API-Demo |
+| `ueber_uns.html` | Mission und Teamhintergrund |
+| `kontakt.html` | Kontaktformular |
+| `impressum.html` | Rechtliche Pflichtangaben |
+
+---
+
+## Features
+
+- **Begrüßung nach Tageszeit** (js/script.js):
+  - Zeigt je nach Uhrzeit einen anderen Text
+  - in einer anderen Farbe (index.html, css/style.css)
+
+---
+
+## Tech-Stack
+
+- **HTML5** – Seitenstruktur
+- **CSS3** – Styling und Responsive Layout
+- **JavaScript (ES6+)** – Interaktivität und Fetch API
+- **Git** – Versionskontrolle
+
+---
+
+## Mitwirkende
+
+| Name | Rolle |
+|------|-------|
+| Dylan | Frontend-Entwickler (HTML, CSS, JS, UI/UX) |
+| Leon | Backend-Entwickler (JS, APIs, Datenbanken) |
+
+---
+
+## Lizenz
+
+Dieses Projekt steht unter der MIT-Lizenz.
--- a/css/style.css
+++ b/css/style.css
@ -1,3 +1,9 @@
+/* ====================== BEGRUESSUNG NACH TAGESZEIT ====================== */
+
+.morgen { color: #d97706; }   /* warmes Orange */
+.tag    { color: #16a34a; }   /* frisches Grün */
+.abend  { color: #4338ca; }   /* tiefes Blau */
+
 /* ====================== RESET & BASICS ====================== */

 * {
--- a/index.html
+++ b/index.html
@ -10,6 +10,7 @@
 </head>

 <body>
+<p id="begruessung"></p>

 <main>

--- a/js/script.js
+++ b/js/script.js
@ -1,3 +1,22 @@
+// ====================== BEGRUESSUNG NACH TAGESZEIT ======================
+
+const stunde = new Date().getHours();
+const el = document.getElementById('begruessung');
+let text;
+
+if (stunde < 10) {
+  text = 'Guten Morgen!';
+  el.classList.add('morgen');
+} else if (stunde < 18) {
+  text = 'Hallo, schön dass du da bist!';
+  el.classList.add('tag');
+} else {
+  text = 'Guten Abend!';
+  el.classList.add('abend');
+}
+
+el.textContent = text;
+
 // ====================== CONTACT FORM VALIDATION ======================

 const contactForm = document.getElementById('contactForm');