jmehlich/zitate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added dev login form
All checks were successful
Django Backend Validation / build (debian-latest, 3.10) (push) Successful in 14s
Details
Django Backend Validation / build (debian-latest, 3.11) (push) Successful in 17s
Details
Django Backend Validation / build (debian-latest, 3.12) (push) Successful in 17s
Details
Django Backend Validation / build (ubuntu-latest, 3.10) (push) Successful in 12s
Details
Django Backend Validation / build (ubuntu-latest, 3.11) (push) Successful in 16s
Details
Django Backend Validation / build (ubuntu-latest, 3.12) (push) Successful in 14s
Details

Browse Source 
Signed-off-by: Jochen Mehlich <coding@jochenmehlich.de>
This commit is contained in:
Jochen Mehlich 2024-08-28 14:38:47 +02:00
parent 6fdca30b98
commit 71549178ff
3 changed files with 44 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
theme/login.html
View File

@ -1,5 +0,0 @@
{%extends "base.html" %}
{% block content %}
<h1 class="text-3xl text-green-800">Django + Tailwind CSS + Flowbite</h1>
{% endblock content %}

10
theme/templates/base.html
View File

@ -2,19 +2,17 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>Django Tailwind</title>
<title>Zitate</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
{% tailwind_css %}
</head>
<body class="bg-gray-50 font-serif leading-normal tracking-normal">
<body class="bg-gray-50 dark:bg-gray-900 dark:text-white-90">
<div class="container mx-auto">
<section class="flex items-center justify-center h-screen">
{% block content %}
{% endblock content %}
</section>
{% block content %}
{% endblock content %}
</div>
</body>
</html>

40
theme/templates/login.html Normal file
View File

@ -0,0 +1,40 @@
{%extends "base.html" %}
{% block content %}
<section class="bg-gray-50 dark:bg-gray-900">
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
<div class="w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700">
<div class="p-6 space-y-4 md:space-y-6 sm:p-8">
<h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-white">
Sign in to your account
</h1>
<form class="space-y-4 md:space-y-6" action="#">
<div>
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your email</label>
<input type="email" name="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="name@company.com" required="">
</div>
<div>
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Password</label>
<input type="password" name="password" id="password" placeholder="••••••••" class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" required="">
</div>
<div class="flex items-center justify-between">
<div class="flex items-start">
<div class="flex items-center h-5">
<input id="remember" aria-describedby="remember" type="checkbox" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-primary-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-primary-600 dark:ring-offset-gray-800" required="">
</div>
<div class="ml-3 text-sm">
<label for="remember" class="text-gray-500 dark:text-gray-300">Remember me</label>
</div>
</div>
<a href="#" class="text-sm font-medium text-primary-600 hover:underline dark:text-primary-500">Forgot password?</a>
</div>
<button type="submit" class="w-full text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Sign in</button>
<p class="text-sm font-light text-gray-500 dark:text-gray-400">
Don’t have an account yet? <a href="#" class="font-medium text-primary-600 hover:underline dark:text-primary-500">Sign up</a>
</p>
</form>
</div>
</div>
</div>
</section>
{% endblock content %}