Site

- Fix last PTME footer
    - NEW select game mode (need to fix EDDY PART)

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">

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>
 	

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;