Update pythagoras.php

Dynamische Pfade

.idea/.gitignore

@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Environment-dependent path to Maven home directory
+/mavenHomeManager.xml

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_24" default="true" project-jdk-name="openjdk-24" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/webprogrammierung.iml" filepath="$PROJECT_DIR$/.idea/webprogrammierung.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

.idea/webprogrammierung.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

README.md

@@ -1,8 +1,8 @@
-Team Tag-Buchstabe
+Team Tag-Buchstabe: DI-14-C
 Namen der Studierenden:
-- Name 1
+- Name 1 Caroline Schulte
-- Name 2
+- Name 2 Jacques Eilers
-- Name 3
+- Name 3 Niklas Ortmann
 Abgabe zu Aufgabenblatt x
 
 Hinweise:

auth/login.php

@@ -0,0 +1,27 @@
+<!--
+    Form: Login-Bereich
+    Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
+-->
+    <div style="width: 50%">
+        <div style="width: 130px;">
+            <img src="../images/logo.png" width="120" height="72">
+        </div>
+
+        <h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>
+
+        <label id="inputEmail" >E-Mail-Adresse / </label>
+        <p style="width: 80%;">Benutzername/E-Mail-Adresse:</p>
+        <input type="email" name="email" style="width: 80%;" placeholder="E-Mail-Adresse" required autofocus>
+        <label id="inputPassword" >Passwort</label>
+        <p style="width: 80%;">Passwort:</p>
+        <input type="password" name="password" style="width: 80%;" placeholder="Passwort" required>
+        <div style="width: 80%;">
+            <label>
+                <input type="checkbox" name="remember-me" value="1"> angemeldet bleiben
+            </label>
+        </div>
+        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">anmelden</button><br>
+        <div style="width: 70%; text-align: center">
+            <a href="" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
+        </div>
+    </div>

auth/register.php

@@ -0,0 +1,30 @@
+<!--
+    Form: Registrierung
+    Funktion: Erstellung neuer Benutzerkonten
+-->
+
+    <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>
+
+        <label id="inputEmail">Email address</label>
+        <p style="width: 80%;"> Email:</p>
+        <input type="email" name="email"  style="width: 80%;" placeholder="mustermann@web.de" required autofocus>
+        <p  style="width: 80%;"> Vorname:</p>
+        <input type="text" name="vorname"  style="width: 80%;" placeholder="Max" required autofocus>
+        <p  style="width: 80%;"> Nachname:</p>
+        <input type="text" name="nachname"  style="width: 80%;" placeholder="Mustermann" required autofocus>
+
+        <label id="inputPassword">Passwort</label>
+        <p  style="width: 80%;"> Passwort:</p>
+        <input type="password" name="password"  style="width: 80%;" placeholder="Passwort" required>
+        <div style="width: 80%;">
+            <label>
+                <input type="checkbox" value="remember-me"> angemeldet bleiben
+            </label>
+        </div>
+        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">kostenlos registrieren</button>
+    </div>

content/articles/datenschutz.php

@@ -0,0 +1,54 @@
+<!--
+    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>
+
+    <?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>
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

content/articles/pythagoras.php

@@ -0,0 +1,49 @@
+<!--
+    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>
+
+    <?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>
+    </main>
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

content/articles/tunneleffekt.php

@@ -0,0 +1,44 @@
+<!--
+    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>
+
+    <?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>
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

content/home.php

@@ -0,0 +1,17 @@
+<!--
+    Seite: Home
+    Inhalt: Beinhaltet den Inhalt der Startseite
+-->
+<main>
+
+    <h1>Home</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>

content/informatik.php

@@ -0,0 +1,47 @@
+<!--
+    Seite: Informatik
+    Inhalt: Eine Übersicht über alle Beiträge zum Fach
+-->
+<!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>
+
+    <?php
+    	include_once '../includes/navbar.php';
+    ?>
+
+    <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="../content/articles/pythagoras.php">Datenschutz vs. Datensicherheit</a>
+        </div>
+    </main>
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

content/mathe.php

@@ -1,32 +1,27 @@
+<!--
+    Seite: Mathe
+    Inhalt: Eine Übersicht über alle Beiträge zum Fach
+-->
 <!DOCTYPE html>
 <html lang="de">
 
 <head>
     <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
