Update createArticle-controller.php

debugging
2026-05-29 13:19:49 +02:00 · 2026-05-29 13:19:00 +02:00 · 2026-05-29 13:16:41 +02:00 · 2026-05-29 13:15:05 +02:00 · 2026-05-29 13:11:58 +02:00 · 2026-05-29 13:10:05 +02:00
51 changed files with 1954 additions and 944 deletions
@@ -10,6 +10,9 @@
    <option name="highlightLevel" value="WARNING" />
    <option name="transferred" value="true" />
  </component>
  <component name="PhpProjectSharedConfiguration" php_language_level="7.0">
    <option name="suggestChangeDefaultLanguageLevel" value="false" />
  </component>
  <component name="PhpStanOptionsConfiguration">
    <option name="transferred" value="true" />
  </component>
@@ -7,4 +7,7 @@ Abgabe zu Aufgabenblatt 1
 Hinweise:
 index.html wurde zu einer index.php umbenannt.
-webhook.php bitte ignorieren. Diese dient nur als zukünftige Automatisierung des Repo-Pulls (s. https://docs.gitea.com/usage/webhooks)
+webhook.php bitte ignorieren. Diese dient nur als zukünftige Automatisierung des Repo-Pulls (s. https://docs.gitea.com/usage/webhooks)
 Beim Verwenden der Navbar-Links bitte Folgendes beachten: nur die Kategorien Physik, Mathe, Informatik führen exemplarisch auf eine Beispiel-Seite.
 Die anderen Links sind erstmal Platzhalter, dessen dynamischer Inhalt später mit PHP in die index.php eingefügt wird. Alle anderen Links führen auf eine 404-Seite.
@@ -1,76 +0,0 @@
 <!--
    Artikel: Datenschutz vs Datensicherheit
    Funktion: Inhalt zum Fach Informatik
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
            <div style="float:left; text-align: center;">
                <a href="../index.php">
        	        <img src="../images/logo.png" alt="" style="height: 44px;">
        	    </a>
            |
        	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
        	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>
    <main>
        <h1>Datenschutz vs Datensicherheit</h1>
        <p>
            Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig – ob in sozialen Netzwerken, beim
            Online-Shopping oder dem Einsatz von Bonuskarten, bei der Auswertung von Konsumverhalten und selbstverständlich
            auch im schulischen Kontext.
        </p>
        <h2>
            Was ist Datenschutz?
        </h2>
        <p>
            Datenschutz bedeutet, dass persönliche Daten nur gesammelt, gespeichert und verwendet werden dürfen, wenn
            es wirklich nötig ist – und nur für klar festgelegte Zwecke. Es geht darum, die Privatsphäre von Menschen
            zu schützen.
        </p>
        <h2>
            Was ist Datenschutz?
        </h2>
        <p>
            Datensicherheit umfasst alle technischen und organisatorischen Maßnahmen, die verhindern sollen, dass Daten
            verloren gehen, beschädigt oder unbemerkt verändert werden. Sie schützt Informationen vor Missbrauch.
        </p>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../../legal/impressum.php">Impressum</a>
        <a href="../../legal/datenschutz.php">Datenschutz</a>
        <a href="../../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,72 +0,0 @@
 <!--
    Artikel: Satz des Pythagoras
    Funktion: Inhalt zum Fach Mathe
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
            <div style="float:left; text-align: center;">
                <a href="../index.php">
        	        <img src="../images/logo.png" alt="" style="height: 44px;">
        	    </a>
            |
        	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
        	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>
    <main>
        <h1>Satz des Pythagoras</h1>
        <p>
            Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im
            dritten Jahrhundert vor Christus veröffentlicht.
        </p>
        <figure>
          <img src="https://cdn8.picryl.com/photo/2016/05/14/pythagoras-e9560b-1024.jpg" alt="Trulli" style="width:10%">
          <figcaption><a href="https://cdn8.picryl.com/photo/2016/05/14/pythagoras-e9560b-1024.jpg">Quelle</a></figcaption>
        </figure>
        <p>
            In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck, dessen drei Seiten die Längen a, b und c
            besitzen. Auf jeder Seite ist ein Quadrat konstruiert. Das Quadrat auf der Seite a hat die Fläche a2, das
            Quadrat auf der Seite b hat die Fläche b2 und das Quadrat auf der Seite c hat die Fläche c2. Der Satz des
            Pythagoras besagt, dass die Summe der Flächen der beiden kleineren Quadrate gleich der Fläche des größten
            Quadrats ist. Das bedeutet, dass a^2+b^2=c^2 (Satz des Pythagoras).
        </p>
    <a href="../docs/Uebungsaufgaben_Pythagoras.pdf">Lernzettel-Download</a>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../../legal/impressum.php">Impressum</a>
        <a href="../../legal/datenschutz.php">Datenschutz</a>
        <a href="../../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,66 +0,0 @@
 <!--
    Artikel: Tunneleffekt
    Funktion: Inhalt zum Fach Physik
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
        <div style="float:left; text-align: center;">
            <a href="../index.php">
    	        <img src="../images/logo.png" alt="" style="height: 44px;">
    	    </a>
        |
    	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
    	|
    	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
    	|
    	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
    	|
    	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
    	|
    	</div>
        <div style="float:right; text-align: center;">
    	<?php
    	include_once '../includes/search.php';
    	?>
    	|
    	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
    	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
        </div>
    </nav>
    <main>
        <h1>Tunneleffekt</h1>
        <p>
            Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen – vor allem Elektronen – eine
            Energiebarriere überwinden können, obwohl sie nach den Regeln der klassischen Physik nicht genügend Energie
            dafür besitzen. In der klassischen Vorstellung müsste ein Elektron entweder genügend Energie haben, um über
            eine Barriere zu „springen“, oder es würde vollständig zurückgeworfen. In der Quantenphysik wird ein Elektron
            jedoch nicht als punktförmiges Teilchen beschrieben, sondern als Wellenfunktion, die sich räumlich ausdehnt.
            Dadurch besteht eine endliche Wahrscheinlichkeit, dass sich das Elektron auf der anderen Seite einer Barriere
            befindet (Griffiths & Schroeter, 2018).
        </p>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../../legal/impressum.php">Impressum</a>
        <a href="../../legal/datenschutz.php">Datenschutz</a>
        <a href="../../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,75 +0,0 @@
 <!--
    Form: Login-Bereich
    Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
            <div style="float:left; text-align: center;">
                <a href="../index.php">
        	        <img src="../images/logo.png" alt="" style="height: 44px;">
        	    </a>
            |
        	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
        	<a href = "register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>
    <main>
    <div style="width: 50%">
        <div style="width: 130px;">
            <img src="../images/logo.png" alt="" 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>
        <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>
    </div>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,76 +0,0 @@
 <!--
    Form: Registrierung
    Funktion: Erstellung neuer Benutzerkonten
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
        <div style="float:left; text-align: center;">
            <a href="../index.php">
    	        <img src="../images/logo.png" alt="" style="height: 44px;">
    	    </a>
        |
    	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
    	|
    	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
    	|
    	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
    	|
    	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
    	|
    	</div>
        <div style="float:right; text-align: center;">
    	<?php
    	include_once '../includes/search.php';
    	?>
    	|
    	<a href = "login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
    	<a href = "register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
        </div>
    </nav>
    <main>
    <div style="width: 50%">
        <div style="width: 130px;">
            <img src="../images/logo.png" alt="" width="120" height="72">
        </div>
        <h1 style="width: 50%; text-align: center">Jetzt Registrieren!</h1><br>
        <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>
        <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>
    </div>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -0,0 +1,12 @@
 <!--
    Seite: 404 Seite nicht gefunden
    Funktion: Wenn eine Seite nicht gefunden wurde oder noch fehlt, dann wird hierauf verwiesen.
 -->
 <main>
    <h1>404 - Seite nicht vorhanden</h1>
    <p>
        Später im Projekt sollen über index.php?pfad= ... der Inhalt der index.php dynamisch gesetzt werden.
        Alle Content-Links der Navbar führen zunächst hier her. Exemplarisch wurden für die Fächer Informatik, Physik, Mathematik der Content als Seite erstellt und kann über die Navbar ausgekundschaftet werden.
    </p>
 </main>
@@ -0,0 +1,84 @@
 <?php
 session_start();
 ?>
 <!--
    Seite: Beitrag erstellen
    Inhalt: Formular für die Erstellung eines neuen Beitrags
 -->
 <form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="article-editor-scope editor-container">
    <main class="editor-main">
        <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
        <p class="alert-message is-error">
            Es ist ein Fehler beim Speichern aufgetreten. Bitte versuche es erneut.
        </p>
        <?php endif; ?>
        <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
        <p class="alert-message is-error">
            Jeder Beitrag muss einen Titel, Kategorie und Inhalt besitzen.
        </p>
        <?php endif; ?>
        <input type="text" id="title" name="title" placeholder="Titel hier eingeben" required>
        <textarea id="content" name="content" placeholder="Schreibe deinen Beitrag..."></textarea>
    </main>
    <!-- Seitenleiste -->
    <aside class="editor-sidebar">
        <div class="sidebar-block">
            <button type="submit" class="btn-publish">Veröffentlichen</button>
        </div>
        <div class="sidebar-block">
            <label for="category">Kategorie <span class="required">*</span></label>
            <select id="category" name="category" required>
                <option value="" disabled selected>Kategorie wählen...</option>
                <optgroup label="Sprachen">
                    <option value="deutsch">Deutsch</option>
                    <option value="englisch">Englisch</option>
                    <option value="franzoesisch">Französisch</option>
                    <option value="latein">Latein</option>
                    <option value="literatur">Literatur</option>
                </optgroup>
                <optgroup label="MINT">
                    <option value="mathe">Mathematik</option>
                    <option value="biologie">Biologie</option>
                    <option value="chemie">Chemie</option>
                    <option value="physik">Physik</option>
                    <option value="informatik">Informatik</option>
                    <option value="astronomie">Astronomie</option>
                </optgroup>
                <optgroup label="Gesellschaft & Werte">
                    <option value="geschichte">Geschichte</option>
                    <option value="erdkunde">Erdkunde</option>
                    <option value="sozialkunde">Sozialkunde</option>
                    <option value="wirtschaft">Wirtschaftskunde</option>
                    <option value="religion">Religion</option>
                    <option value="ethik">Ethikunterricht</option>
                    <option value="philosophie">Philosophie</option>
                    <option value="psychologie">Psychologie</option>
                    <option value="kunst">Kunst</option>
                    <option value="musik">Musik</option>
                    <option value="theater">Theater</option>
                </optgroup>
                <optgroup label="Technik & Praxis">
                    <option value="technik">Technik</option>
                    <option value="werken">Werken</option>
                    <option value="hauswirtschaft">Hauswirtschaft</option>
                    <option value="sport">Sport</option>
                </optgroup>
            </select>
        </div>
        <div class="sidebar-block">
            <label for="tags">Schlagwörter</label>
            <input type="text" id="tags" name="tags" placeholder="z.B. Technik, IT (mit Komma trennen)">
        </div>
    </aside>
 </form>
@@ -0,0 +1,18 @@
 <!--
    Seite: Datenschutzerklärung
    Inhalt: Informationen zur Datenverarbeitung gemäß DSGVO
 -->
    <main>
        <h1>Datenschutz</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>
@@ -1,8 +1,25 @@
 <?php
 include_once 'php/controller/home-controller.php';
 ?>
 <!--
    Seite: Home
    Inhalt: Beinhaltet den Inhalt der Startseite
 -->
 <main>
    <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
        <p class="alert-message is-error">
            Es ist ein Fehler beim Speichern aufgetreten. Bitte versuche es erneut.
        </p>
    <?php endif; ?>
    <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "new_article"): ?>
    <p class="alert-message is-success">
        Dein Beitrag wurde erfolgreich veröffentlicht!
    </p>
    <?php endif; ?>
    <?php
    unset($_SESSION["message"]);
    ?>
    <h1>Home</h1>
    <p>
@@ -13,22 +30,29 @@
        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>
-    <div>
+
-    <a href = "content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a> <br>
+    <!-- Flexbox -->
-    <div>
+     <div class="flexbox">
-        <a href="articles/datenschutz.php">Datenschutz vs. Datensicherheit</a>
+        <div class="container">
-    </div>
+            <a href="index.php?pfad=informatik" class="category-link">Informatik</a>
-    </div>
+            <div class="article-link">
-    <div>
+                <a href="index.php?pfad=showArticle&id=<?php echo $dummy3->getId()?>"><?php if(isset($dummy3)){echo $dummy3->getTitle();}else{echo "Fehler: Beitrag nicht gefunden!";} ?></a>
-    <a href = "content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a> <br>
+            </div>
-    <div>
+        </div>
-        <a href="articles/pythagoras.php">Satz des Pythagoras</a>
+
-    </div>
+        <div class="container">
-    </div>
+            <a href="index.php?pfad=mathe" class="category-link">Mathe</a>
-    <div>
+            <div class="article-link">
-    <a href = "content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
+                <a href="index.php?pfad=showArticle&id=<?php echo $dummy1->getId()?>"><?php if(isset($dummy1)){echo $dummy1->getTitle();}else{echo "Fehler: Beitrag nicht gefunden!";} ?></a>
-    <div>
+            </div>
-        <a href="articles/tunneleffekt.php">Der Tunneleffekt</a>
+        </div>
-    </div>
+        
        <div class="container">
            <a href="index.php?pfad=physik" class="category-link">Physik</a>
            <div class="article-link">
                <a href="index.php?pfad=showArticle&id=<?php echo $dummy2->getId()?>"><?php if(isset($dummy2)){echo $dummy2->getTitle();}else{echo "Fehler: Beitrag nicht gefunden!";} ?></a>
            </div>
        </div>
    </div>
 </main>
@@ -0,0 +1,19 @@
 <!--
    Seite: Impressum
    Inhalt: wer wie was auf der Webseite
 -->
    <main>
        <h1>Impressum</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>
@@ -2,68 +2,20 @@
    Seite: Informatik
    Inhalt: Eine Übersicht über alle Beiträge zum Fach
 -->
-<!DOCTYPE html>
+<main>
 <html lang="de">
-<head>
+    <h1>Informatik</h1>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
-<body>
+    <p>
-
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-    <nav style="background:#808080; height: 60px;">
+        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-            <div style="float:left; text-align: center;">
+        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-                <a href="../index.php">
+        consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-        	        <img src="../images/logo.png" alt="" style="height: 44px;">
+        sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
-        	    </a>
+        sea takimata sanctus est Lorem ipsum dolor sit amet.
-            |
+    </p>
-        	<a href = "informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
+    <h2>Artikel:</h2>
-        	|
+    <div>
-        	<a href = "mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
+        <a href="datenschutzVSdatensicherheit.php">Datenschutz vs. Datensicherheit</a>
-        	|
+    </div>
-        	<a href = "physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
+</main>
        	|
        	<a href = "profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
        	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>
    <main>
        <h1>Informatik</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>
        <h2>Artikel:</h2>
        <div>
            <a href="../articles/datenschutz.php">Datenschutz vs. Datensicherheit</a>
        </div>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -0,0 +1,32 @@
 <!--
    Form: Login-Bereich
    Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
 -->
 <main class="login-page">
    <div class="login-container">
        <h1>Bitte anmelden</h1>
        <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>
@@ -2,69 +2,21 @@
    Seite: Mathe
    Inhalt: Eine Übersicht über alle Beiträge zum Fach
 -->
-<!DOCTYPE html>
+<main>
 <html lang="de">
-<head>
+    <h1>Mathe</h1>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
-<body>
+    <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>
-    <nav style="background:#808080; height: 60px;">
+    <h2>Artikel:</h2>
-            <div style="float:left; text-align: center;">
+    <div>
-                <a href="../index.php">
+        <a href="pythagoras.php">Satz des Pythagoras</a>
-        	        <img src="../images/logo.png" alt="" style="height: 44px;">
+    </div>
-        	    </a>
+</main>
            |
        	<a href = "informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
        	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>
    <main>
        <h1>Mathe</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>
        <h2>Artikel:</h2>
        <div>
            <a href="../articles/pythagoras.php">Satz des Pythagoras</a>
        </div>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -2,70 +2,22 @@
    Seite: Physik
    Inhalt: Eine Übersicht über alle Beiträge zum Fach
 -->
-<!DOCTYPE html>
+<main>
 <html lang="de">
-<head>
+    <h1>Physik</h1>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
-<body>
+    <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>
-    <nav style="background:#808080; height: 60px;">
+    <h2>Artikel:</h2>
-            <div style="float:left; text-align: center;">
+    <div>
-                <a href="../index.php">
+        <a href="tunneleffekt.php">Der Tunneleffekt</a>
-        	        <img src="../images/logo.png" alt="" style="height: 44px;">
+    </div>
        	    </a>
            |
        	<a href = "informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
-        	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
+</main>
            </div>
        </nav>
    <main>
        <h1>Physik</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>
        <h2>Artikel:</h2>
        <div>
            <a href="../articles/tunneleffekt.php">Der Tunneleffekt</a>
        </div>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,88 +1,46 @@
 <!--
-    Seite: Profil
+    Content: Profil
    Inhalt: Das eigene Profil, wenn man angemeldet ist. Dort hat man die Möglichkeit seine Angaben zu ändern.
 -->
 <!DOCTYPE html>
 <html lang="de">
-<head>
+<main class="form-page">
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
-<body>
+    <div class="form-container">
        <form>
-    <nav style="background:#808080; height: 60px;">
+            <label class="input-label">Vorname</label>
        <div style="float:left; text-align: center;">
            <a href="../index.php">
    	        <img src="../images/logo.png" alt="" style="height: 44px;">
    	    </a>
        |
    	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
    	|
    	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
    	|
    	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
    	|
    	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
    	|
    	</div>
        <div style="float:right; text-align: center;">
    	<?php
    	include_once '../includes/search.php';
    	?>
    	|
    	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
-    	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
+            <input type="text" name="Vorname" class="login-input" required
-        </div>
+                   placeholder="Vorname"
-    </nav>
+                   value="<?php //DB-Daten ?>">
-    <main>
+            <label class="input-label">Nachname</label>
            <input type="text" name="Nachname" class="login-input" required
                   placeholder="Nachname"
                   value="<?php //DB-Daten ?>">
-<hr>
+            <label class="input-label">Email-Adresse</label>
-        <div>
+            <input type="email" name="Email" class="login-input" required
-            <div>
+                   placeholder="mustermann@web.de"
-                <h1>Benutzerdaten ändern</h1>
+                   value="<?php //DB-Daten ?>">
                <a href="/users"><img src="../images/logo.png" alt="" width="120" height="72"></a>
            </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>
                    <br>
                    <button type="button" name="NutzerLoeschen">Account löschen</button>
                </div>
            </div>
        </div>
    </main>
-    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
+            <label class="input-label">Passwort</label>
-        <a href="../legal/impressum.php">Impressum</a>
+            <input type="password" name="Passwort" class="login-input"
-        <a href="../legal/datenschutz.php">Datenschutz</a>
+                   required placeholder="Passwort">
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
-</html>
+            <br>
            <button type="submit" class="login-button">
                Speichern
            </button>
            <br><br>
            <button type="button" class="login-button">
                Account löschen
            </button>
        </form>
    </div>
 </main>
@@ -0,0 +1,32 @@
 <!--
    Form: Registrierung
    Funktion: Erstellung neuer Benutzerkonten
 -->
 <main class="login-page">
    <div class="login-container">
        <h1>Jetzt Registrieren!</h1>
        <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>
@@ -0,0 +1,61 @@
 <!--
    Seite: Anzeige für Beiträge
    Funktion: Stellt einen übergebenen Beitrag dar.
 -->
 <?php
 include_once 'php/controller/showArticle-controller.php';
 ?>
 <!-- Hauptcontainer für die Beitragsansicht (Ausschließlich der Content-Bereich) -->
 <main class="article-view-container">
    <!-- Metadaten & Titel -->
    <div class="article-view-top-section">
        <?php if (isset($category) && !empty($category)): ?>
            <span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
        <?php endif; ?>
        <h1 class="article-view-title">
            <?php if (isset($title)) { echo htmlspecialchars($title); } ?>
        </h1>
        <div class="article-view-meta">
            <?php if (isset($author) && !empty($author)): ?>
                <span class="article-view-author">Von: <strong><?php echo htmlspecialchars($author); ?></strong></span>
            <?php endif; ?>
        </div>
    </div>
    <!-- articleikel-Inhalt -->
    <div class="article-view-content">
        <?php if (isset($content)): ?>
            <!-- nl2br für Zeilenumbrüche -->
            <div class="article-view-body"><?php echo nl2br(htmlspecialchars($content)); ?></div>
        <?php endif; ?>
    </div>
    <!-- articleikel-Endbereich (Tags) -->
    <?php if (isset($tags) && !empty($tags)): ?>
        <div class="article-view-bottom-section">
            <div class="article-view-tags-label">Tags:</div>
            <div class="article-view-tags-list">
                <?php
                // Falls $tags ein String ist (z.B. "Web, CSS"), in ein Array umwandeln
                $tagArray = is_array($tags) ? $tags : explode(',', $tags);
                foreach ($tagArray as $tag):
                    $trimmedTag = trim($tag);
                    if (!empty($trimmedTag)):
                        ?>
                        <span class="article-view-tag-item"><?php echo htmlspecialchars($trimmedTag); ?></span>
                    <?php
                    endif;
                endforeach;
                ?>
            </div>
        </div>
    <?php endif; ?>
 </main>
@@ -0,0 +1,124 @@
 /* editor in Flexbox */
 .article-editor-scope.editor-container {
    display: flex;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1e1e1e;
    background-color: #f0f2f5;
    box-sizing: border-box;
 }
 .article-editor-scope * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
 }
 /* Hauptbereich */
 .article-editor-scope .editor-main {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
 }
 .article-editor-scope #title {
    font-size: 2.5rem;
    font-weight: 700;
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
 }
 .article-editor-scope #content {
    flex: 1;
    font-size: 1.1rem;
    line-height: 1.6;
    border: none;
    outline: none;
    resize: none;
    width: 100%;
    background: transparent;
 }
 /* Seitenleiste */
 .article-editor-scope .editor-sidebar {
    width: 300px;
    background-color: #ffffff;
    border-left: 1px solid #e0e0e0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
 }
 .article-editor-scope .sidebar-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
 }
 .article-editor-scope .sidebar-block label {
    font-weight: 600;
    font-size: 0.9rem;
 }
 .article-editor-scope .required {
    color: #d94f4f;
 }
 /* Formularelemente innerhalb der Editor-Sidebar */
 .article-editor-scope .editor-sidebar select,
 .article-editor-scope .editor-sidebar input[type="text"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.9rem;
    background: #ffffff;
 }
 /* Button-Zeugs */
 .article-editor-scope .btn-publish {
    background-color: #007cba;
    color: white;
    border: none;
    padding: 12px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 1rem;
    width: 100%;
 }
 .article-editor-scope .btn-publish:hover {
    background-color: #006ba1;
 }
 /* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
@media (max-width: 760px) {
    .article-editor-scope.editor-container {
        /* Sidebar nach unten */
        flex-direction: column;
    }
    .article-editor-scope .editor-main {
        /* weniger Innenabstand */
        padding: 20px;
    }
    .article-editor-scope #content {
        /* Verhindert, dass das Textfeld auf kleinen Displays kollabiert */
        min-height: 300px;
    }
    .article-editor-scope .editor-sidebar {
        width: 100%;
        /* Entfernt den linken Rand und setzt ihn nach oben als Trenner */
        border-left: none;
        border-top: 1px solid #e0e0e0;
    }
 }
