nabujena/FallenBirdyForm
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions

beautipimped the login

Browse source
This commit is contained in:
gw3000 2023-07-15 21:45:45 +02:00
parent 813ca89161
commit 12c6d762e2
3 changed files with 60 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/static/css/login.css Normal file
View file

@ -0,0 +1,4 @@
.card {
width: 500px;
max-width: 100%;
}

62
app/static/css/style.css
View file

@ -1,48 +1,46 @@
h1 {
margin-bottom: 2rem;
color: #0068b4;
font-weight: bold;
margin-bottom: 2rem;
color: #0068b4;
font-weight: bold;
}
.logowvh {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 15rem;
aspect-ratio: 1/1;
margin-top: 2rem;
margin-bottom: 2rem;
display: block;
margin-left: auto;
margin-right: auto;
max-height: 15rem;
aspect-ratio: 1/1;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
}
#loginMain{
color: #0068b4;
font-weight: bold;
font-size: 1.5rem;
text-decoration: none;
#loginMain {
color: #0068b4;
font-weight: bold;
font-size: 1.5rem;
text-decoration: none;
}
.rounded-pill {
margin-left: 5px;
margin-left: 5px;
}
.footer {
font-size: small;
font-size: small;
}
#wfvmainsquare{
width: 100px;
height: 100px;
background-color: #0068b4;
rotate: 70deg;
margin: 3%;
border: 3px solid #b1b2b3;
#wfvmainsquare {
width: 100px;
height: 100px;
background-color: #0068b4;
rotate: 70deg;
margin: 3%;
border: 3px solid #b1b2b3;
}
.wfvwhitesquare{
width: 20%;
height: 50%;
background-color: white;
position: absolute;
margin-left: 15%;
.wfvwhitesquare {
width: 20%;
height: 50%;
background-color: white;
position: absolute;
margin-left: 15%;
}

65
app/templates/account/login.html
View file

@ -1,48 +1,31 @@
{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load crispy_forms_tags %}
{% load account socialaccount %}
{% block head_title %}{% trans "Sign In" %}{% endblock %}
{% block header %}
<link rel="stylesheet" href="{% static 'css/login.css' %}">
{% endblock header %}
{% block head_title %}{% trans "Sign In" %}{% endblock head_title %}
{% block content %}
<div class="row">
<div class="col-lg-5">
<h1>{% trans "Sign In" %}</h1>
{% get_providers as socialaccount_providers %}
{% comment %}
{% if socialaccount_providers %}
<p>{% blocktrans with site.name as site_name %}Please sign in with one
of your existing third party accounts. Or, <a href="{{ signup_url }}">sign up</a>
for a {{ site_name }} account and sign in below:{% endblocktrans %}</p>
<div class="socialaccount_ballot">
<ul class="socialaccount_providers">
{% include "socialaccount/snippets/provider_list.html" with process="login" %}
</ul>
<div class="login-or">{% trans 'or' %}</div>
<img class="logowvh" src="{% static 'img/wvhLogo.svg'%}" alt="" >
<div class="d-flex justify-content-center mt-5">
<div class="card shadow-sm p-3 mb-5 bg-body rounded">
<div class="card-body">
{% comment %} <p class="">Willkommen bei der Fallen Birdy App</p> {% endcomment %}
<form class="login" method="POST" action="{% url 'account_login' %}">
{% csrf_token %}
{{ form|crispy }}
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
{% endif %}
<div class="btn-group" data-toggle="buttons">
<a class="btn btn-danger btn-block" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
<button class="btn btn-primary" type="submit">{% trans "Sign In" %}</button>
</div>
</form>
</div>
</div>
</div>
</div>
{% include "socialaccount/snippets/login_extra.html" %}
{% else %}
<p>{% blocktrans %}If you have not created an account yet, then please
<a href="{{ signup_url }}">sign up</a> first.{% endblocktrans %}</p>
{% endif %} {% endcomment %}
<form class="login" method="POST" action="{% url 'account_login' %}">
{% csrf_token %}
{{ form|crispy }}
{% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
{% endif %}
<a class="btn btn-danger" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
<button class="btn btn-primary" type="submit">{% trans "Sign In" %}</button>
</form>
</div>
{% endblock %}