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/assets/projektinfo.pdf b/assets/projektinfo.pdf new file mode 100644 index 0000000..f45fb9a Binary files /dev/null and b/assets/projektinfo.pdf differ diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..08f353d --- /dev/null +++ b/css/style.css @@ -0,0 +1,96 @@ +/* Grunddesign & Farben */ +:root { + --primary: #4f46e5; + --primary-dark: #4338ca; + --text: #1e293b; + --bg: #f8fafc; + --white: #ffffff; +} + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background-color: var(--bg); + color: var(--text); +} + +/* Moderne Navigation */ +nav { + background-color: var(--white); + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + padding: 1rem 0; + position: sticky; + top: 0; +} + +nav ul { + list-style: none; + display: flex; + justify-content: center; + gap: 2rem; + margin: 0; + padding: 0; +} + +nav a { + text-decoration: none; + color: var(--text); + font-weight: 600; + transition: color 0.3s; +} + +nav a:hover { + color: var(--primary); +} + +/* Layout-Container */ +header, main { + max-width: 900px; + margin: 2rem auto; + padding: 0 1.5rem; +} + +header { + text-align: center; + border-bottom: 2px solid #e2e8f0; + padding-bottom: 2rem; +} + +h1 { + color: var(--primary); + font-size: 2.5rem; +} + +/* Responsivität für kleine Bildschirme */ +@media (max-width: 600px) { + nav ul { + flex-direction: column; + align-items: center; + gap: 0.5rem; + } + + h1 { + font-size: 1.8rem; + } +} +.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/eis_projekt.html b/eis_projekt.html new file mode 100644 index 0000000..c3966a4 --- /dev/null +++ b/eis_projekt.html @@ -0,0 +1,57 @@ + + + + + + EIS Projekt – Lena + + + + + + +
+
+

Mein EIS Projekt

+

Interaktive Softwareanwendungen – Sommersemester 2025

+
+ +
+

Projektübersicht

+

Hier dokumentiere ich meine Fortschritte und die Ergebnisse der einzelnen Meilensteine.

+
+

Aktueller Status

+

Meilenstein 1: Grundgerüst der Webseite (Erledigt ✓)

+

Meilenstein 2: JavaScript-Funktionalität (In Arbeit...)

+
+
+ +
+

Live-Ausgabe

+

Hier werden zukünftige Skripte ihre Ergebnisse ausgeben:

+
+ Noch keine Daten vorhanden... +
+
+ + +

Fotogalerie

+
+ Beschreibung Bild 1 +
+ + +
+ + + + + diff --git a/img/bild1.jpg b/img/bild1.jpg new file mode 100644 index 0000000..6b441d4 Binary files /dev/null and b/img/bild1.jpg differ diff --git a/img/favicon.png b/img/favicon.png new file mode 100644 index 0000000..7582367 Binary files /dev/null and b/img/favicon.png differ diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 0000000..a8d7c6c --- /dev/null +++ b/img/logo.svg @@ -0,0 +1,1844 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/impressum.html b/impressum.html new file mode 100644 index 0000000..22443dd --- /dev/null +++ b/impressum.html @@ -0,0 +1,49 @@ + + + + + + Impressum – Lena + + + + + + +
+
+

Impressum

+
+ +
+

Angaben gemäß § 5 TMG

+

Lena Schmid
+ + Kurs: Einführung in interaktive Softwareanwendungen
+ Sommersemester 2025

+ +

Kontakt

+

E-Mail: lena.schmid01@stud-ph-weingarten.de

+ +

Verantwortlich: Lena Schmid

+ + +
+ +

Diese Website ist ein Lernprojekt im Rahmen der Lernveranstaltung "Entwicklung interaktiver Softwareanwendungen" an der PH Weingarten. + +

+
+
+ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..7eb0b22 --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ + + + + + + Lena – Home + + + + + + + + +
+ Logo +

Willkommen auf meiner Seite!

+

Einführung in interaktive Softwareanwendungen – SoSe 2025

+
+ +
+
+

Meine Webpräsenz

+

Das ist meine Startseite im public_html Verzeichnis.

+
+
+ + + + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..cb6bf8b --- /dev/null +++ b/js/script.js @@ -0,0 +1,42 @@ +// 1. Eine freundliche Nachricht in der Browser-Konsole +console.log("Willkommen auf der Webseite von Lena!"); +console.log("Das JavaScript wurde erfolgreich geladen."); + +// 2. Interaktion für das Kontaktformular +// Wir warten, bis das Dokument geladen ist +document.addEventListener('DOMContentLoaded', function() { + + const contactForm = document.getElementById('contactForm'); + const feedback = document.getElementById('formFeedback'); + + // Prüfen, ob wir uns gerade auf der Kontakt-Seite befinden + if (contactForm) { + contactForm.addEventListener('submit', function(event) { + // Verhindert, dass die Seite neu lädt + event.preventDefault(); + + // Formular verstecken und Feedback zeigen + contactForm.style.display = 'none'; + feedback.style.display = 'block'; + + // Kleiner Gruß in der Konsole + console.log("Formular wurde abgeschickt!"); + }); + } +}); + +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); + }); +}); diff --git a/kontakt.html b/kontakt.html new file mode 100644 index 0000000..a6dc896 --- /dev/null +++ b/kontakt.html @@ -0,0 +1,77 @@ + + + + + + Kontakt – Lena + + + + + + + +
+
+

Kontakt

+

Hast du Fragen an mich? Schreibe mir eine Nachricht!

+
+ +
+
+ + + + + + + + + + +
+ +
+
+ + + + diff --git a/ueber_uns.html b/ueber_uns.html new file mode 100644 index 0000000..ff14938 --- /dev/null +++ b/ueber_uns.html @@ -0,0 +1,49 @@ + + + + + + Über mich – Lena + + + + + + + +
+
+

Über mich

+

Wer ich bin und was ich mache.

+Logo +
+ +
+

Das Team

+

Ich bin Studierende im Kurs Einführung in interaktive Softwareanwendungen (EIS) im Sommersemester 2025.

+

In diesem Kurs arbeiten wir an Web-Technologien, lernen den Umgang mit HTML, CSS und JavaScript und setzen unsere ersten Projekte auf einem echten Webserver um.

+
+ +
+

Unsere Ziele

+ +
+Projektinfo herunterladen (PDF) + +
+ + + +