@@ -0,0 +1,21 @@
 /* Footer‑Grundlayout */
 footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #333d43;
    text-align: center;
    padding: 10px 0;
 }
 footer a {
    color: white;
    text-decoration: none;
    margin: 0 12px;
    transition: color 0.2s ease; /* Farbwechsel */
 }
 footer a:hover,
 footer a:focus {
    color: #0066cc;
 }
@@ -1,3 +1,205 @@
 main {
    max-width:1200px;
    margin: 0 auto;
    padding: 20px;
 }
 body {
-  background-color: coral;
+    background-color: #eef2f7;
-}
+    color: #1f2937;
    margin: 0;
 }
 a, button, input, select, textarea, label, main{
    font-family: Arial, Helvetica, sans-serif;
 }
 .flexbox {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
 }
 .container {
    background-color: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #dbe3ec;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.2s, box-shadow 0.2s;
 }
 .container:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 }
 .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;
    transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
 }
 .category-link:hover {
    background-color: #1d4ed8;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
 }
 .article-link a {
    color: #1f2937;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.2s;
 }
 .article-link a:hover {
    color: #2563eb;
    text-decoration: underline;
 }
@media (min-width: 1024px) {
    .container {
        padding: 25px;
    }
 }
 /* Seite wird horizontal und vertikal zentriert */
 .login-page {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
 }
 .login-container {
    width: 90%;
    max-width: 450px;
    padding: 30px;
    border: 1px solid #dbe3ec;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
 }
 .logo-wrapper {
    text-align: center;
    margin-bottom: 20px;
 }
 .login-logo {
    width: 120px;
    height: auto;
 }
 .login-container h1 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.7rem;
    color: #1e293b;
 }
 .input-label {
    margin-bottom: 5px;
    font-weight: bold;
    width: 100%;
    color: #1f2937;
 }
 .input-label {
    margin-bottom: 5px;
    font-weight: bold;
    width: 100%;
    color: #1f2937;
 }
 .login-input {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    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 {
    margin-bottom: 20px;
    color: #1f2937;
 }
 .login-button {
    width: 100%;
    padding: 12px;
    background-color: #2563eb;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
 }
 .login-button:hover {
    background-color: #1d4ed8;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
 }
 .register-link {
    margin-top: 20px;
    text-align: center;
    font-size: 0.9rem;
    color: #1f2937;
 }
 .register-link a {
    color: #2563eb;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.2s;
 }
 .register-link a:hover {
    color: #1d4ed8;
    text-decoration: underline;
 }
 /* Versteckt das doppelte Label fuer Screenreader/Accessibility */
 .screenreader-only {
    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);
 }