+    <meta name="description" content="EduForge">
-    <meta name="author" content="Dietrich Boles">
+    <meta name="author" content="Niklas Ortmann">
     <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
+    <title>EduForge</title>
 </head>
 
-
 <body>
 
-    <nav>
+    <?php
-        <div>
+    	include_once '../includes/navbar.php';
-            <a href="index.html">Homepage</a>
+    ?>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
 
     <main>
 
-        <h1>Anmeldung</h1>
+        <h1>Mathe</h1>
 
         <p>
             Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
@@ -37,12 +32,16 @@
             sea takimata sanctus est Lorem ipsum dolor sit amet.
         </p>
 
+        <h2>Artikel:</h2>
+        <div>
+            <a href="../content/articles/pythagoras.php">Satz des Pythagoras</a>
+        </div>
     </main>
 
     <footer>
-        <a href="impressum.html">Impressum</a>
+        <a href="legal/impressum.php">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
     </footer>
 </body>
 

content/physik.php

@@ -0,0 +1,49 @@
+<!--
+    Seite: Physik
+    Inhalt: Eine Übersicht über alle Beiträge zum Fach
+-->
+<!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>
+
+    <?php
+    	include_once '../includes/navbar.php';
+    ?>
+
+    <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="../content/articles/tunneleffekt.php">Der Tunneleffekt</a>
+        </div>
+
+    </main>
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

content/profile.php

@@ -0,0 +1,85 @@
+<!--
+    Seite: 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>
+    <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>
+
+    <?php
+    	include_once '../includes/navbar.php';
+    ?>
+
+    <main>
+
+<hr>
+        <div">
+            <div>
+                <div><h1>Benutzerdaten ändern</h1></div>
+                <div><a href="/users"><img src="../images/logo.png" width="120" height="72"></a></div>
+            </div>
+                        <div>
+                            <label for="Vorname"><h4>Vorname</h4></label>
+                            <input type="text" name="Vorname" required="true" placeholder="Vorname" value="<?php //DB-Daten ?>">
+                        </div>
+                    </div>
+                    <div>
+                        <div>
+                            <label for="Nachname"><h4>Nachname</h4></label>
+                            <input type="text" name="Nachname" required="true" placeholder="Nachname"value="<?php //DB-Daten ?>">
+                        </div>
+                    </div>
+                    <div>
+                        <div>
+                            <label for="Handy"><h4>Handy</h4></label>
+                            <input type="text" name="Handy" id="Handy" placeholder="Handynummer" value="<?php //DB-Daten ?>">
+                        </div>
+                    </div>
+                    <div>
+                        <div>
+                            <label for="Email"><h4>Email-Adresse</h4></label>
+                            <input type="email" name="Email" required="true" placeholder="mustermann@web.de" value="<?php //DB-Daten ?>">
+                        </div>
+                    </div>
+                    <div>
+                        <div>
+                            <label for="email"><h4>Wohnort</h4></label>
+                        </div>
+                    </div>
+                    <div>
+
+                        <div>
+                            <label for="Passwort"><h4>Passwort</h4></label>
+                            <input type="password" name="Passwort" required="true" placeholder="Passwort">
+                        </div>
+                    </div>
+
+                    <div>
+                        <div>
+                            <br>
+                            <button type="submit" name="submit"><i></i> Speichern</button>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

includes/navbar.php

@@ -0,0 +1,22 @@
+<!--
+Globales Menü, wird via PHP später in alle Seiten eingebunden
+-->
+<nav>
+	<img src="../images/logo.png" style="height: 44px;  ">
+
+	<a href = "../content/informatik.php" style = "color: white; 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>
+	|
+	<?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>
+</nav>

includes/search.php

@@ -0,0 +1,5 @@
+<!--
+Suchleiste. Wird via PHP später in alle Seiten eingebunden
+-->
+<input type="search" id="site-search" name="q" placeholder="Suchen...">
+<button type="submit">Suchen</button>

index.html

@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
-    <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
-</head>
-
-
-<body>
-
-    <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
-
-
-    <main>
-
-        <h1>Homepage</h1>
-
-        <img src="images/guestbook.png" alt="Gästebuch">
-
-        <p>
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
-            sea takimata sanctus est Lorem ipsum dolor sit amet.
-        </p>
-
-    </main>
-
-    <footer>
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
-    </footer>
-</body>
-
-</html>

