From 2a8910b08e65f50fb33f7469990557489fb8558d Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 13:21:35 +0200
Subject: [PATCH 01/10] most of login page done like register page

---
 django/src/ft_auth/templates/login.html | 80 ++++++++++++++++++-------
 1 file changed, 60 insertions(+), 20 deletions(-)

diff --git a/django/src/ft_auth/templates/login.html b/django/src/ft_auth/templates/login.html
index c517b310..eec310bd 100644
--- a/django/src/ft_auth/templates/login.html
+++ b/django/src/ft_auth/templates/login.html
@@ -1,30 +1,44 @@
 {% extends "./extends/base.html" %}
 
 {% block content %}
-<h1>Login</h1>
-
-<form id="login-form" data-url="/api/auth/login/">
-	<div id="login-error"></div>
-	{% csrf_token %}
-	<div>
-		<label for="username">Username</label>
-		<input id="username" type="text" autocomplete="username" />
-	</div>
-	<div>
-		<label for="password">Password</label>
-		<input id="password" type="password" />
-	</div>
-	<button id="form-btn">Login</button>
-</form>
 
-<h2>Or</h2>
+<div id="register-side">
+	<h1>Bottom text</h1>
+</div>
+<div id="login-side" class="container">
+	<div class="column">
+		<form id="login-form" data-url="/api/auth/login/">
+			<div class="row">
+				<h1 class="text-center">Login</h1>
+			</div>
+			<div id="login-error"></div>
+			{% csrf_token %}
+			<div class="form-floating mb-3 row">
+				<input type="text" class="form-control" id="username" placeholder="Username" autocomplete="username">
+				<label for="username">Username</label>
+			</div>
 
-<div>
-	<a href="{{ oauth_url }}">Login with 42</a>
+			<div class="form-floating mb-3 row">
+				<input type="password" class="form-control" id="password" placeholder="Password">
+				<label for="password">Password</label>
+			</div>
+
+			<button id="login-btn" type="submit" class="btn btn-success row w-100 m-0">Login</button>
+		</form>
+		<hr class="row border-bottom border-1 border-dark my-2">
+		</hr>
+		<div class="row">
+			<a href="{{ oauth_url }}">Login with 42</a>
+		</div>
+		<div class="row">
+			<p class="fw-light">Don't have an account yet ? Try <a data-route href="/register"
+					class="text-decoration-none text-success">registering</a></p>
+		</div>
+	</div>
 </div>
 
 <script>
-	document.getElementById('form-btn').onclick = function(e) {
+	document.getElementById('login-btn').onclick = function (e) {
 		document.getElementById('login-error').textContent = '';
 		e.preventDefault();
 		submitForm('login-form', () => route('/'), (json) => {
@@ -32,4 +46,30 @@ <h2>Or</h2>
 		});
 	};
 </script>
-{% endblock %}
+
+<style>
+	#page-container-wrapper {
+		display: flex;
+		height: calc(100vh - 67.5px);
+	}
+
+	#register-side,
+	#login-side {
+		flex: 1;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	#register-side {
+		background-color: #e0e0e0;
+	}
+
+	#login-side {
+		background-color: #f5f5f5;
+		display: flex;
+		flex-direction: column;
+		padding: 0;
+	}
+</style>
+{% endblock %}
\ No newline at end of file

From 8f7da2d9e51e5ad3178f53859e15eb3c4fd89eda Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 13:25:22 +0200
Subject: [PATCH 02/10] moved register.css to register.html <style>

---
 django/src/ft_auth/templates/register.html | 25 ++++++++++++++++++++++
 nginx/src/css/register.css                 | 21 ------------------
 2 files changed, 25 insertions(+), 21 deletions(-)
 delete mode 100644 nginx/src/css/register.css

diff --git a/django/src/ft_auth/templates/register.html b/django/src/ft_auth/templates/register.html
index 2b20f842..eb2b9de1 100644
--- a/django/src/ft_auth/templates/register.html
+++ b/django/src/ft_auth/templates/register.html
@@ -62,4 +62,29 @@ <h1>Right Side</h1>
 		});
 	};
 </script>
