Strukturierung des Verzeichnisses

Die Dateien wurden in Unterordner gebracht. Es wurde ein logo.png erstellt und hinzugefügt. Es wurde eine (unfertige) Navbar erstellt. Es wurde die login-Form erstellt. Es wurden Kommentare zu allen Dateien hinzugefügt.
2026-04-20 14:05:22 +02:00
parent 5182d2ff90
commit 9a8a0e1316
10 changed files with 140 additions and 140 deletions
@@ -0,0 +1,30 @@
+<!--
+    Form: Login-Bereich
+    Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
+-->
+<form name="loginForm" action="?pfad=profile" method="POST">
+
+    <div style="width: 50%">
+        <div style="width: 130px;">
+            <img src="../images/logo.png" width="120" height="72">
+        </div>
+
+        <h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>
+
+        <label id="inputEmail" >E-Mail-Adresse / </label>
+        <p style="width: 80%;">Benutzername/E-Mail-Adresse:</p>
+        <input type="email" name="email" style="width: 80%;" placeholder="E-Mail-Adresse" required autofocus>
+        <label id="inputPassword" >Passwort</label>
+        <p style="width: 80%;">Passwort:</p>
+        <input type="password" name="password" style="width: 80%;" placeholder="Passwort" required>
+        <div style="width: 80%;">
+            <label>
+                <input type="checkbox" name="remember-me" value="1"> angemeldet bleiben
+            </label>
+        </div>
+        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">anmelden</button><br>
+        <div style="width: 70%; text-align: center">
+            <a href="index.html?pfad=auth/register" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
+        </div>
+    </div>
+</form>
@@ -0,0 +1,52 @@
+<!--
+    Seite: Registrierung
+    Funktion: Erstellung neuer Benutzerkonten
+-->
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="description" content="Gästebuch Beispiel">
+    <meta name="author" content="Dietrich Boles">
+    <link rel="stylesheet" href="css/main.css" />
+    <title>Gästebuch</title>
+</head>
+
+<body>
+
+<nav>
+    <div>
+        <a href="index.html">Homepage</a>
+    </div>
+    <div>
+        <a href="anmeldung.html">Anmelden/Abmelden</a>
+    </div>
+    <div>
+        <a href="registrierung.html">Registrieren</a>
+    </div>
+</nav>
+
+<main>
+
+    <h1>Registrierung</h1>
+
+    <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
+        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
+        sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
+        sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+
+</main>
+
+<footer>
+    <a href="impressum.html">Impressum</a>
+    <a href="datenschutz.html">Datenschutz</a>
+    <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+</footer>
+</body>
+
+</html>