@@ -0,0 +1,29 @@
 .alert-message {
    padding: 12px 16px;
    margin: 12px 0;
    border-radius: 6px;
    border: 1px solid transparent;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 10px;
 }
 /* Rote Fehlermeldung */
 .alert-message.is-error {
    color: #ba1a1a;
    background-color: #ffeede;
    border-color: #ffb4ab;
 }
 /* Grüne Erfolgsmeldung */
 .alert-message.is-success {
    color: #006e2c;
    background-color: #e8f5e9;
    border-color: #b2dfdb;
 }
@@ -0,0 +1,268 @@
 /*
 CSS für die navbar
 */
 .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333d43;
    padding: 0 1rem;
 }
 .nav__left,
 .nav__right {
    display: flex;
    align-items: center;
 }
 .nav__logo img {
    height: 3rem;
 }
 .nav__center {
    display: flex;
    align-items: center;
 }
 .nav__item {
    position: relative;
    margin: 0 0.5rem;
 }
 .nav__dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    padding: 0.5rem 1rem;
    color: #fff;
    text-decoration: none;
 }
 .nav__dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f9f9f9;
    min-width: 12rem;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
    padding: 0.5rem 0;
 }
 .nav__dropdown-menu a {
    padding: 0.5rem 1rem; /* Abstand um den Text */
    color: #333;
    text-decoration: none;
    font-weight: 600;
 }
 .nav__link {
    display: inline-block;
    font-weight: 600;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem 1rem;
    color: #fff;
    text-decoration: none;
 }
 .nav__button {
    display: inline-block;
    background: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    margin-left: 0.5rem;
 }
 .nav__search {
    display: flex;
    align-items: center;
    border-radius: 4px; /* Abgerundete Ecken */
    background: #fff;
    margin: 0 0.5rem;
 }
 .nav__search-button {
    display: inline-block;
    background: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    margin-left: 4px;
 }
 .nav__dropdown:hover .nav__dropdown-menu {
    display: block;
 }
 .nav__checkbox {
    display: none;
 }
 .nav__mobile-submenu {
    display: block;
 }
 /* Responsive Anpassung unter 1210px */
