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%;
}

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

@ -10,8 +10,8 @@ h1 {
margin-right: auto; margin-right: auto;
max-height: 15rem; max-height: 15rem;
aspect-ratio: 1/1; aspect-ratio: 1/1;
margin-top: 2rem; margin-top: 0.6rem;
margin-bottom: 2rem; margin-bottom: 0.6rem;
} }
#loginMain { #loginMain {
@ -44,5 +44,3 @@ h1 {
position: absolute; position: absolute;
margin-left: 15%; margin-left: 15%;
} }

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

@ -1,48 +1,31 @@
{% extends "base.html" %} {% extends "base.html" %}
{% load i18n %} {% load i18n %}
{% load static %}
{% load crispy_forms_tags %} {% load crispy_forms_tags %}
{% block header %}
{% load account socialaccount %} <link rel="stylesheet" href="{% static 'css/login.css' %}">
{% endblock header %}
{% block head_title %}{% trans "Sign In" %}{% endblock %} {% block head_title %}{% trans "Sign In" %}{% endblock head_title %}
{% block content %} {% block content %}
<div class="row"> <div class="row">
<div class="col-lg-5"> <img class="logowvh" src="{% static 'img/wvhLogo.svg'%}" alt="" >
<div class="d-flex justify-content-center mt-5">
<h1>{% trans "Sign In" %}</h1> <div class="card shadow-sm p-3 mb-5 bg-body rounded">
<div class="card-body">
{% get_providers as socialaccount_providers %} {% comment %} <p class="">Willkommen bei der Fallen Birdy App</p> {% endcomment %}
{% 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>
</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' %}"> <form class="login" method="POST" action="{% url 'account_login' %}">
{% csrf_token %} {% csrf_token %}
{{ form|crispy }} {{ form|crispy }}
{% if redirect_field_value %} {% if redirect_field_value %}
<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/> <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}"/>
{% endif %} {% endif %}
<a class="btn btn-danger" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a> <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> <button class="btn btn-primary" type="submit">{% trans "Sign In" %}</button>
</div>
</form> </form>
</div> </div>
</div>
</div>
</div>
{% endblock %} {% endblock %}