+
+<style>
+	#page-container-wrapper {
+		display: flex;
+		height: calc(100vh - 67.5px);
+	}
+
+	#register-side,
+	#login-side {
+		flex: 1;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	#register-side {
+		background-color: #f5f5f5;
+		display: flex;
+		flex-direction: column;
+	}
+
+	#login-side {
+		background-color: #e0e0e0;
+	}
+</style>
 {% endblock %}
\ No newline at end of file
diff --git a/nginx/src/css/register.css b/nginx/src/css/register.css
deleted file mode 100644
index 5ff80c75..00000000
--- a/nginx/src/css/register.css
+++ /dev/null
@@ -1,21 +0,0 @@
-#page-container-wrapper {
-    display: flex;
-    height: calc(100vh - 67.5px);
-}
-
-#register-side, #login-side {
-    flex: 1;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-#register-side {
-    background-color: #f5f5f5;
-    display: flex;
-    flex-direction: column;
-}
-
-#login-side {
-    background-color: #e0e0e0;
-}
\ No newline at end of file

From fb174df7c9d06a2351fe506401a06bcc903a524c Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 15:19:08 +0200
Subject: [PATCH 03/10] added style for 42 auth button

---
 django/src/ft_auth/templates/login.html | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/django/src/ft_auth/templates/login.html b/django/src/ft_auth/templates/login.html
index eec310bd..6670feca 100644
--- a/django/src/ft_auth/templates/login.html
+++ b/django/src/ft_auth/templates/login.html
@@ -28,11 +28,12 @@ <h1 class="text-center">Login</h1>
 		<hr class="row border-bottom border-1 border-dark my-2">
 		</hr>
 		<div class="row">
-			<a href="{{ oauth_url }}">Login with 42</a>
+			<p class="fw-light" style="margin-bottom: 0px;">Don't have an account yet ? Try <a data-route href="/register"
+					class="text-decoration-none text-success">registering</a></p>
 		</div>
 		<div class="row">
-			<p class="fw-light">Don't have an account yet ? Try <a data-route href="/register"
-					class="text-decoration-none text-success">registering</a></p>
+			<p class="fw-light text-center">or 
+			<a id="login-42-btn" class="btn btn-sm rounded-pill rounded-5 text-decoration-none" href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="SVG Image"></a></p>
 		</div>
 	</div>
 </div>
@@ -71,5 +72,18 @@ <h1 class="text-center">Login</h1>
 		flex-direction: column;
 		padding: 0;
 	}
+
+	.image-text {
+		height: 1rem;
+		width: 1rem;
+	}
+
+	#login-42-btn {
+		background-color: #dfbac8;
+		padding-top: 2px;
+		padding-bottom: 2px;
+		padding-left: 4px;
+		padding-right: 4px;
+	}
 </style>
 {% endblock %}
\ No newline at end of file

From 3c6cf247be584a4d54b6f91e0c5cf10bea265052 Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 15:20:00 +0200
Subject: [PATCH 04/10] added 42 logo for login with 42 button on register and
 login pages

---
 nginx/src/assets/42.svg | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 nginx/src/assets/42.svg

diff --git a/nginx/src/assets/42.svg b/nginx/src/assets/42.svg
new file mode 100644
index 00000000..63c77a10
--- /dev/null
+++ b/nginx/src/assets/42.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="m24 12.42-4.428 4.415H24zm-4.428-4.417-4.414 4.418v4.414h4.414V12.42L24 8.003V3.575h-4.428zm-4.414 0 4.414-4.428h-4.414zM0 15.996h8.842v4.43h4.412V12.42H4.428l8.826-8.846H8.842L0 12.421z"/></svg>
\ No newline at end of file

From 4bb45ee07f7e891eb6f1f84663f5989b3c90b797 Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 15:21:03 +0200
Subject: [PATCH 05/10] fixed padding issue in left and right div for register
 page

---
 django/src/ft_auth/templates/register.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/django/src/ft_auth/templates/register.html b/django/src/ft_auth/templates/register.html
index eb2b9de1..4c63273b 100644
--- a/django/src/ft_auth/templates/register.html
+++ b/django/src/ft_auth/templates/register.html
@@ -81,6 +81,7 @@ <h1>Right Side</h1>
 		background-color: #f5f5f5;
 		display: flex;
 		flex-direction: column;
+		padding: 0;
 	}
 
 	#login-side {