@media (max-width: 1210px) {
    .nav {
        flex-wrap: wrap; /* zweite Nav-Zeile*/
        padding: 0.5rem 1rem;
    }
    .nav__left {
        order: 1;
        flex: 1; /* nimmt den Platz ganz links ein */
    }
    .nav__right {
        order: 2;
        flex: 1;
        justify-content: flex-end; /* schiebt Buttons nach ganz rechts */
    }
    .nav__center {
        order: 3;
        flex-basis: 100%; /* Erzwingt, dass dieses Element eine eigene Zeile einnimmt */
        justify-content: center; /*zentriert die Links in der zweiten Zeile */
        padding: 0.5rem 0;
        border-top: 1px solid rgba(255,255,255,0.1); /* Optionale Trennlinie */
        margin-top: 0.5rem;
    }
    .nav__item {
        margin: 0.25rem;
    }
 }
 #mobile-nav {
    display: none;
 }
 /* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
@media (max-width: 760px) {
    .nav {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 1rem;
    }
    .nav__logo img {
        height: 50px;
    }
    .nav__left {
        order: 2;
        flex: 1;
        justify-content: flex-start;
    }
    .nav__right {
        order: 3;
        width: 100%;
        display: flex;
        margin-top: 0.5em;
    }
    #mobile-nav {
        display: block;
        order: 1;
        background: #333d43;
        border: none;
        color: #fff;
        font-size: 1.5rem;
        padding: 0.5rem 0.1rem;
        border-radius: 0.2rem;
        cursor: pointer;
    }
    .nav__search {
        display: flex;
        width: 100%;
        margin: 0;
    }
    .nav__search-button {
        display: inline-block;
        background: #fff;
        border: none;
        border-radius: 4px;
        padding: 0.4rem 0.6rem;
        font-size: 0.8rem;
        font-weight: 600;
        cursor: pointer;
        margin-left: 4px;
    }
    /* restliche desktop-navbar aus */
    .nav__center,
    .nav__right .nav__button,
    .nav__right .nav__link {
        display: none;
    }
    /* off canvas menu */
    .nav__mobile-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: -100%; /* kommt von links */
        width: 280px;
        height: 100vh;
        background: #333d43;
        z-index: 1000;
        transition: left 0.3s ease;
        padding: 2rem 1rem;
        box-shadow: 2px 0 10px rgba(0,0,0,0.5);
        overflow-y: auto;
    }
    .nav__checkbox:checked ~ .nav__mobile-menu {
        left: 0;
    }
    .nav_mobile-menu.is-active {
        left: 0;
    }
    .nav__mobile-menu a {
        color: #fff;
        text-decoration: none;
        font-size: 1.2rem;
        font-weight: 600;
        display: block;
        padding: 0.5rem 1rem;
        border-bottom: 1px solid #333d43;
    }
    .nav__mobile-submenu {
        display: block;
        list-style: none;
        padding: 0;
        background: rgba(0, 0, 0, 0.15);
    }
    .nav__mobile-label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 0.8rem 1rem;
        cursor: pointer;
    }
 }
