DylanBarnes/eis-website
1
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

README: Begrüßungs-Feature dokumentiert

Browse source
This commit is contained in:
DylanBarnes 2026-06-03 12:40:55 +00:00
parent 332a78a9d3
commit 7c6703eb7e
4 changed files with 76 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
README.md Normal file
View file

@ -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.

6
css/style.css
View file

@ -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 ====================== */ /* ====================== RESET & BASICS ====================== */
* { * {

1
index.html
View file

@ -10,6 +10,7 @@
</head> </head>
<body> <body>
<p id="begruessung"></p>
<main> <main>

19
js/script.js
View file

@ -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 ====================== // ====================== CONTACT FORM VALIDATION ======================
const contactForm = document.getElementById('contactForm'); const contactForm = document.getElementById('contactForm');