From 3c581e23f4ed6bab1cd5b93768aa2593e111c492 Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 15:42:13 +0200
Subject: [PATCH 06/10] added login with 42 button on register page

---
 django/src/ft_auth/templates/register.html | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/django/src/ft_auth/templates/register.html b/django/src/ft_auth/templates/register.html
index 4c63273b..36ad7550 100644
--- a/django/src/ft_auth/templates/register.html
+++ b/django/src/ft_auth/templates/register.html
@@ -31,9 +31,15 @@ <h1 class="text-center">Register</h1>
 		<hr class="row border-bottom border-1 border-dark my-2">
 		</hr>
 		<div class="row">
-			<p class="fw-light">Already have an account ? Try <a data-route href="/login"
+			<p class="fw-light" style="margin-bottom: 0px;">Already have an account ? Try <a data-route href="/login"
 					class="text-decoration-none text-success">logging in</a></p>
 		</div>
+		<div class="row">
+			<p class="fw-light text-center">or
+				<a id="login-42-btn" class="btn btn-sm rounded-pill rounded-5 text-decoration-none"
+					href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="SVG Image"></a>
+			</p>
+		</div>
 	</div>
 </div>
 <div id="login-side">
@@ -87,5 +93,18 @@ <h1>Right Side</h1>
 	#login-side {
 		background-color: #e0e0e0;
 	}
+
+	.image-text {
+		height: 1rem;
+		width: 1rem;
+	}
+
+	#login-42-btn {
+		background-color: #dfbac8;
+		padding-top: 2px;
+		padding-bottom: 2px;
+		padding-left: 4px;
+		padding-right: 4px;
+	}
 </style>
 {% endblock %}
\ No newline at end of file

From 75627c549a18861009a27cbcb478f4a369988b4a Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 15:43:24 +0200
Subject: [PATCH 07/10] formatting for login.html (changing indentation)

---
 django/src/ft_auth/templates/login.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/django/src/ft_auth/templates/login.html b/django/src/ft_auth/templates/login.html
index 6670feca..8b28a56c 100644
--- a/django/src/ft_auth/templates/login.html
+++ b/django/src/ft_auth/templates/login.html
@@ -28,12 +28,14 @@ <h1 class="text-center">Login</h1>
 		<hr class="row border-bottom border-1 border-dark my-2">
 		</hr>
 		<div class="row">
-			<p class="fw-light" style="margin-bottom: 0px;">Don't have an account yet ? Try <a data-route href="/register"
-					class="text-decoration-none text-success">registering</a></p>
+			<p class="fw-light" style="margin-bottom: 0px;">Don't have an account yet ? Try <a data-route
+					href="/register" class="text-decoration-none text-success">registering</a></p>
 		</div>
 		<div class="row">
-			<p class="fw-light text-center">or 
-			<a id="login-42-btn" class="btn btn-sm rounded-pill rounded-5 text-decoration-none" href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="SVG Image"></a></p>
+			<p class="fw-light text-center">or
+				<a id="login-42-btn" class="btn btn-sm rounded-pill rounded-5 text-decoration-none"
+					href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="SVG Image"></a>
+			</p>
 		</div>
 	</div>
 </div>

From 869b754f695290e0b9e1562b66c5e3216606012c Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 16:14:14 +0200
Subject: [PATCH 08/10] removed register.css stylesheet link, i forgor to do it
 earlier and it raises an error

---
 nginx/src/index.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/nginx/src/index.html b/nginx/src/index.html
index 0263dd7a..b9fc8398 100644
--- a/nginx/src/index.html
+++ b/nginx/src/index.html
@@ -11,7 +11,6 @@
 	<link rel="stylesheet" type="text/css" href="/css/styles.css">
 	<link rel="stylesheet" type="text/css" href="/css/sidebar.css">
 	<link rel="stylesheet" type="text/css" href="/css/navbar.css">
-	<link rel="stylesheet" type="text/css" href="/css/register.css">
 	<link rel="stylesheet" type="text/css" href="/css/games.css">
 	<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
 </head>

From 80d031eb540d70e0e3b9545d9e10105f5d03b778 Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Tue, 1 Oct 2024 17:16:27 +0200
Subject: [PATCH 09/10] basic slider implemented, I still need to see how to
 work out the referral part