@@ -0,0 +1,118 @@
 /* Container für den gesamten articleikel */
 .article-view-container {
    box-sizing: border-box;
    max-width: 900px; /* Angenehme Lesebreite für längere Texte */
    margin: 3rem auto;
    padding: 0 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #212529;
    line-height: 1.6;
 }
 .article-view-container * {
    box-sizing: border-box;
 }
 /* --- KOPFDATEN-BEREICH --- */
 .article-view-top-section {
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.5rem;
 }
 /* Kategorie-Badge */
 .article-view-category {
    display: inline-block;
    background-color: #ebf8ff;
    color: #2b6cb0;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin-bottom: 0.75rem;
 }
 /* Hauptüberschrift */
 .article-view-title {
    font-size: 2.5rem;
    color: #1a202c;
    line-height: 1.2;
    margin: 0 0 0.75rem 0;
    font-weight: 800;
 }
 /* Autoren-Zeile */
 .article-view-meta {
    font-size: 0.95rem;
    color: #4a5568;
 }
 .article-view-author strong {
    color: #2d3748;
 }
 /* --- INHALT --- */
 .article-view-content {
    margin-bottom: 3rem;
 }
 .article-view-body {
    font-size: 1.125rem;
    color: #2d3748;
    white-space: pre-line;
 }
 /* --- TAG-BEREICH --- */
 .article-view-bottom-section {
    border-top: 1px solid #e2e8f0;
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
 }
 .article-view-tags-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.05em;
 }
 .article-view-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
 }
 /* Einzelner Tag */
 .article-view-tag-item {
    background-color: #f1f5f9;
    color: #475569;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    transition: background-color 0.2s, color 0.2s;
 }
 .article-view-tag-item:hover {
    background-color: #e2e8f0;
    color: #1e293b;
    cursor: default;
 }
 /* Responsive Anpassungen unter 760px (für z.B. Smarticlephones) */
@media (max-width: 760px) {
    .article-view-container {
        margin: 1.5rem auto;
        padding: 0 1rem;
    }
    .article-view-title {
        font-size: 1.85rem;
    }
 }
@@ -0,0 +1,55 @@
 <!--
    Artikel: Datenschutz vs Datensicherheit
    Funktion: Inhalt zum Fach Informatik
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/footer.css">
    <title>EduForge</title>
 </head>
 <body>
 <?php
 include_once 'includes/navbar.php';
 ?>
    <main>
        <h1>Datenschutz vs Datensicherheit</h1>
        <p>
            Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig – ob in sozialen Netzwerken, beim
            Online-Shopping oder dem Einsatz von Bonuskarten, bei der Auswertung von Konsumverhalten und selbstverständlich
            auch im schulischen Kontext.
        </p>
        <h2>
            Was ist Datenschutz?
        </h2>
        <p>
            Datenschutz bedeutet, dass persönliche Daten nur gesammelt, gespeichert und verwendet werden dürfen, wenn
            es wirklich nötig ist – und nur für klar festgelegte Zwecke. Es geht darum, die Privatsphäre von Menschen
            zu schützen.
        </p>
        <h2>
            Was ist Datenschutz?
        </h2>
        <p>
            Datensicherheit umfasst alle technischen und organisatorischen Maßnahmen, die verhindern sollen, dass Daten
            verloren gehen, beschädigt oder unbemerkt verändert werden. Sie schützt Informationen vor Missbrauch.
        </p>
    </main>
 <?php
 include_once 'includes/footer.php';
 ?>
 </body>
 </html>
@@ -0,0 +1,5 @@
 <footer>
    <a href="impressum.php">Impressum</a>
    <a href="datenschutz.php">Datenschutz</a>
    <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
 </footer>
@@ -1,28 +1,137 @@
 <!--
 Globales Menü, wird via PHP später in alle Seiten eingebunden
 -->
-<nav style="background:#808080; height: 60px;">
+<nav class="nav">
-    <div style="float:left; text-align: center;">
+    <div class="nav__left">
-        <a href="index.php">
+        <a href="index.php" class="nav__logo">
-	        <img src="images/logo.png" alt="" style="height: 44px;">
+	        <img src="images/logos/logo_full.png" alt="Logo">
 	    </a>
-    |
+    </div>
 	<a href = "content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
 	|
 	<a href = "content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
 	|
 	<a href = "content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
 	|
 	<a href = "content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
 	|
 	</div>
    <div style="float:right; text-align: center;">
 	<?php
 	include_once 'search.php';
 	?>
 	|
 	<a href = "auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
-	<a href = "auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
+    <!-- Mobile navbar mit Burger-Symbol -->
    <input type="checkbox" id="nav-toggle" class="nav__checkbox">
    <label for="nav-toggle" id="mobile-nav">
        <span>☰</span> <!-- Burger Icon Symbol -->
    </label>
    <ul id="mobile-nav" class="nav__mobile-menu">
        <li>
            <label for="nav-toggle" class="nav__close-btn">&times;</label>
        </li>
        <li><a href="index.php?pfad=profile">Profil</a></li>
        <li><a href="index.php?pfad=login">Anmelden</a></li>
        <li><a href="index.php?pfad=register">Registrieren</a></li>
        <li><a href="index.php?pfad=createArticle">Beitrag erstellen</a></li>
        <li>
            <label class="nav__mobile-label">Sprachen</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=deutsch">Deutsch</a></li>
                <li><a href="index.php?pfad=englisch">Englisch</a></li>
                <li><a href="index.php?pfad=franzoesisch">Französisch</a></li>
                <li><a href="index.php?pfad=latein">Latein</a></li>
                <li><a href="index.php?pfad=literatur">Literatur</a></li>
            </ul>
        </li>
        <li>
            <label class="nav__mobile-label">MINT</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=mathe">Mathematik</a></li>
                <li><a href="index.php?pfad=biologie">Biologie</a></li>
                <li><a href="index.php?pfad=chemie">Chemie</a></li>
                <li><a href="index.php?pfad=englisch">Physik</a></li>
                <li><a href="index.php?pfad=informatik">Informatik</a></li>
                <li><a href="index.php?pfad=astronomie">Astronomie</a></li>
            </ul>
        </li>
        <li>
            <label class="nav__mobile-label">Gesellschaft & Werte</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=geschichte">Geschichte</a></li>
                <li><a href="index.php?pfad=erdkunde">Erdkunde</a></li>
                <li><a href="index.php?pfad=sozialkunde">Sozialkunde</a></li>
                <li><a href="index.php?pfad=wirtschaft">Wirtschaftskunde</a></li>
                <li><a href="index.php?pfad=religion">Religion</a></li>
                <li><a href="index.php?pfad=ethik">Ethikunterricht</a></li>
                <li><a href="index.php?pfad=philosophie">Philosophie</a></li>
                <li><a href="index.php?pfad=psychologie">Psychologie</a></li>
                <li><a href="index.php?pfad=kunst">Kunst</a></li>
                <li><a href="index.php?pfad=musik">Musik</a></li>
                <li><a href="index.php?pfad=theater">Theater</a></li>
            </ul>
        </li>
        <li>
            <label class="nav__mobile-label">Technik & Praxis</label>
            <ul class="nav__mobile-submenu">
                <li><a href="index.php?pfad=technik">Technik</a></li>
                <li><a href="index.php?pfad=werken">Werken</a></li>
                <li><a href="index.php?pfad=hauswirtschaft">Hauswirtschaft</a></li>
                <li><a href="index.php?pfad=sport">Sport</a></li>
            </ul>
        </li>
    </ul>
    <!-- normale Navbar (Desktop) -->
    <div class="nav__center">
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">Sprachen</button>
            <div class="nav__dropdown-menu">
                <a href="index.php?pfad=deutsch">Deutsch</a>
                <a href="index.php?pfad=englisch">Englisch</a>
                <a href="index.php?pfad=franzoesisch">Französisch</a>
                <a href="index.php?pfad=latein">Latein</a>
                <a href="index.php?pfad=literatur">Literatur</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">MINT</button>
            <div class="nav__dropdown-menu">
                <a href="index.php?pfad=mathe">Mathematik</a>
                <a href="index.php?pfad=biologie">Biologie</a>
                <a href="index.php?pfad=chemie">Chemie</a>
                <a href="index.php?pfad=physik">Physik</a>
                <a href="index.php?pfad=informatik">Informatik</a>
                <a href="index.php?pfad=astronomie">Astronomie</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">Gesellschaft & Werte</button>
            <div class="nav__dropdown-menu">
                <a href="index.php?pfad=geschichte">Geschichte</a>
                <a href="index.php?pfad=erdkunde">Erdkunde</a>
                <a href="index.php?pfad=sozialkunde">Sozialkunde</a>
                <a href="index.php?pfad=wirtschaft">Wirtschaftskunde</a>
                <a href="index.php?pfad=religion">Religion</a>
                <a href="index.php?pfad=ethik">Ethikunterricht</a>
                <a href="index.php?pfad=philosophie">Philosophie</a>
                <a href="index.php?pfad=psychologie">Psychologie</a>
                <a href="index.php?pfad=kunst">Kunst</a>
                <a href="index.php?pfad=musik">Musik</a>
                <a href="index.php?pfad=theater">Theater</a>
            </div>
        </div>
        <div class="nav__item nav__dropdown">
            <button class="nav__dropdown-toggle">Technik & Praxis</button>
            <div class="nav__dropdown-menu">
                <a href="index.php?pfad=technik">Technik</a>
                <a href="index.php?pfad=werken">Werken</a>
                <a href="index.php?pfad=hauswirtschaft">Hauswirtschaft</a>
                <a href="index.php?pfad=sport">Sport</a>
            </div>
        </div>
    </div>
    <div class="nav__right">
        <a href="index.php?pfad=profile" class="nav_item nav__link">Profil</a>
        <div class="nav__search">
        <?php
            include_once 'search.php';
        ?>
        </div>
 	    <a href="index.php?pfad=login" class="nav__item nav__button">Anmelden</a>
 	    <a href="index.php?pfad=register" class="nav__item nav__button">Registrieren</a>
        <a href="index.php?pfad=createArticle" class="nav__item nav__button">Beitrag erstellen</a>
    </div>
 </nav>
