Site :

- Make css clean

site/interface/site/index.html

@@ -39,5 +39,12 @@
 			</div>
 		</div>
 	</div>
+	<section class="homeSection">
+		<p>THREEJS</p>
+		
+	</section>
+	<section class="homeSection">
+		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia totam cupiditate magni unde expedita molestiae eum aliquam fugit voluptatibus omnis! Dolores, ipsa inventore necessitatibus numquam aspernatur in perferendis id voluptas?</p>
+	</section>
 </body>
 </html>

site/interface/site/style/home.css

@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   home.css                                           :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: madegryc <madegryc@student.42.fr>          +#+  +:+       +#+        */
+/*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/07 12:00:55 by edbernar          #+#    #+#             */
-/*   Updated: 2024/08/12 18:26:31 by madegryc         ###   ########.fr       */
+/*   Updated: 2024/08/13 13:11:42 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -26,27 +26,27 @@ body {
 
 
 #topBar {
-	margin: 10px;
+	margin-block: 25px;
-	margin-top: 25px;
 	padding: 0;
+	padding-inline: 50px;
 	display: flex;
-	flex-direction: row;
-	justify-content: space-between;
 	background-color: #020202;
+	gap: 4rem;
+	align-items: center;
+	position: absolute;
+	inset-inline: 0;
+	top: 0;
 }
 
 #topButton{
-	margin: 0;
 	padding: 0;
 	color: white;
 	display: flex;
 	font-size: 25px;
-	padding-right: 45%;
-	padding-top: 12px;
 	font-family: "Poppins", sans-serif;
 	font-weight: 500;
 	font-style: normal;
-	gap: 25%;
+	gap: 3rem;
 }
 
 #topButton p {
@@ -70,12 +70,9 @@ body {
 }
 
 #topBar h1 {
-	margin: 0;
 	padding: 0;
 	padding-top: 4px;
 	font-size: 35px;
-	margin-left: 50px;
-	margin-right: 15px;
 	color: white;
 	font-family: 'Poppins';
 	font-style: italic;
@@ -93,8 +90,7 @@ body {
 	font-style: normal;
 	text-align: center;
 	line-height: 40px;
-	margin: 10px 10px;
+	margin-left: auto;
-	margin-right: 50px;
 	transition: background-color 0.3s ease;
 }
 
@@ -103,3 +99,8 @@ body {
 	color: white;
 	cursor: pointer;
 }
+
+.homeSection{
+	color: white;
+	min-height: 100svh;
+}

site/interface/site/style/loginPage.css

@@ -6,16 +6,16 @@
 /*   By: marvin <marvin@student.42.fr>              +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/07 17:15:28 by edbernar          #+#    #+#             */
-/*   Updated: 2024/08/10 18:32:08 by marvin           ###   ########.fr       */
+/*   Updated: 2024/08/13 13:30:43 by marvin           ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
 @keyframes anim1 {
 	0% {
-		transform: translate(-50%, -150%);
+		transform: translate(0, -150%);
 	}
 	100% {
-		transform: translateY(-50%, -50%);
+		transform: translateY(0, 0);
 	}
 }
 
@@ -128,18 +128,16 @@
 }
 
 #loginDiv {
-	width: 80%;
+	inset: 0;
-	height: 80%;
+	padding-block: 7rem;
 	display: flex;
 	position: absolute;
 	z-index: 500;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
 	animation: anim1 0.4s;
 	font-family: "Poppins", sans-serif;
 	font-weight: 500;
 	font-style: normal;
+	justify-content: center;
 }
 
 #globalBg {
@@ -158,16 +156,16 @@
 
 
 #threeDiv {
-	width: 30%;
+	width: 20%;
 	height: 100%;
-	background-color: #020202;
+	background-color: white;
 }
 
 
 
 
 #connectDiv {
-	width: 60%;
+	width: 45%;
 	height: 100%;
 	background-color: #020202;
 	display: flex;