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>
|
||||
<html lang="de">
|
||||
|
||||
@@ -6,22 +10,16 @@
|
||||
<meta name="description" content="Gästebuch Beispiel">
|
||||
<meta name="author" content="Niklas Ortmann">
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<title>Gästebuch</title>
|
||||
<title>EduForge</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>
|
||||
<?php
|
||||
include_once 'includes/navbar.html';
|
||||
?>
|
||||
</nav>
|
||||
|
||||
|
||||
@@ -43,9 +41,9 @@
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
<a href="nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||
<a href="legal/impressum.html">Impressum</a>
|
||||
<a href="legal/datenschutz.html">Datenschutz</a>
|
||||
<a href="legal/nutzungsbedingungen.html">Nutzungsbedingungen</a>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,3 +1,7 @@
|
||||
<!--
|
||||
Seite: Datenschutzerklärung
|
||||
Inhalt: Informationen zur Datenverarbeitung gemäß DSGVO
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
@@ -5,7 +9,7 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="Gästebuch Beispiel">
|
||||
<meta name="author" content="Dietrich Boles">
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="../css/main.css" />
|
||||
<title>Gästebuch</title>
|
||||
</head>
|
||||
|
||||
@@ -13,15 +17,9 @@
|
||||
<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>
|
||||
<?php
|
||||
include_once 'includes/navbar.html';
|
||||
?>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
@@ -1,3 +1,7 @@
|
||||
<!--
|
||||
Seite: Impressum
|
||||
Inhalt: wer wie was auf der Webseite
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
@@ -5,7 +9,7 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="Gästebuch Beispiel">
|
||||
<meta name="author" content="Dietrich Boles">
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="../css/main.css" />
|
||||
<title>Gästebuch</title>
|
||||
</head>
|
||||
|
||||
@@ -13,15 +17,9 @@
|
||||
<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>
|
||||
<?php
|
||||
include_once 'includes/navbar.html';
|
||||
?>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
@@ -1,3 +1,7 @@
|
||||
<!--
|
||||
Seite: Nutzungsbedingungen
|
||||
Inhalt: Regelungen für die Nutzung der Plattform (AGBs und so...)
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
@@ -5,22 +9,16 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="Gästebuch Beispiel">
|
||||
<meta name="author" content="Dietrich Boles">
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<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>
|
||||
<?php
|
||||
include_once 'includes/navbar.html';
|
||||
?>
|
||||
</nav>
|
||||
|
||||
<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