Update main.css

Update home.php
Update profile.php
2026-05-13 22:49:57 +02:00 · 2026-05-13 22:44:23 +02:00 · 2026-05-13 22:09:59 +02:00 · 2026-05-13 22:09:25 +02:00 · 2026-05-13 21:53:59 +02:00 · 2026-05-13 21:50:06 +02:00
6 changed files with 136 additions and 93 deletions
@@ -21,7 +21,6 @@
 <body>

 <main>
-
    <?php
    include_once 'includes/navbar.php';
    ?>
@@ -17,23 +17,23 @@
    <!-- Flexbox -->
     <div class="flexbox">
        <div class="container">
-            <a href="content/informatik.php" class="category-link">Informatik</a>
+            <a href="informatik.php" class="category-link">Informatik</a>
            <div class="article-link">
-                <a href="articles/datenschutz.php">Datenschutz vs. Datensicherheit</a>
+                <a href="datenschutzVSdatensicherheit.php">Datenschutz vs. Datensicherheit</a>
            </div>
        </div>

        <div class="container">
-            <a href="content/mathe.php" class="category-link">Mathe</a>
+            <a href="mathe.php" class="category-link">Mathe</a>
            <div class="article-link">
-                <a href="articles/pythagoras.php">Satz des Pythagoras</a>
+                <a href="pythagoras.php">Satz des Pythagoras</a>
            </div>
        </div>
        
        <div class="container">
-            <a href="content/physik.php" class="category-link">Physik</a>
+            <a href="physik.php" class="category-link">Physik</a>
            <div class="article-link">
-                <a href="articles/tunneleffekt.php">Der Tunneleffekt</a>
+                <a href="tunneleffekt.php">Der Tunneleffekt</a>
            </div>
        </div>
    </div>
