Site :

- Add skins Gomu, Minecraft, Windows XP
    - Add back arrow in login phone

docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html

@@ -20,6 +20,7 @@
 		<div class="containerHomePage">
 			<div class="left-side"></div>
 			<div class="right-side">
+				<img id="cross-login" src="/static/img/profilPage/back.svg"></img>
 				<h1>Access to a new WORLD</h1>
 				<form id="loginForm">
 					<label for="email">Email</label>

docker-compose/requirements/nginx/static/javascript/filesLoader.js

@@ -3,10 +3,10 @@
 /*                                                        :::      ::::::::   */
 /*   filesLoader.js                                     :+:      :+:    :+:   */
 /*                                                    +:+ +:+         +:+     */
-/*   By: edbernar <edbernar@student.42angouleme.    +#+  +:+       +#+        */
+/*   By: madegryc <madegryc@student.42.fr>          +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/09/29 22:36:43 by edbernar          #+#    #+#             */
-/*   Updated: 2024/10/09 14:40:52 by edbernar         ###   ########.fr       */
+/*   Updated: 2024/10/09 18:06:05 by madegryc         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -41,31 +41,31 @@ const	url_files = {
 		show: '/static/img/skin/1/back.jpg',
 	},
 	skinTwoTexture: {
-		left: '/static/img/skin/1/left.jpg',
-		right: '/static/img/skin/1/right.jpg',
-		top: '/static/img/skin/1/top.jpg',
-		bottom: '/static/img/skin/1/bottom.jpg',
-		front: '/static/img/skin/1/front.jpg',
-		back: '/static/img/skin/1/back.jpg',
-		show: '/static/img/skin/1/back.jpg',
+		left: '/static/img/skin/2/left.jpg',
+		right: '/static/img/skin/2/right.jpg',
+		top: '/static/img/skin/2/top.jpg',
+		bottom: '/static/img/skin/2/bottom.jpg',
+		front: '/static/img/skin/2/front.jpg',
+		back: '/static/img/skin/2/back.jpg',
+		show: '/static/img/skin/2/back.jpg',
 	},
 	skinThreeTexture: {
-		left: '/static/img/skin/1/left.jpg',
-		right: '/static/img/skin/1/right.jpg',
-		top: '/static/img/skin/1/top.jpg',
-		bottom: '/static/img/skin/1/bottom.jpg',
-		front: '/static/img/skin/1/front.jpg',
-		back: '/static/img/skin/1/back.jpg',
-		show: '/static/img/skin/1/back.jpg',
+		left: '/static/img/skin/3/left.jpg',
+		right: '/static/img/skin/3/right.jpg',
+		top: '/static/img/skin/3/top.jpg',
+		bottom: '/static/img/skin/3/bottom.jpg',
+		front: '/static/img/skin/3/front.jpg',
+		back: '/static/img/skin/3/back.jpg',
+		show: '/static/img/skin/3/back.jpg',
 	},
 	skinFourTexture: {
-		left: '/static/img/skin/1/left.jpg',
-		right: '/static/img/skin/1/right.jpg',
-		top: '/static/img/skin/1/top.jpg',
-		bottom: '/static/img/skin/1/bottom.jpg',
-		front: '/static/img/skin/1/front.jpg',
-		back: '/static/img/skin/1/back.jpg',
-		show: '/static/img/skin/1/back.jpg',
+		left: '/static/img/skin/4/left.jpg',
+		right: '/static/img/skin/4/right.jpg',
+		top: '/static/img/skin/4/top.jpg',
+		bottom: '/static/img/skin/4/bottom.jpg',
+		front: '/static/img/skin/4/front.jpg',
+		back: '/static/img/skin/4/back.jpg',
+		show: '/static/img/skin/4/back.jpg',
 	},
 }
 

docker-compose/requirements/nginx/static/style/homePage/home.css

@@ -6,7 +6,7 @@
 /*   By: madegryc <madegryc@student.42.fr>          +#+  +:+       +#+        */
 /*                                                +#+#+#+#+#+   +#+           */
 /*   Created: 2024/08/07 12:00:55 by edbernar          #+#    #+#             */
-/*   Updated: 2024/10/05 22:09:37 by madegryc         ###   ########.fr       */
+/*   Updated: 2024/10/09 16:23:22 by madegryc         ###   ########.fr       */
 /*                                                                            */
 /* ************************************************************************** */
 
@@ -181,6 +181,18 @@
 	text-align: center;
 }
 
+#cross-login{
+	display: none;
+	position: absolute;
+	top: 20px;
+	/* right: 20px; */
+	left: 20px;
+	width: 70px;
+	height: 70px;
+	cursor: pointer;
+	color: white;
+}
+
 .close {
     position: absolute;
     top: 110px;
@@ -511,6 +523,9 @@ footer {
 		top: 650px;
 		right: 0;
 	}
+	#cross-login{
+		display: block;
+	}
 	.containerHomePage {
 		width: 100%;
 		height: 100%;