Create new app for homepage

This commit is contained in:
Juhn-Vitus Saß
2025-02-14 16:27:57 +01:00
parent 01f28c0841
commit 897ee79237
21 changed files with 78 additions and 907 deletions

View File

@@ -5,11 +5,12 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="{% static 'accounts/css/base.css' %}">
<link rel="stylesheet" href="{% block stylesheet_path %}{% endblock %}">
<link rel="stylesheet" href="{% static 'homepage/t-style.css' %}">
</head>
<body>
{% include 'homepage/partials/_nav.html' %}
{% block content %}
{% endblock %}
{% include 'homepage/partials/_footer.html' %}
</body>
</html>

View File

@@ -1,9 +1,11 @@
{% extends 'accounts/base.html'%}
{% block title %}Home{% endblock %}
{% block content %}
<h1>Moin moin!</h1>
<form action="{% url 'logout' %}" method="post">
<div class="grid place-content-center h-120">
<h1 class="text-center m-4 text-6xl">Moin moin!</h1>
<form action="{% url 'accounts:logout' %}" method="post">
{% csrf_token %}
<button type="submit">Abmelden</button>
<button class="bg-red-600 text-white p-3 rounded-full font-black" type="submit">Abmelden</button>
</form>
</div>
{% endblock %}

View File

@@ -1,20 +1,21 @@
{% extends 'accounts/base.html' %}
{% load static %}
{% block title %}Login{% endblock %}
{% block stylesheet_path %}{% static 'accounts/css/login.css' %}{% endblock %}
{% block title %}Anmeldung{% endblock %}
{% block content %}
<div class="login-container">
<h2>Anmeldung</h2>
<form method="post">
<div class="grid place-content-center h-120">
<div class="p-4 m-2 border-blue-600 border-2 rounded-xl shadow-md">
<h2 class="text-2xl text-center p-4 font-black">Anmeldung</h2>
<form class="space-y-4" method="post">
{% csrf_token %}
<div class="input-group">
<input type="text" name="username" id="username" required placeholder="BENUTZERNAME">
<div class="">
<input class="p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black" type="text" name="username" id="username" required placeholder="BENUTZERNAME">
</div>
<div class="input-group">
<input type="password" name="password" id="password" required placeholder="PASSWORT">
<div class="">
<input class="p-3 rounded-full bg-gray-200 focus:scale-105 transition duration-200 font-black" type="password" name="password" id="password" required placeholder="PASSWORT">
</div>
<button type="submit" class="login-button">Anmelden</button>
<button class="w-full p-3 rounded-full bg-blue-600 text-white font-black hover:scale-105 transition duration-200" type="submit" class="login-button">Anmelden</button>
</form>
<button class="register_button"><a href="{% url 'register' %}" class="register_link">Noch kein Konto?</a></button>
<button class="text-center text-sm w-full mt-2 font-light text-blue-600"><a href="{% url 'accounts:register' %}" class="register_link">Noch kein Konto?</a></button>
</div>
</div>
{% endblock %}

View File

@@ -1,15 +0,0 @@
{% load static %}
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{% static 'core/t-base-style.css' %}">
<title>qivip</title>
</head>
<body>
{% include 'core/partials/_nav.html' %}
{% block content%}{% endblock %}
{% include 'core/partials/_footer.html' %}
</body>
</html>

View File

@@ -1,15 +0,0 @@
{% extends 'core/base.html' %}
{% block content %}
<div class="absolute grid place-content-center md:h-screen h-150 w-full -z-50 top-0 p-4">
<div class="text-center">
<h2 class="font-bold md:text-8xl text-6xl md:mb-8 text-blue-600">qivip </h2>
<h3 class="italic font-extralight sm:text-2xl text-md">Interaktives Lernen neu definiert.</h3>
</div>
<div class="grid sm:grid-cols-3 place-items-stretch text-center mt-8 gap-4 p-4 border-3 bg-blue-100 border-blue-100 rounded-md">
<a class="qp-a-button bg-green-500 text-white" href="#">Teilnehmen</a>
<a class="qp-a-button bg-indigo-500 text-white" href="#">Erstellen</a>
<a class="qp-a-button bg-purple-500 text-white" href="#">Verwalten</a>
</div>
</div>
{% endblock %}

View File

@@ -1,8 +0,0 @@
<div class="absolute bottom-0 grid place-content-center gap-2 w-full">
<div class="flex space-x-2 pb-4">
<p class="text-sm font-extralight"><a href="#">Impressum</a></p>
<p class="text-sm font-extralight"><a href="#">Datenschutz</a></p>
<p class="text-sm font-extralight"><a href="#">Repository</a></p>
</div>
</div>