Merge branch 'master' into flifloo

# Conflicts:
#	nuitdelinfo_2021/views.py
#	templates/personnes.html
This commit is contained in:
Ethanell 2021-12-03 02:38:53 +01:00
commit e5016b1bfc
7 changed files with 171 additions and 2 deletions

View file

@ -25,7 +25,7 @@ SECRET_KEY = 'django-insecure-85h5=0vw&7e)%9+^n69y!b1ti@7gij_ic3u+66eln838s=!n+l
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
ALLOWED_HOSTS = ["3cab-134-214-214-199.ngrok.io", "localhost", "3218-134-214-214-181.ngrok.io"]
ALLOWED_HOSTS = ["3cab-134-214-214-199.ngrok.io", "localhost", "4125-134-214-214-181.ngrok.io"]
# Application definition

View file

@ -486,4 +486,80 @@ nav .right .search:hover {
color: #00E8C2 !important;
background: #00E8C2;
}
.regilog-title {
margin: 50px 0;
}
.regilog-form {
background: #303030;
padding: 50px;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto;
width: 50%;
width: -moz-fit-content;
}
.regilog-form .flexgroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.regilog-form .flexgroup input:first-child {
margin-right: 20px;
}
.regilog-form .flexgroup input:last-child {
margin-left: 20px;
}
.regilog-form input {
background: transparent;
color: #efefef;
font-size: 20px;
border: none;
width: 100%;
border-bottom: 2px solid white;
margin-bottom: 30px;
}
.regilog-form input::-webkit-input-placeholder {
color: #d3d2d2;
}
.regilog-form input::-moz-placeholder {
color: #d3d2d2;
}
.regilog-form input:-ms-input-placeholder {
color: #d3d2d2;
}
.regilog-form input::-ms-input-placeholder {
color: #d3d2d2;
}
.regilog-form input::placeholder {
color: #d3d2d2;
}
.regilog-form input[type=submit] {
width: -webkit-fit-content;
width: fit-content;
width: -moz-fit-content;
padding: 10px 20px;
display: block;
margin: auto;
color: #00E8C2;
border: 2px solid #00E8C2;
font-size: 25px;
}
/*# sourceMappingURL=style.css.map */

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,49 @@
.regilog-title{
margin: 50px 0;
}
.regilog-form{
background: $background2;
padding: 50px;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: auto;
width: 50%;
width: -moz-fit-content;
.flexgroup{
display: flex;
justify-content: space-between;
width: 100%;
input:first-child{
margin-right: 20px;
}
input:last-child{
margin-left: 20px;
}
}
input{
background: transparent;
color: $light;
font-size: 20px;
border: none;
width: 100%;
border-bottom: 2px solid white;
margin-bottom: 30px;
&::placeholder{
color: $light2;
}
}
input[type="submit"]{
width: fit-content;
width: -moz-fit-content;
padding: 10px 20px;
display: block;
margin: auto;
color: $accent;
border: 2px solid $accent;
font-size: 25px;
}
}

View file

@ -7,4 +7,5 @@
@import "layouts/cards.scss";
@import "layouts/quicksearch.scss";
@import "layouts/personnes.scss";
@import "layouts/regilog.scss";

19
templates/login.html Normal file
View file

@ -0,0 +1,19 @@
{% load static %}
<head>
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="{% static 'js/script.js' %}"></script>
</head>
<body>
<section>
<h1 class="regilog-title">Se connecter</h1>
<div class="regilog-form">
<input type="text" placeholder="Nom d'utilisateur">
<input type="password" placeholder="Mot de passe">
<input type="submit" value="Connexion">
</div>
</section>
</body>

24
templates/register.html Normal file
View file

@ -0,0 +1,24 @@
{% load static %}
<head>
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="{% static 'js/script.js' %}"></script>
</head>
<body>
<section>
<h1 class="regilog-title">S'inscrire</h1>
<div class="regilog-form">
<div class="flexgroup">
<input type="text" placeholder="Prénom">
<input type="text" placeholder="Nom">
</div>
<input type="text" placeholder="Nom d'utilisateur">
<input type="email" placeholder="Email">
<input type="password" placeholder="Mot de passe">
<input type="submit" value="Inscription">
</div>
</section>
</body>