@@ -1,5 +1,6 @@
 <!--
 Suchleiste. Wird via PHP später in alle Seiten eingebunden
 -->
-<input type="search" id="site-search" name="q" placeholder="Suchen...">
+<!--<label for="site-search">Suche</label>-->
-<button type="submit">Suchen</button>
+<input type="search" id="site-search" name="q" placeholder="Suchen..." class="nav__search">
 <button type="submit" class="nav__search-button">Suchen</button>
@@ -1,6 +1,15 @@
 <?php
 session_start();
 if (!isset($abs_path)) {
    require_once "path.php";
 }
 require_once $abs_path . "/php/controller/index-controller.php";
 ?>
 <!--
-    Seite: Hompage der Lernplattform
+    Seite: Index der Lernplattform
-    Funktion: Webseitengerüst, Anzeigen von Beiträgen, Suchfunktion etc.
+    Funktion: Webseitengerüst, Anzeigen von Content
 -->
 <!DOCTYPE html>
 <html lang="de">
@@ -9,24 +18,33 @@
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
-    <link rel="stylesheet" href="css/main.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/createArticle.css">
    <link rel="stylesheet" href="css/showArticle.css">
    <link rel="stylesheet" href="css/message.css">
    <title>EduForge</title>
 </head>
 <body>
    <?php
-	include_once 'includes/navbar.php';
+    include_once 'includes/navbar.php';
-	//Dynamischer Inhalt (später mit php...):
+	//Dynamischer Inhalt:
-	include_once 'content/home.php';
+    if (isset($_GET["pfad"])) {
-	?>
+        if (file_exists($abs_path . '/content/' . $_GET["pfad"] . '.php')) {
-
+            include_once $abs_path . '/content/' . $_GET["pfad"] . '.php';
-    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
+        } else {
-        <a href="legal/impressum.php">Impressum</a>
+            include_once $abs_path . '/content/404.php';
-        <a href="legal/datenschutz.php">Datenschutz</a>
+        }
-        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    } else {
-    </footer>
+        include_once $abs_path . '/content/home.php';
    }
    include_once $abs_path . '/includes/footer.php';
    ?>
 </body>
 </html>
@@ -1,67 +0,0 @@
 <!--
    Seite: Datenschutzerklärung
    Inhalt: Informationen zur Datenverarbeitung gemäß DSGVO
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
                <div style="float:left; text-align: center;">
                    <a href="../index.php">
            	        <img src="../images/logo.png" alt="" style="height: 44px;">
            	    </a>
                |
            	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
            	|
            	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
            	|
            	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
            	|
            	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
            	|
            	</div>
                <div style="float:right; text-align: center;">
            	<?php
            	include_once '../includes/search.php';
            	?>
            	|
            	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
            	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
                </div>
            </nav>
    <main>
        <h1>Datenschutz</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 style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="impressum.php">Impressum</a>
        <a href="datenschutz.php">Datenschutz</a>
        <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,67 +0,0 @@
 <!--
    Seite: Impressum
    Inhalt: wer wie was auf der Webseite
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
                <div style="float:left; text-align: center;">
                    <a href="../index.php">
            	        <img src="../images/logo.png" alt="" style="height: 44px;">
            	    </a>
                |
            	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
            	|
            	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
            	|
            	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
            	|
            	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
            	|
            	</div>
                <div style="float:right; text-align: center;">
            	<?php
            	include_once '../includes/search.php';
            	?>
            	|
            	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
            	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
                </div>
            </nav>
    <main>
        <h1>Impressum</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 style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="impressum.php">Impressum</a>
        <a href="datenschutz.php">Datenschutz</a>
        <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -1,66 +0,0 @@
 <!--
    Seite: Nutzungsbedingungen
    Inhalt: Regelungen für die Nutzung der Plattform (AGBs und so...)
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
 </head>
 <body>
    <nav style="background:#808080; height: 60px;">
                <div style="float:left; text-align: center;">
                    <a href="../index.php">
            	        <img src="../images/logo.png" alt="" style="height: 44px;">
            	    </a>
                |
            	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
            	|
            	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
            	|
            	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
            	|
            	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
            	|
            	</div>
                <div style="float:right; text-align: center;">
            	<?php
            	include_once '../includes/search.php';
            	?>
            	|
            	<a href = "../auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
            	<a href = "../auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
                </div>
            </nav>
    <main>
        <h1>Nutzungsbedingungen</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 style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="impressum.php">Impressum</a>
        <a href="datenschutz.php">Datenschutz</a>
        <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
 </body>
 </html>
@@ -0,0 +1,46 @@
 <!--
    Seite: Nutzungsbedingungen
    Inhalt: Regelungen für die Nutzung der Plattform (AGBs und so...)
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/footer.css">
    <title>EduForge</title>
 </head>
 <body>
 <?php
 include_once 'includes/navbar.php';
 ?>
    <main>
        <h1>Nutzungsbedingungen</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>
    <?php
    include_once 'includes/footer.php';
    ?>
 </body>
 </html>
@@ -0,0 +1,3 @@
 <?php
 $abs_path = __DIR__;
 ?>
