Strukturierung des Verzeichnisses
Die Dateien wurden in Unterordner gebracht. Es wurde ein logo.png erstellt und hinzugefügt. Es wurde eine (unfertige) Navbar erstellt. Es wurde die login-Form erstellt. Es wurden Kommentare zu allen Dateien hinzugefügt.
This commit is contained in:
@@ -1,49 +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>Anmeldung</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>
|
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
<!--
|
||||||
|
Form: Login-Bereich
|
||||||
|
Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
|
||||||
|
-->
|
||||||
|
<form name="loginForm" action="?pfad=profile" method="POST">
|
||||||
|
|
||||||
|
<div style="width: 50%">
|
||||||
|
<div style="width: 130px;">
|
||||||
|
<img src="../images/logo.png" width="120" height="72">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>
|
||||||
|
|
||||||
|
<label id="inputEmail" >E-Mail-Adresse / </label>
|
||||||
|
<p style="width: 80%;">Benutzername/E-Mail-Adresse:</p>
|
||||||
|
<input type="email" name="email" style="width: 80%;" placeholder="E-Mail-Adresse" required autofocus>
|
||||||
|
<label id="inputPassword" >Passwort</label>
|
||||||
|
<p style="width: 80%;">Passwort:</p>
|
||||||
|
<input type="password" name="password" style="width: 80%;" placeholder="Passwort" required>
|
||||||
|
<div style="width: 80%;">
|
||||||
|
<label>
|
||||||
|
<input type="checkbox" name="remember-me" value="1"> angemeldet bleiben
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">anmelden</button><br>
|
||||||
|
<div style="width: 70%; text-align: center">
|
||||||
|
<a href="index.html?pfad=auth/register" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
@@ -0,0 +1,52 @@
|
|||||||
|
<!--
|
||||||
|
Seite: Registrierung
|
||||||
|
Funktion: Erstellung neuer Benutzerkonten
|
||||||
|
-->
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="description" content="Gästebuch Beispiel">
|
||||||
|
<meta name="author" content="Dietrich Boles">
|
||||||
|
<link rel="stylesheet" href="css/main.css" />
|
||||||
|
<title>Gästebuch</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<div>
|
||||||
|
<a href="index.html">Homepage</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="anmeldung.html">Anmelden/Abmelden</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="registrierung.html">Registrieren</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<h1>Registrierung</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
|
||||||
|
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
|
||||||
|
clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
|
||||||
|
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
|
||||||
|
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
|
||||||
|
sea takimata sanctus est Lorem ipsum dolor sit amet.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<a href="impressum.html">Impressum</a>
|
||||||
|
<a href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 199 KiB |
@@ -0,0 +1,23 @@
|
|||||||
|
<!--
|
||||||
|
Globales Menü, wird via PHP später in alle Seiten eingebunden
|
||||||
|
-->
|
||||||
|
<div class="text-white navbar bg-dark" style="width: 100%; z-index: 1; position: fixed">
|
||||||
|
<div class="" style="width: 20%;">
|
||||||
|
<img src="../images/logo.png" style="height: 44px; ">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href = "index.php?pfad=profile" class="ft-si-15" style = "color: white; padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
|
||||||
|
|
|
||||||
|
<a href = "index.php?pfad=gameServer" class=" ft-navbarRed ft-si-15" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Game-Server</b></a>
|
||||||
|
|
|
||||||
|
<a href = "http://192.168.2.199/ts3wi/" class="ft-navbarRed ft-si-15" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>TeamSpeak3-Server</b></a>
|
||||||
|
|
|
||||||
|
<a href = "index.php?pfad=404" class="ft-navbarRed ft-navbarRed ft-si-15" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>NextCloud-Server</b></a>
|
||||||
|
|
||||||
|
<div class="float-right">
|
||||||
|
<a href = "" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Login </a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href = "" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Register </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
+11
-13
@@ -1,3 +1,7 @@
|
|||||||
|
<!--
|
||||||
|
Seite: Hompage der Lernplattform
|
||||||
|
Funktion: Webseitengerüst, Anzeigen von Beiträgen, Suchfunktion etc.
|
||||||
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
|
|
||||||
@@ -6,22 +10,16 @@
|
|||||||
<meta name="description" content="Gästebuch Beispiel">
|
<meta name="description" content="Gästebuch Beispiel">
|
||||||
<meta name="author" content="Niklas Ortmann">
|
<meta name="author" content="Niklas Ortmann">
|
||||||
<link rel="stylesheet" href="css/main.css" />
|
<link rel="stylesheet" href="css/main.css" />
|
||||||
<title>Gästebuch</title>
|
<title>EduForge</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<div>
|
<?php
|
||||||
<a href="index.html">Homepage</a>
|
include_once 'includes/navbar.html';
|
||||||
</div>
|
?>
|
||||||
<div>
|
|
||||||
<a href="anmeldung.html">Anmelden/Abmelden</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="registrierung.html">Registrieren</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
@@ -43,9 +41,9 @@
|
|||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<a href="impressum.html">Impressum</a>
|
<a href="legal/impressum.html">Impressum</a>
|
||||||
<a href="datenschutz.html">Datenschutz</a>
|
<a href="legal/datenschutz.html">Datenschutz</a>
|
||||||
<a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
<a href="legal/nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,7 @@
|
|||||||
|
<!--
|
||||||
|
Seite: Datenschutzerklärung
|
||||||
|
Inhalt: Informationen zur Datenverarbeitung gemäß DSGVO
|
||||||
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
|
|
||||||
@@ -5,7 +9,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="description" content="Gästebuch Beispiel">
|
<meta name="description" content="Gästebuch Beispiel">
|
||||||
<meta name="author" content="Dietrich Boles">
|
<meta name="author" content="Dietrich Boles">
|
||||||
<link rel="stylesheet" href="css/main.css" />
|
<link rel="stylesheet" href="../css/main.css" />
|
||||||
<title>Gästebuch</title>
|
<title>Gästebuch</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -13,15 +17,9 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<div>
|
<?php
|
||||||
<a href="index.html">Homepage</a>
|
include_once 'includes/navbar.html';
|
||||||
</div>
|
?>
|
||||||
<div>
|
|
||||||
<a href="anmeldung.html">Anmelden/Abmelden</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="registrierung.html">Registrieren</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
@@ -1,3 +1,7 @@
|
|||||||
|
<!--
|
||||||
|
Seite: Impressum
|
||||||
|
Inhalt: wer wie was auf der Webseite
|
||||||
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
|
|
||||||
@@ -5,7 +9,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="description" content="Gästebuch Beispiel">
|
<meta name="description" content="Gästebuch Beispiel">
|
||||||
<meta name="author" content="Dietrich Boles">
|
<meta name="author" content="Dietrich Boles">
|
||||||
<link rel="stylesheet" href="css/main.css" />
|
<link rel="stylesheet" href="../css/main.css" />
|
||||||
<title>Gästebuch</title>
|
<title>Gästebuch</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@@ -13,15 +17,9 @@
|
|||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<div>
|
<?php
|
||||||
<a href="index.html">Homepage</a>
|
include_once 'includes/navbar.html';
|
||||||
</div>
|
?>
|
||||||
<div>
|
|
||||||
<a href="anmeldung.html">Anmelden/Abmelden</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="registrierung.html">Registrieren</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
@@ -1,3 +1,7 @@
|
|||||||
|
<!--
|
||||||
|
Seite: Nutzungsbedingungen
|
||||||
|
Inhalt: Regelungen für die Nutzung der Plattform (AGBs und so...)
|
||||||
|
-->
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
|
|
||||||
@@ -5,22 +9,16 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="description" content="Gästebuch Beispiel">
|
<meta name="description" content="Gästebuch Beispiel">
|
||||||
<meta name="author" content="Dietrich Boles">
|
<meta name="author" content="Dietrich Boles">
|
||||||
<link rel="stylesheet" href="css/main.css" />
|
<link rel="stylesheet" href="../css/main.css" />
|
||||||
<title>Gästebuch</title>
|
<title>Gästebuch</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<div>
|
<?php
|
||||||
<a href="index.html">Homepage</a>
|
include_once 'includes/navbar.html';
|
||||||
</div>
|
?>
|
||||||
<div>
|
|
||||||
<a href="anmeldung.html">Anmelden/Abmelden</a>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="registrierung.html">Registrieren</a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
@@ -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>
|
|
||||||
Reference in New Issue
Block a user