@@ -1,9 +1,9 @@

 main {
-  max-width:1200px;
-  margin: 0 auto;
-  padding: 20px;
-  font-family: Arial, sans-serif;
+    max-width:1200px;
+    margin: 0 auto;
+    padding: 20px;
+    font-family: Arial, sans-serif;
 }

 body {
@@ -13,10 +13,10 @@ body {
 }

 .flexbox {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  margin-top: 30px;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    margin-top: 30px;
 }

 .container {
@@ -34,15 +34,15 @@ body {
 }

 .category-link {
-  display: block;
-  text-align: left;
-  text-decoration: none;
-  font-weight: bold;
-  padding: 12px;
-  background-color: #2563eb;
-  color: white;
-  border-radius: 8px;
-  margin-bottom: 10px;
+    display: block;
+    text-align: left;
+    text-decoration: none;
+    font-weight: bold;
+    padding: 12px;
+    background-color: #2563eb;
+    color: white;
+    border-radius: 8px;
+    margin-bottom: 10px;
    transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
 }

@@ -66,9 +66,9 @@ body {


@media (min-width: 1024px) {
-  .container {
-    padding: 25px;
-  }
+    .container {
+        padding: 25px;
+    }
 }

 /* Seite wird horizontal und vertikal zentriert */
@@ -125,15 +125,17 @@ body {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
-    border: 1px solid white;
-    border-radius: 4px;
+    border: 1px solid #d1d5db;
+    border-radius: 6px;
    box-sizing: border-box;
    font-size: 1rem;
+    background-color: white;
 }

 .login-input:focus {
    outline: none;
    border-color: #2563eb;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
 }

 .checkbox-wrapper {
@@ -180,5 +182,21 @@ body {

 /* Versteckt das doppelte Label fuer Screenreader/Accessibility */
 .screenreader-only {
-  display: none;
+    display: none;
+}
+/* Allgemeine Formularseiten */
+.form-page {
+    display: flex;
+    justify-content: center;
+    padding: 40px 20px;
+}
+
+.form-container {
+    width: 90%;
+    max-width: 600px;
+    padding: 30px;
+    background-color: white;
+    border: 1px solid #dbe3ec;
+    border-radius: 10px;
+    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
 }
@@ -23,26 +23,35 @@
 include_once 'includes/navbar.php';
 ?>

-<main>
-    <div style="width: 50%">
-        <h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>
+<main class="login-page">
+    <div class="login-container">
+        
+        <h1>Bitte anmelden</h1>

-        <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>
-        <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="register.php" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
-        </div>
+        <form>
+            <label id ="inputEmail" class="screenreader-only">E-Mail Adresse / </label>
+
+            <p class="input-label">Benutzername/E-Mail-Adresse:</p>
+            <input type="email" name="email" class="login-input" placeholder="E-Mail-Adresse" required autofocus>
+
+            <p class="input-label">Passwort:</p>
+            <input type="password" name="password" class="login-input" placeholder="Passwort" required>
+
+            <div class="checkbox-wrapper">
+                <label>
+                    <input type="checkbox" name="remember-me" value="1"> angemeldet bleiben
+                </label>
+            </div>
+
+            <button type="submit" value="anmelden" name="loginSubmit" class="login-button">anmelden</button>
+
+            <div class="register-link">
+                <a href="register.php">Noch keinen Account? Jetzt hier registrieren!</a>
+            </div>
+        </form>
    </div>
 </main>
+
 <?php
 include_once 'includes/footer.php';
 ?>
@@ -23,35 +23,45 @@
 include_once 'includes/navbar.php';
 ?>

-<main>
+<main class="form-page">
+
+    <div class="form-container">
+        <form>
+
+            <label class="input-label">Vorname</label>
+
+            <input type="text" name="Vorname" class="login-input" required
+                   placeholder="Vorname"
+                   value="<?php //DB-Daten ?>">
+
+            <label class="input-label">Nachname</label>
+            <input type="text" name="Nachname" class="login-input" required
+                   placeholder="Nachname"
+                   value="<?php //DB-Daten ?>">
+
+            <label class="input-label">Email-Adresse</label>
+            <input type="email" name="Email" class="login-input" required
+                   placeholder="mustermann@web.de"
+                   value="<?php //DB-Daten ?>">
+
+            <label class="input-label">Passwort</label>
+            <input type="password" name="Passwort" class="login-input"
+                   required placeholder="Passwort">
+
+            <br>
+
+            <button type="submit" class="login-button">
+                Speichern
+            </button>
+
+            <br><br>
+
+            <button type="button" class="login-button">
+                Account löschen
+            </button>
+
+        </form>

-    <hr>
-    <div>
-        <div>
-            <h1>Benutzerdaten ändern</h1>
-        </div>
-        <div>
-            <div>
-                <label id="Vorname">Vorname</label>
-                <input type="text" name="Vorname" required placeholder="Vorname" value="<?php //DB-Daten ?>">
-            </div>
-            <div>
-                <label id="Nachname">Nachname</label>
-                <input type="text" name="Nachname" required placeholder="Nachname" value="<?php //DB-Daten ?>">
-            </div>
-            <div>
-                <label id="Email">Email-Adresse</label>
-                <input type="email" name="Email" required placeholder="mustermann@web.de" value="<?php //DB-Daten ?>">
-            </div>
-            <div>
-                <label id="Passwort">Passwort</label>
-                <input type="password" name="Passwort" required placeholder="Passwort">
-            </div>
-            <div>
-                <br>
-                <button type="submit" name="submit"><i></i> Speichern</button>
-            </div>
-        </div>
    </div>
 </main>

@@ -23,27 +23,34 @@
 include_once 'includes/navbar.php';
 ?>

-    <main>
-    <div style="width: 50%">
-        <h1 style="width: 50%; text-align: center">Jetzt Registrieren!</h1><br>
+<main class="login-page">
+    <div class="login-container">

-        <p style="width: 80%;"> Email:</p>
-        <input type="email" name="email"  style="width: 80%;" placeholder="mustermann@web.de" required>
-        <p  style="width: 80%;"> Vorname:</p>
-        <input type="text" name="vorname"  style="width: 80%;" placeholder="Max" required>
-        <p  style="width: 80%;"> Nachname:</p>
-        <input type="text" name="nachname"  style="width: 80%;" placeholder="Mustermann" required>
+        <h1>Jetzt Registrieren!</h1>

-        <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" value="remember-me"> angemeldet bleiben
-            </label>
-        </div>
-        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">kostenlos registrieren</button>
+        <form>
+            <p class="input-label">Email:</p>
+            <input type="email" name="email" class="login-input" placeholder="mustermann@web.de" required>
+
+            <p class="input-label">Vorname:</p>
+            <input type="text" name="vorname" class="login-input" placeholder="Max" required>
+
+            <p class="input-label">Nachname:</p>
+            <input type="text" name="nachname" class="login-input" placeholder="Mustermann" required>
+
+            <p class="input-label">Passwort:</p>
+            <input type="password" name="password" class="login-input" placeholder="Passwort" required>
+
+            <div class="checkbox-wrapper">
+                <label>
+                    <input type="checkbox" value="remember-me"> angemeldet bleiben
+                </label>
+            </div>
+
+            <button type="submit" value="anmelden" name="loginSubmit" class="login-button">kostenlos registrieren</button>
+        </form>
    </div>
-    </main>
+</main>
    <?php
    include_once 'includes/footer.php';
    ?>
Author	SHA1	Message	Date
NOrtmann1	729b0f08a1	Update main.css	2026-05-13 22:49:57 +02:00
NOrtmann1	2907bcdd67	Update home.php	2026-05-13 22:44:23 +02:00
NOrtmann1	65935c644b	Update profile.php	2026-05-13 22:09:59 +02:00
NOrtmann1	8645900035	Update profile.php	2026-05-13 22:09:25 +02:00
NOrtmann1	49a8d49296	logo aus login und register entfernt	2026-05-13 21:53:59 +02:00
NOrtmann1	bc1051e4a2	Update register.php	2026-05-13 21:50:06 +02:00
NOrtmann1	d8f8fbbdd4	Update login.php	2026-05-13 21:48:35 +02:00
NOrtmann1	baf3f88e1e	Update login.php	2026-05-13 21:47:51 +02:00
NOrtmann1	480b6cd4ae	Update 404.php	2026-05-13 18:43:35 +02:00
NOrtmann1	29b588babb	testing...	2026-05-13 18:41:29 +02:00
NOrtmann1	a29e48efad	Update main.css	2026-05-13 18:11:03 +02:00