@@ -0,0 +1,32 @@
 <?php
 session_start();
 require_once '../model/LocalArticleManager.php';
 require_once '../model/ArticleManager.php';
 if ($_SERVER["REQUEST_METHOD"] === "POST") {
    if(!isset($_POST["title"]) ||!isset($_POST["content"]) || !isset($_POST["category"])){
        $_SESSION["message"] = "missing_parameters";
        header("location: ../../index.php?pfad=createArticle");
    } else {
        $title = $_POST["title"];
        $content = $_POST["content"];
        $category = $_POST["category"];
        $author = "max.mustermann"; // TODO: später aus Session den angemeldeten Nutzer beziehen.
        $tags = $_POST["tags"];
        try {
            $articleManager = ArticleManager::getInstance();
            $articleManager->addArticle($title, $content, $author, $category, $tags);
        } catch (Exception $e){
            $_SESSION["message"] = "internal_error";
        }
        $_SESSION["message"] = "new_article";
        // Weiterleitung zur Homepage
        header("location: ../../index.php");
        exit();
    }
 }
 ?>
@@ -0,0 +1,17 @@
 <?php
 session_start();
 require_once 'php/model/Article.php';
 require_once 'php/model/ArticleManager.php';
 require_once 'php/model/LocalArticleManager.php';
 try {
    $articleManager = ArticleManager::getInstance();
    // Beziehen der Dummy-Beiträge aus dem ArticleManager:
    $dummy1 = $articleManager->getArticle(1);
    $dummy2 = $articleManager->getArticle(2);
    $dummy3 = $articleManager->getArticle(3);
 } catch (Exception $e){
    $_SESSION["message"] = "internal_error";
    echo "Fehler aufgetreten: " . $e->getMessage();
 }
 ?>
@@ -0,0 +1,3 @@
 <?php
 ?>
@@ -0,0 +1,28 @@
 <?php
 session_start();
 require_once 'php/model/Article.php';
 require_once 'php/model/ArticleManager.php';
 if (isset($_GET["id"])){
    try {
        $articleManager = ArticleManager::getInstance();
        $article = $articleManager->getArticle($_GET["id"]);
        if($article != null){
            $title = $article->getTitle();
            $content = $article->getContent();
            $category = $article->getCategory();
            $author = $article->getAuthor();
            $tags = $article->getTags();
        }else{
            $_SESSION["message"] = "article_not_found";
            echo "article_not_found";
        }
    } catch (Exception $e){
        $_SESSION["message"] = "internal_error";
        echo "Fehler aufgetreten: " . $e->getMessage();
    }
 }else{
    $_SESSION["message"] = "article_not_found";
    echo "article_not_found";
 }
 ?>
@@ -0,0 +1,137 @@
 <?php
 /**
 * Klasse: Artikel
 * Diese Klasse stellt alle Daten eines Artikels (Beitrag) bereit
 *
 * @author Niklas Ortmann
 */
 class Article
 {
    private $id;
    private $title;
    private $content;
    private $author;
    private $creationDate;
    private $category;
    private $tags;
    /**
     * Konstruktor
     *
     * @param $id integer ID des Beitrages
     * @param $title string Titel des Beitrags
     * @param $content string Inhalt des Beitrags
     * @param $author string der Autor des des Beitrages NID
     * @param $category string Kategorie des Beitrages
     * @param $tags string optionale Schlagworte für eine bessere Suche
     * @param $creationDate string Datum der Beitragserstellung
     */
    public function __construct(int $id, string $title, string $content, string $author, string $category, string $tags, string $creationDate)
    {
        $this->id = $id;
        $this->title = $title;
        $this->content = $content;
        $this->author = $author;
        $this->creationDate = $creationDate;
        $this->category = $category;
        $this->tags = $tags;
    }
    /**
     * Gibt die ID eines Artikels zurück.
     * @return int
     */
    public function getId(): int
    {
        return $this->id;
    }
    /**
     * Gibt den Titel eines Artikels zurück.
     * @return string
     */
    public function getTitle(): string
    {
        return $this->title;
    }
    /**
     * Setzt den Titel eines Artikels
     * @param $title
     * @return void
     */
    public function setTitle($title)
    {
        $this->title = $title;
    }
    /**
     * Gibt den Content eines Artikels zurück.
     * TODO: Content muss noch definiert werden.
     * @return string
     */
    public function getContent(): string
    {
        return $this->content;
    }
    /**
     * Setzt den Content eines Artikels.
     * TODO: Content muss noch definiert werden.
     * @param $content
     * @return void
     */
    public function setContent($content)
    {
        $this->content = $content;
    }
    /**
     * Gibt den Autor eines Artikels zurück.
     * @return string
     */
    public function getAuthor(): string
    {
        return $this->author;
    }
    /**
     * Gibt das Veröffentlichungsdatum des Artikels zurück.
     * @return string
     */
    public function getCreationDate(): string
    {
        return $this->creationDate;
    }
    /**
     * Gibt die Kategorie eines Artikels zurück.
     * @return string
     */
    public function getCategory(): string
    {
        return $this->category;
    }
    /**
     * Gibt die Schlagworte eines Artikels zurück.
     * @return string
     */
    public function getTags(): string
    {
        return $this->tags;
    }
    /**
     * Setzt die Schlagworte eines Artikels.
     * @param string $tags
     */
    public function setTags(string $tags)
    {
        $this->tags = $tags;
    }
 }
 ?>
@@ -0,0 +1,47 @@
 <?php
 require_once 'LocalArticleManager.php';
 require_once 'Article.php';
 /**
 * Die Klasse beinhaltet alle Methoden für die Operation mit den Artikel-Daten.
 *
 * @author Niklas Ortmann
 */
 class ArticleManager extends LocalArticleManager
 {
    public static function getInstance()
    {
        $articleManager = LocalArticleManager::getInstance(); // TODO: später durch DataBaseArticleManager ersetzen.
        // Erstellen von Dummy-Beiträgen:
        if($articleManager->getArticle(1) == null ){
            $articleManager->addArticle(
                "Satz des Pythagoras",
                "Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im dritten Jahrhundert vor Christus veröffentlicht. In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck...",
                "max.mustermann",
                "Mathe",
                "Dreiecke, Dreiecksseiten berechnen"
            );
        }
        if($articleManager->getArticle(2) == null ){
            $articleManager->addArticle(
                "Tunneleffekt",
                "Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen...",
                "max.mustermann",
                "Physik",
                "Quantenphysik, Energie"
            );
        }
        if($articleManager->getArticle(3) == null ){
            $articleManager->addArticle(
                "Datenschutz vs Datensicherheit",
                "Datenschutz ist in unserer digital vernetzten Welt allgegenwärtig...",
                "max.mustermann",
                "Informatik",
                "Daten, DSGVO"
            );
        }
        return $articleManager;
    }
 }
@@ -0,0 +1,67 @@
 <?php
 require_once "Article.php";
 /**
 * Die Klasse beinhaltet alle Methoden für die Operation mit den Artikel-Daten.
 *
 * @author Niklas Ortmann
 */
 interface ArticleManagerDAO
 {
    /**
     * Ein angemeldeter Nutzer erstellt einen neuen Beitrag.
     * @param $title string Titel des Beitrags
     * @param $content string Inhalt des Beitrags
     * @param $author string der Autor des des Beitrages NID
     * @param $category string Kategorie des Beitrages
     * @param $tags string optionale Schlagworte für eine bessere Suche
     *
     * Mögliche Exceptions:
     * TODO Fehlerbeschreibung hinzufügen & tags hinzufügen
     */
    public function addArticle($title, $content, $author, $category, $tags);
    /**
     * Ein angemeldeter Nutzer bearbeitet einen Beitrag.
     * $id ID des Beitrags
     * $title Titel des Beitrags
     * $content Der Inhalt des Beitrags
     * $author dem Author des des Beitrags (NID oder email)
     *
     * Mögliche Exceptions:
     * TODO Fehlerbeschreibung hinzufügen
     */
    public function updateArticle($id, $title, $content, $author);
    /*
     * Ein angemeldeter Nutzer löscht einen seiner Beiträge.
     * $id ID des Beitrags
     * $title Titel des Beitrags
     * $content Der Inhalt des Beitrags
     * $author dem Author des des Beitrags (NID oder email)
     *
     * Mögliche Exceptions:
     * TODO Fehlerbeschreibung hinzufügen
     */
    public function deleteArticle($id);
    /**
     * Beitrag aufrufen.
     * $id ID des Beitrags
     *
     * @return Article
     * Mögliche Exceptions:
     * TODO Fehlerbeschreibung hinzufügen
     */
    public function getArticle($id);
    /**
     * Alle Beiträge aufrufen.
     *
     * Mögliche Exceptions:
     * TODO Fehlerbeschreibung hinzufügen
     */
    public function getAllArticles();
 }
 ?>
