From 88d2243f86d9cc54605033671c1fc97ce1d084e8 Mon Sep 17 00:00:00 2001
From: Mathis Degryck <madegryc@2E5.42angouleme.fr>
Date: Thu, 3 Oct 2024 20:26:09 +0200
Subject: [PATCH] Site     - Fix last PTME footer     - NEW select game mode
 (need to fix EDDY PART)

---
 .../server/server/templates/homePage.html     |  2 +-
 .../server/server/templates/lobbyPage.html    | 14 ++++++++-
 .../static/style/lobbyPage/lobbyPage.css      | 30 +++++++++++++++++--
 3 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
index 91f2f98..5f0f527 100644
--- a/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
+++ b/docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
@@ -129,7 +129,7 @@
 <footer>
 	<div class="footer-content">
 		<div class="footer-left">
-			<h1>PTME</h1>
+			<h1>METH</h1>
 			<p>ft_transcendance project<br>for 42 shcool</p>
 		</div>
 		<div class="footer-right">
diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
index 10fef54..05228f3 100644
--- a/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
+++ b/docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
@@ -84,6 +84,18 @@
 			<div class="mode-card">
 				<p>Multiplayer local</p>
 			</div>
+
+			<div class="mode-card-ns">
+				<p>Matchmaking</p>
+			</div>
+
+			<div class="mode-card-ns">
+				<p>Ranked</p>
+			</div>
+
+			<div class="mode-card-ns">
+				<p>Tournament</p>
+			</div>
 		</div>
 
 		<!--------- FOR MATHIS : I made some changes here ---------->
@@ -202,7 +214,7 @@
 					<div class="not-select-keys FRButton">FR</div>
 				</div>
 				<span class="line"></span>
-				<p style="text-align: center;">Tournament code</p>
+				<p style="text-align: center; margin-bottom: 20px;">Tournament code</p>
 				<input id="tournamentCode" class="search-input" type="text" placeholder="Enter the tournament code (empty for create one)">
 			</div>
 	
diff --git a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
index f606ff3..d1ef794 100644
--- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
+++ b/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
@@ -356,17 +356,37 @@ body {
 
 .game-mode {
 	display: flex;
+	flex-direction: column;
 	justify-content: flex-start;
+	width: 300px;
+	height: 550px;
 }
 
 .mode-card {
+	width: 100%;
+	height: 100px;
 	background-color: white;
-	color: #000;
+	color: #020202;
 	padding: 20px;
-	width: 300px;
-	height: 550px;
+	margin-block: 20px;
 	display: flex;
 	justify-content: center;
+	align-items: center;
+	font-size: 1.2em;
+	transition: transform 0.3s ease;
+}
+
+.mode-card-ns {
+	width: 100%;
+	height: 100px;
+	background-color: transparent;
+	color: white;
+	border: 5px solid white;
+	padding: 20px;
+	margin-block: 20px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 	font-size: 1.2em;
 	transition: transform 0.3s ease;
 }
@@ -375,6 +395,10 @@ body {
 	transform: scale(1.05);
 }
 
+.mode-card-ns:hover {
+	transform: scale(1.05);
+}
+
 .search-container {
 	display: flex;
 	align-items: flex-start;