---
 django/src/ft_auth/templates/register.html | 45 +++++++++++++++++++++-
 1 file changed, 44 insertions(+), 1 deletion(-)

diff --git a/django/src/ft_auth/templates/register.html b/django/src/ft_auth/templates/register.html
index 36ad7550..2a05f869 100644
--- a/django/src/ft_auth/templates/register.html
+++ b/django/src/ft_auth/templates/register.html
@@ -45,6 +45,10 @@ <h1 class="text-center">Register</h1>
 <div id="login-side">
 	<h1>Right Side</h1>
 </div>
+<div id="slider-div" class="slider-div-default">
+	<h1>Right Side</h1>
+	<button id="toggle-slider" class="btn btn-primary mt-3">toggle slider</button>
+</div>
 
 <script>
 	function validate() {
@@ -67,6 +71,14 @@ <h1>Right Side</h1>
 			document.getElementById('register-error').textContent = json.error;
 		});
 	};
+
+	document.getElementById('toggle-slider').addEventListener('click', function() {
+        let element = document.getElementById('slider-div');
+        element.classList.toggle('slider-div-default');
+        element.classList.toggle('slider-div-animation');
+        let btn = document.getElementById('toggle-slider');
+        btn.classList.toggle('active');
+    });
 </script>
 
 <style>
@@ -91,7 +103,7 @@ <h1>Right Side</h1>
 	}
 
 	#login-side {
-		background-color: #e0e0e0;
+		background-color: #f5f5f5;
 	}
 
 	.image-text {
@@ -106,5 +118,36 @@ <h1>Right Side</h1>
 		padding-left: 4px;
 		padding-right: 4px;
 	}
+
+	.slider-div-default {
+		z-index: 9000;
+		width: 50%;
+		height: calc(100vh - 67.5px);
+		background-color: #e0e0e0;
+		position: absolute;
+		top: 67.5px;
+		left: 50%;
+	}
+
+	.slider-div-animation {
+		z-index: 9000;
+		width: 50%;
+		height: calc(100vh - 67.5px);
+		background-color: #e0e0e0;
+		position: absolute;
+		top: 67.5px;
+		left: 0;
+		animation: moveRight 4s;
+		animation-fill-mode: forwards;
+    }
+
+    @keyframes moveRight {
+      0% {
+        left: 0;
+      }
+      100% {
+        left: 50%;
+      }
+    }
 </style>
 {% endblock %}
\ No newline at end of file

From 6ad5dc1b9d1d3aa357634cec2742304f5aa298ed Mon Sep 17 00:00:00 2001
From: croueAlec <alec.croue@gmail.com>
Date: Wed, 2 Oct 2024 11:07:54 +0200
Subject: [PATCH 10/10] added alt description for 42 logo image (fixing the
 sonarcloud issue)

---
 django/src/ft_auth/templates/login.html    | 2 +-
 django/src/ft_auth/templates/register.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/django/src/ft_auth/templates/login.html b/django/src/ft_auth/templates/login.html
index 8b28a56c..9cf88d20 100644
--- a/django/src/ft_auth/templates/login.html
+++ b/django/src/ft_auth/templates/login.html
@@ -34,7 +34,7 @@ <h1 class="text-center">Login</h1>
 		<div class="row">
 			<p class="fw-light text-center">or
 				<a id="login-42-btn" class="btn btn-sm rounded-pill rounded-5 text-decoration-none"
-					href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="SVG Image"></a>
+					href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="42 logo"></a>
 			</p>
 		</div>
 	</div>
diff --git a/django/src/ft_auth/templates/register.html b/django/src/ft_auth/templates/register.html
index 2a05f869..7f29b71d 100644
--- a/django/src/ft_auth/templates/register.html
+++ b/django/src/ft_auth/templates/register.html
@@ -37,7 +37,7 @@ <h1 class="text-center">Register</h1>
 		<div class="row">
 			<p class="fw-light text-center">or
 				<a id="login-42-btn" class="btn btn-sm rounded-pill rounded-5 text-decoration-none"
-					href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="SVG Image"></a>
+					href="{{ oauth_url }}">Login with <img class="image-text" src="/assets/42.svg" alt="42 logo"></a>
 			</p>
 		</div>
 	</div>