commit 85e7a444c0e2dbb14dee3a1e8ecb4776bbcc5dc1
parent 5fc97bc8ea02b7072ed4697506b30590e6a7f71a
Author: LennartSchroot <[email protected]>
Date: Mon, 12 Jun 2023 18:14:05 +0200
login + add user opmaak
Diffstat:
3 files changed, 35 insertions(+), 20 deletions(-)
diff --git a/css/login.css b/css/login.css
@@ -59,12 +59,12 @@ nav ul li:first-child {
.container {
margin: 20px auto;
- max-width: 80vw;
+ max-width: 90vw;
text-align: center;
}
.col-md-6{
- width: 80vw;
+ width: 90vw;
}
.title {
@@ -109,8 +109,7 @@ label {
font-size: 4vw;
}
-input[type="email"],
-input[type="password"] {
+input{
width: 85%;
padding: 10px;
font-size: 4vw;
@@ -177,8 +176,7 @@ button[type="submit"]:hover {
padding: 10px;
}
- input[type="email"],
- input[type="password"] {
+ input {
font-size: 16px;
}
@@ -220,8 +218,7 @@ button[type="submit"]:hover {
font-size: 20px;
}
- input[type="email"],
- input[type="password"] {
+ input {
font-size: 20px;
}
diff --git a/views/add_user.html b/views/add_user.html
@@ -2,34 +2,53 @@
<html lang="eng">
<head>
<title>Add user</title>
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="/css/homepage.css">
+ <link rel="stylesheet" type="text/css" href="/css/login.css"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
+ <nav class="navbar">
+ <ul>
+ <li><a href="/dashboard" class="a-small-logo"><IMG class="img-small-logo" SRC="/img/small_logo.png"></a></li>
+ <li><a href="/dashboard" class="a-big-logo"><IMG class="img-big-logo" SRC="/img/big-logo.png"></a></li>
+ </ul>
+ </nav>
+ <div class="container mx-auto text-center">
+ <div class="row">
+ <div class="col-md-12 title">
+ <h1>Add user</h1>
+ </div>
+ </div>
+ </div>
<div class="container">
- <h1>Add user</h1>
-
+ <div class="row justify-content-center">
+ <div class="col-md-6">
+ <div class="card">
+ <div class="card-header">Login</div>
+ <div class="card-body">
<form action="/user/add" method="post">
- <div class="mb-3">
+ <div cclass="form-group">
<label for="first_name" class="form-label"><b>Voornaam:</b></label>
<input type="text" class="form-control" name="first_name" id="first_name" placeholder="{{$first_name_error "%%" "First name" !format_if }}" value="{{$first_name "%%" "" !format_if }}">
</div>
- <div class="mb-3">
- <label for="last_name" class="form-label"><b>last_name:</b></label>
+ <div class="form-group">
+ <label for="last_name" class="form-label"><b>Achternaam:</b></label>
<input type="text" class="form-control" name="last_name" id="last_name" placeholder="{{$last_name_error "%%" "Last name" !format_if}}" value="{{$last_name "%%" "" !format_if }}">
</div>
- <div class="mb-3">
+ <div class="form-group">
<label for="email" class="form-label"><b>Email:</b></label>
<input type="text" class="form-control" name="email" id="email" placeholder="{{$email_error "%%" "Email" !format_if}}" value="{{$email "%%" "" !format_if}}">
</div>
- <div class="mb-3">
+ <div class="form-group">
<label for="password" class="form-label"><b>Wachtwoord:</b></label>
<input type="password" class="form-control" name="password" id="password" placeholder="{{$email_error "%%" "******" !format_if}}">
</div>
<button type="submit" class="btn btn-primary" name="submit">Add user</button>
</form>
{{$msg}}
+ </div>
+ </div>
+ </div>
+ </div>
</div>
</body>
</html>
diff --git a/views/login.html b/views/login.html
@@ -33,7 +33,7 @@
placeholder="Enter email" required>
</div>
<div class="form-group">
- <label for="password">password:</label>
+ <label for="password">Password:</label>
<input type="password" class="form-control" id="password" name="password"
placeholder="Enter password" required>
</div>
@@ -41,7 +41,6 @@
</form>
</div>
<div class="row justify-content-center">
- {{$msg}}
</div>
</div>
</div>
