From 7c6703eb7ea0e0b73e765a2327b9afdda988d7ca Mon Sep 17 00:00:00 2001 From: DylanBarnes Date: Wed, 3 Jun 2026 12:40:55 +0000 Subject: [PATCH] =?UTF-8?q?README:=20Begr=C3=BC=C3=9Fungs-Feature=20dokume?= =?UTF-8?q?ntiert?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ css/style.css | 6 ++++++ index.html | 1 + js/script.js | 19 +++++++++++++++++++ 4 files changed, 76 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..d42f0d3 --- /dev/null +++ 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. \ No newline at end of file diff --git a/css/style.css b/css/style.css index 79aef75..45ba275 100644 --- 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 ====================== */ * { diff --git a/index.html b/index.html index 4b40f8b..314b12c 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ +

diff --git a/js/script.js b/js/script.js index edf87dd..e58babb 100644 --- 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');