index.php

@@ -0,0 +1,33 @@
+<!--
+    Seite: Hompage der Lernplattform
+    Funktion: Webseitengerüst, Anzeigen von Beiträgen, Suchfunktion 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>
+
+    <?php
+	include_once 'includes/navbar.php';
+	//Dynamischer Inhalt (später mit php...):
+	include_once 'content/home.php';
+	?>
+
+
+    <footer>
+        <a href="legal/impressum.php">Impressum</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    </footer>
+</body>
+
+</html>

legal/datenschutz.php

@@ -1,28 +1,24 @@
+<!--
+    Seite: Datenschutzerklärung
+    Inhalt: Informationen zur Datenverarbeitung gemäß DSGVO
+-->
 <!DOCTYPE html>
 <html lang="de">
 
 <head>
     <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
+    <meta name="description" content="EduForge">
-    <meta name="author" content="Dietrich Boles">
+    <meta name="author" content="Niklas Ortmann">
     <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
+    <title>EduForge</title>
 </head>
 
 
 <body>
 
-    <nav>
+    <?php
-        <div>
+	include_once '../includes/navbar.php';
-            <a href="index.html">Homepage</a>
+	?>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
 
     <main>
 
@@ -40,9 +36,9 @@
     </main>
 
     <footer>
-        <a href="impressum.html">Impressum</a>
+        <a href="legal/impressum.php">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
     </footer>
 </body>
 

legal/impressum.php

@@ -1,28 +1,24 @@
+<!--
+    Seite: Impressum
+    Inhalt: wer wie was auf der Webseite
+-->
 <!DOCTYPE html>
 <html lang="de">
 
 <head>
     <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
+    <meta name="description" content="EduForge">
-    <meta name="author" content="Dietrich Boles">
+    <meta name="author" content="Niklas Ortmann">
     <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
+    <title>EduForge</title>
 </head>
 
 
 <body>
 
-    <nav>
+    <?php
-        <div>
+    	include_once '../includes/navbar.php';
-            <a href="index.html">Homepage</a>
+    ?>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
 
     <main>
 
@@ -40,9 +36,9 @@
     </main>
 
     <footer>
-        <a href="impressum.html">Impressum</a>
+        <a href="legal/impressum.php">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
     </footer>
 </body>
 

legal/nutzungsbedingungen.php

@@ -1,27 +1,23 @@
+<!--
+    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="Gästebuch Beispiel">
+    <meta name="description" content="EduForge">
-    <meta name="author" content="Dietrich Boles">
+    <meta name="author" content="Niklas Ortmann">
     <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
+    <title>EduForge</title>
 </head>
 
 <body>
 
-    <nav>
+    <?php
-        <div>
+    	include_once '../includes/navbar.php';
-            <a href="index.html">Homepage</a>
+    ?>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
 
     <main>
 
@@ -39,9 +35,9 @@
     </main>
 
     <footer>
-        <a href="impressum.html">Impressum</a>
+        <a href="legal/impressum.php">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
+        <a href="legal/datenschutz.php">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
+        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
     </footer>
 </body>
 

registrierung.html

@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="description" content="Gästebuch Beispiel">
-    <meta name="author" content="Dietrich Boles">
-    <link rel="stylesheet" href="css/main.css" />
-    <title>Gästebuch</title>
-</head>
-
-<body>
-
-    <nav>
-        <div>
-            <a href="index.html">Homepage</a>
-        </div>
-        <div>
-            <a href="anmeldung.html">Anmelden/Abmelden</a>
-        </div>
-        <div>
-            <a href="registrierung.html">Registrieren</a>
-        </div>
-    </nav>
-
-    <main>
-
-        <h1>Registrierung</h1>
-
-        <p>
-            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
-            dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-            clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
-            consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-            sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
-            sea takimata sanctus est Lorem ipsum dolor sit amet.
-        </p>
-
-    </main>
-
-    <footer>
-        <a href="impressum.html">Impressum</a>
-        <a href="datenschutz.html">Datenschutz</a>
-        <a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
-    </footer>
-</body>
-
-</html>