@@ -0,0 +1,101 @@
 <?php
 require_once 'ArticleManagerDAO.php';
 require_once 'Article.php';
 /**
 * Klasse: Eine lokale Lösung des ArticleManagerDAO.
 * Schreibt zunächst Daten lokal in das Verzeichnis und kann diese wieder auslesen.
 *
 * @author Niklas Ortmann
 */
 class LocalArticleManager implements ArticleManagerDAO {
    private $file;
    private static $instance = null;
    /**
     * Konstruktor
     */
    public function __construct()
    {
        $this->file = __DIR__ . '/../../data/articles.json';
    }
    /**
     * Gibt die LocalArticleManager-Instanz zurück.
     * @return LocalArticleManager
     */
    public static function getInstance()
    {
        if (self::$instance == null) {
            self::$instance = new LocalArticleManager();
        }
        return self::$instance;
    }
    /**
     * Speichert alle Artikel/Beiträge in der Datei.
     * @param $articles
     * @return void
     */
    public function saveArticle($articles)
    {
        file_put_contents(
            $this->file,
            json_encode($articles, JSON_PRETTY_PRINT)
        );
    }
    public function addArticle($title, $content, $author, $category, $tags)
    {
        $articles = $this->getAllArticles();
        $articles[] = [
            "id" => count($articles)+1,
            "title" => $title,
            "content" => $content,
            "author" => $author,
            "category" => $category,
            "tags" => $tags,
            "creationDate" => date("Y-m-d H:i:s")
        ];
        $this->saveArticle($articles);
    }
    public function updateArticle($id, $title, $content, $author)
    {
        // TODO: Implement updateArticle() method.
    }
    public function deleteArticle($id)
    {
        // TODO: Implement deleteArticle() method.
    }
    public function getArticle($id)
    {
        $articles = $this->getAllArticles();
        foreach ($articles as $article) {
            if (isset($article['id']) && $article['id'] == $id) {
                return new Article(intval($article['id']), $article['title'], $article['content'], $article['author'], $article['category'], $article['tags'], $article['creationDate']);
            }
        }
        return null;
    }
    public function getAllArticles(): array
    {
        if (!file_exists($this->file)) {
            return [];
        }
        $json = file_get_contents($this->file);
        $articles = json_decode($json, true);
        return is_array($articles) ? $articles : [];
    }
 }
 ?>
@@ -0,0 +1,52 @@
 <!--
    Artikel: Satz des Pythagoras
    Funktion: Inhalt zum Fach Mathe
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/footer.css">
    <title>EduForge</title>
 </head>
 <body>
 <?php
 include_once 'includes/navbar.php';
 ?>
    <main>
        <h1>Satz des Pythagoras</h1>
        <p>
            Der Satz des Pythagoras wurde von dem griechischen Philosophen Pythagoras von Samos formuliert und im
            dritten Jahrhundert vor Christus veröffentlicht.
        </p>
        <figure>
          <img src="https://cdn8.picryl.com/photo/2016/05/14/pythagoras-e9560b-1024.jpg" alt="Trulli" style="width:10%">
          <figcaption><a href="https://cdn8.picryl.com/photo/2016/05/14/pythagoras-e9560b-1024.jpg">Quelle</a></figcaption>
        </figure>
        <p>
            In der beigefügten Abbildung sehen wir ein rechtwinkliges Dreieck, dessen drei Seiten die Längen a, b und c
            besitzen. Auf jeder Seite ist ein Quadrat konstruiert. Das Quadrat auf der Seite a hat die Fläche a2, das
            Quadrat auf der Seite b hat die Fläche b2 und das Quadrat auf der Seite c hat die Fläche c2. Der Satz des
            Pythagoras besagt, dass die Summe der Flächen der beiden kleineren Quadrate gleich der Fläche des größten
            Quadrats ist. Das bedeutet, dass a^2+b^2=c^2 (Satz des Pythagoras).
        </p>
    <a href="docs/Uebungsaufgaben_Pythagoras.pdf">Lernzettel-Download</a>
    </main>
 <?php
 include_once 'includes/footer.php';
 ?>
 </body>
 </html>
@@ -0,0 +1,46 @@
 <!--
    Artikel: Tunneleffekt
    Funktion: Inhalt zum Fach Physik
 -->
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/navbar.css">
    <link rel="stylesheet" href="css/footer.css">
    <title>EduForge</title>
 </head>
 <body>
 <?php
 include_once 'includes/navbar.php';
 ?>
    <main>
        <h1>Tunneleffekt</h1>
        <p>
            Der Tunneleffekt ist ein quantenmechanisches Phänomen, bei dem Teilchen – vor allem Elektronen – eine
            Energiebarriere überwinden können, obwohl sie nach den Regeln der klassischen Physik nicht genügend Energie
            dafür besitzen. In der klassischen Vorstellung müsste ein Elektron entweder genügend Energie haben, um über
            eine Barriere zu „springen“, oder es würde vollständig zurückgeworfen. In der Quantenphysik wird ein Elektron
            jedoch nicht als punktförmiges Teilchen beschrieben, sondern als Wellenfunktion, die sich räumlich ausdehnt.
            Dadurch besteht eine endliche Wahrscheinlichkeit, dass sich das Elektron auf der anderen Seite einer Barriere
            befindet (Griffiths & Schroeter, 2018).
        </p>
    </main>
 <?php
 include_once 'includes/footer.php';
 ?>
 </body>
 </html>
@@ -1,56 +0,0 @@
 <?php
 // Webhook: erfasst einen push auf dem dev (und aktualisiert das Webverzeichnis des Servers)
 // Quelle: https://docs.gitea.com/usage/webhooks
 ini_set('error_log', __DIR__ . '/tmp.log');
 $secret_key = '763489347';
 // check for POST request
 if ($_SERVER['REQUEST_METHOD'] != 'POST') {
    error_log('FAILED - not POST - '. $_SERVER['REQUEST_METHOD']);
    exit();
 }
 // get content type
 $content_type = isset($_SERVER['CONTENT_TYPE']) ? strtolower(trim($_SERVER['CONTENT_TYPE'])) : '';
 if ($content_type != 'application/json') {
    error_log('FAILED - not application/json - '. $content_type);
    exit();
 }
 // get payload
 $payload = trim(file_get_contents("php://input"));
 if (empty($payload)) {
    error_log('FAILED - no payload');
    exit();
 }
 // get header signature
 $header_signature = isset($_SERVER['HTTP_X_GITEA_SIGNATURE']) ? $_SERVER['HTTP_X_GITEA_SIGNATURE'] : '';
 if (empty($header_signature)) {
    error_log('FAILED - header signature missing');
    exit();
 }
 // calculate payload signature
 $payload_signature = hash_hmac('sha256', $payload, $secret_key, false);
 // check payload signature against header signature
 if ($header_signature !== $payload_signature) {
    error_log('FAILED - payload signature');
    exit();
 }
 // convert json to array
 $decoded = json_decode($payload, true);
 // check for json decode errors
 if (json_last_error() !== JSON_ERROR_NONE) {
    error_log('FAILED - json decode - '. json_last_error());
    exit();
 }
 // success, do something
 error_log('SUCCESS - Webhook hat funktioniert');