commit 7821e4a1f060d45be09f17d713436ed0ef66f33c Author: Theresa Nerz & Tahar Lamred Date: Fri May 8 15:49:50 2026 +0000 Erste Version der Website diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..85433ce --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +*.save +*.swp +*~ +.DS_Store diff --git a/about_us.html b/about_us.html new file mode 100644 index 0000000..71ff484 --- /dev/null +++ b/about_us.html @@ -0,0 +1,25 @@ +
+ + + + + +Logo + + +
+ +
+ +

Student: Tahar und Thereza

+
+ + diff --git a/assets/index.html b/assets/index.html new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/assets/index.html @@ -0,0 +1 @@ + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..b49c8a7 --- /dev/null +++ b/contact.html @@ -0,0 +1,27 @@ +
+ + + + + +Logo + + +
+ +
+ + +

Wir sind erreichbar unter: 017682638021 und 016092360333

+ +
+ + diff --git a/css/eis_projekt.html b/css/eis_projekt.html new file mode 100644 index 0000000..e69de29 diff --git a/css/impressum.html b/css/impressum.html new file mode 100644 index 0000000..e69de29 diff --git a/css/kontakt.html b/css/kontakt.html new file mode 100644 index 0000000..e69de29 diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..af709b0 --- /dev/null +++ b/css/style.css @@ -0,0 +1,55 @@ + { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: Andalus; + color: #000000; + line-height: 1.6; + background-color:#FFFFFF; +} + +nav { + display: flex; + align-items: center; + gap: 1.5rem; + padding: 1rem 2rem; + background: #ffff00; + border-bottom: 1px solid #e2e8f0; + flex-wrap: wrap; +} + +nav a { + text-decoration: none; + color: #2563eb; + font-weight: 500; +} + +nav a:hover { + text-decoration: underline; +} + +.logo { + height: 40px; +} +.galerie { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + gap: 1rem; + margin: 1rem 0; +} + +.galerie img { + width: 100%; + height: 200px; + object-fit: cover; + border-radius: 8px; + cursor: pointer; + transition: transform 0.2s; +} + +.galerie img:hover { + transform: scale(1.03); +} diff --git a/css/style.htm b/css/style.htm new file mode 100644 index 0000000..139597f --- /dev/null +++ b/css/style.htm @@ -0,0 +1,2 @@ + + diff --git a/css/ueber_uns.html b/css/ueber_uns.html new file mode 100644 index 0000000..e69de29 diff --git a/eis_project.html b/eis_project.html new file mode 100644 index 0000000..0125582 --- /dev/null +++ b/eis_project.html @@ -0,0 +1,31 @@ +
+ + + + +Logo + +
+ +
+ +c

Unser Project SoSe 2026 +

Fotogalerie

+ +
+ + Mein Bild + Beschreibung Bild 2 + Beschreibung Bild 3 +
+
+ + diff --git a/img/Logo.png b/img/Logo.png new file mode 100644 index 0000000..3089329 Binary files /dev/null and b/img/Logo.png differ diff --git a/img/bild1.jpg b/img/bild1.jpg new file mode 100644 index 0000000..94ba765 Binary files /dev/null and b/img/bild1.jpg differ diff --git a/img/bild2.jpg b/img/bild2.jpg new file mode 100644 index 0000000..126e3c7 Binary files /dev/null and b/img/bild2.jpg differ diff --git a/img/bild3.jpg b/img/bild3.jpg new file mode 100644 index 0000000..76b1d16 Binary files /dev/null and b/img/bild3.jpg differ diff --git a/imprint.html b/imprint.html new file mode 100644 index 0000000..99563bc --- /dev/null +++ b/imprint.html @@ -0,0 +1,32 @@ + +
+ + + +Logo + + +
+ +
+ +

Imprint

+

Responsible: Theresa und Tahar

+

Email: theresa.nerz@stud.ph-weingarten.de & tahar.lamred01@stud.ph-weingartenh.de

+

This website is a learning project as part of the course + "Development of Interactive Software Applications" at PH Weingarten.

+Download Project Info (PDF) + + +
+ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..e24c835 --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + + + + My Website + + + +
+ + + +Logo + +

Wilkommen beim Lernprojekt EIS!

+

My first page on the server.

+ + +imprint.html + +
+ +
+

Auf dieser Website stellen wir unser Projekt im Rahmen der Lehrveranstaltung + Entwicklung interaktiver Softwareanwendungen vor.

+

+ Projektinfo herunterladen (PDF) +

+
+ + + + + + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..5f0f2ee --- /dev/null +++ b/js/script.js @@ -0,0 +1,48 @@ +document.querySelectorAll('.galerie img').forEach(img => { + img.addEventListener('click', () => { + const overlay = document.createElement('div'); + overlay.style.cssText = + 'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' + + 'align-items:center;justify-content:center;cursor:pointer;z-index:999'; + + const big = document.createElement('img'); + big.src = img.src; + big.style.maxWidth = '90vw'; + big.style.maxHeight = '90vh'; + big.style.borderRadius = '10px'; + + overlay.appendChild(big); + overlay.addEventListener('click', () => overlay.remove()); + document.body.appendChild(overlay); + }); +});console.log("Meine Seite läuft!"); +document.querySelectorAll('.galerie img').forEach(img => { + img.addEventListener('click', () => { + const overlay = document.createElement('div'); + overlay.style.cssText = + 'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' + + 'align-items:center;justify-content:center;cursor:pointer;z-index:999'; + const big = document.createElement('img'); + big.src = img.src; + big.style.maxWidth = '90vw'; + big.style.maxHeight = '90vh'; + overlay.appendChild(big); + overlay.addEventListener('click', () => overlay.remove()); + document.body.appendChild(overlay); + }); +}); +document.querySelectorAll('.gallery img').forEach(img => { + img.addEventListener('click', () => { + const overlay = document.createElement('div'); + overlay.style.cssText = + 'position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;' + + 'align-items:center;justify-content:center;cursor:pointer;z-index:999'; + const big = document.createElement('img'); + big.src = img.src; + big.style.maxWidth = '90vw'; + big.style.maxHeight = '90vh'; + overlay.appendChild(big); + overlay.addEventListener('click', () => overlay.remove()); + document.body.appendChild(overlay); + }); +});