OpenClassrooms-Student-Center · morganhel · Sep 7, 2023 · Sep 8, 2023 · Sep 8, 2023 · Sep 10, 2023
diff --git a/Backend/database.sqlite b/Backend/database.sqlite
diff --git a/Backend/images/abajour-tahina1697015221925.png b/Backend/images/abajour-tahina1697015221925.png
diff --git a/Backend/images/abajour-tahina1697028230489.png b/Backend/images/abajour-tahina1697028230489.png
diff --git a/Backend/images/abajour-tahina1697038969389.png b/Backend/images/abajour-tahina1697038969389.png
diff --git a/Backend/images/abajour-tahina1697058102069.png b/Backend/images/abajour-tahina1697058102069.png
diff --git a/Backend/images/abajour-tahina1697112390677.png b/Backend/images/abajour-tahina1697112390677.png
diff --git a/Backend/images/bar-maltjuniper_-_newyork1696867341210.png b/Backend/images/bar-maltjuniper_-_newyork1696867341210.png
diff --git a/Backend/images/bar-maltjuniper_-_newyork1696867386754.png b/Backend/images/bar-maltjuniper_-_newyork1696867386754.png
diff --git a/Backend/images/bar-maltjuniper_-_newyork1696867579854.png b/Backend/images/bar-maltjuniper_-_newyork1696867579854.png
diff --git a/Backend/images/bar-maltjuniper_-_newyork1696867747202.png b/Backend/images/bar-maltjuniper_-_newyork1696867747202.png
diff --git a/Backend/images/bar-maltjuniper_-_newyork1696867946885.png b/Backend/images/bar-maltjuniper_-_newyork1696867946885.png
diff --git a/Backend/images/bar-maltjuniper_-_newyork1697059998242.png b/Backend/images/bar-maltjuniper_-_newyork1697059998242.png
diff --git a/Backend/images/la-balisiere1697039023292.png b/Backend/images/la-balisiere1697039023292.png
diff --git a/Backend/images/sophie-bluel1697038814973.png b/Backend/images/sophie-bluel1697038814973.png
diff --git a/Backend/images/sophie-bluel1697057985788.png b/Backend/images/sophie-bluel1697057985788.png
diff --git a/Backend/images/sophie-bluel1697058016352.png b/Backend/images/sophie-bluel1697058016352.png
diff --git a/Backend/images/structures-thermopolis1697038428061.png b/Backend/images/structures-thermopolis1697038428061.png
diff --git a/Backend/images/structures-thermopolis1697057771555.png b/Backend/images/structures-thermopolis1697057771555.png
diff --git a/Backend/images/structures-thermopolis1697059539362.png b/Backend/images/structures-thermopolis1697059539362.png
diff --git a/Backend/images/structures-thermopolis1697112051844.png b/Backend/images/structures-thermopolis1697112051844.png
diff --git a/Backend/images/structures-thermopolis1697112298842.png b/Backend/images/structures-thermopolis1697112298842.png
diff --git a/Backend/images/structures-thermopolis1697116537026.png b/Backend/images/structures-thermopolis1697116537026.png
diff --git a/Backend/images/villa-ferneze1696870987436.png b/Backend/images/villa-ferneze1696870987436.png
diff --git a/Backend/images/villa-ferneze1697028216403.png b/Backend/images/villa-ferneze1697028216403.png
diff --git a/Backend/images/villa-ferneze1697028218948.png b/Backend/images/villa-ferneze1697028218948.png
diff --git a/Backend/images/villa-ferneze1697028779705.png b/Backend/images/villa-ferneze1697028779705.png
diff --git a/Backend/images/villa-ferneze1697038078478.png b/Backend/images/villa-ferneze1697038078478.png
diff --git a/Backend/images/villa-ferneze1697038230478.png b/Backend/images/villa-ferneze1697038230478.png
diff --git a/Backend/images/villa-ferneze1697038503725.png b/Backend/images/villa-ferneze1697038503725.png
diff --git a/Backend/images/villa-ferneze1697058813100.png b/Backend/images/villa-ferneze1697058813100.png
diff --git a/Backend/images/villa-ferneze1697058918239.png b/Backend/images/villa-ferneze1697058918239.png
diff --git a/Backend/images/villa-ferneze1697058966634.png b/Backend/images/villa-ferneze1697058966634.png
diff --git a/Backend/images/villa-ferneze1697059072415.png b/Backend/images/villa-ferneze1697059072415.png
diff --git a/Backend/images/villa-ferneze1697059151436.png b/Backend/images/villa-ferneze1697059151436.png
diff --git a/Backend/images/villa-ferneze1697059474202.png b/Backend/images/villa-ferneze1697059474202.png
diff --git a/Backend/images/villa-ferneze1697059508012.png b/Backend/images/villa-ferneze1697059508012.png
diff --git a/Backend/images/villa-ferneze1697059612228.png b/Backend/images/villa-ferneze1697059612228.png
diff --git a/Backend/images/villa-ferneze1697059806148.png b/Backend/images/villa-ferneze1697059806148.png
diff --git a/Backend/images/villa-ferneze1697060130723.png b/Backend/images/villa-ferneze1697060130723.png
diff --git a/Backend/images/villa-ferneze1697111955281.png b/Backend/images/villa-ferneze1697111955281.png
diff --git a/FrontEnd/assets/images/bar-maltjuniper - newyork.png b/FrontEnd/assets/images/bar-maltjuniper - newyork.png
diff --git a/FrontEnd/assets/style.css b/FrontEnd/assets/style.css
@@ -30,6 +30,8 @@ footer, header, hgroup, menu, nav, section {
 }
 body {
 	line-height: 1;
+	background: rgba(255, 254, 248, 1);
+
 }
 ol, ul {
 	list-style: none;
@@ -58,6 +60,7 @@ header {
 	justify-content: space-between;
 	margin: 50px 0
 }
+
 section {
 	margin: 50px 0
 }
@@ -95,9 +98,21 @@ nav li {
 	font-size: 1.2em;
 }
 
-li:hover {
+/* enlever comportement par défaut du lien */
+nav a {
+	text-decoration: none;
+	color:black;
+}
+
+/* change li par nav a pour hover */
+nav a:hover{
 	color: #B1663C;
 }
+
+#login{
+	font-weight: 400;
+}
+
 #introduction {
 	display: flex;
 	align-items: center;
@@ -139,7 +154,7 @@ li:hover {
 }
 #contact {
 	width: 50%;
-margin: auto;
+	margin: auto;
 }
 #contact > * {
 	text-align: center;
@@ -161,6 +176,7 @@ margin: auto;
 	border: none;
 	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.09);
 }
+
 #contact label {
 	margin: 2em 0 1em 0;
 }
@@ -169,20 +185,261 @@ margin: auto;
 	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.09);
 }
 
-input[type="submit"]{
+.forget {
+	text-decoration: underline;
+}
+
+.login {
+	padding:150px;
+}
+
+
+.button{
+	border:none;
 	font-family: 'Syne';
 	font-weight: 700;
 	color: white;
 	background-color: #1D6154;
 	margin : 2em auto ;
 	width: 180px;
+	height:36px;
 	text-align: center;
 	border-radius: 60px ;
 }
 
+.button__off{
+	background-color: #A7A7A7;
+}
+
+
 footer nav ul {
 	display: flex;
 	justify-content: flex-end;
 	margin: 2em
 }
 
+/**** Bannière filtres ****/
+
+.filters {
+	display: flex;
+	justify-content: center;
+	margin-bottom: 1em;
+	gap: 1em;
+}
+
+.filters__button{
+	font-family: 'Syne';
+	font-weight: 700;
+	font-size: 16px;
+	color: #1D6154;
+	background-color:rgba(255, 254, 248, 1);
+	height: 37px;
+	text-align: center;
+	padding:0 1em 0 1em; 
+	border-radius: 60px;
+	border: 1px solid #1D6154;
+}
+
+.filters__buttonAll{
+	color: white;
+	background-color: #1D6154;
+}
+
+.filters__button:focus{
+	color: white;
+	background-color: #1D6154;}
+
+
+/**** Mode edition ****/
+
+.editionBanner{
+	display: none; /*flex;*/
+	align-items: center;
+	justify-content: center;
+	width:100%;
+	height: 59px;
+	background-color: black;
+	color: white;
+	gap: 21px;
+
+}
+
+.title{
+	display:flex;
+	justify-content:center;
+	align-items: baseline;
+	gap: 30px;
+}
+
+.editionButton{
+	display: none;
+	align-items: center;
+	justify-content: center;
+	gap: 10px;
+	cursor: pointer;
+}
+
+
+/**** MODAL ****/
+
+.modal-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100vw;
+	height: 100vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+
+.overlay {
+
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	background: #333333d3;
+}
+
+
+
+.modal {
+	width: 630px;
+	height: 688px;
+	border-radius: 10px;
+	background: rgba(255, 255, 255, 1);
+	position: absolute;
+	padding:40;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap:50px;
+}
+
+
+.close-modal {
+	position: absolute;
+	top: 32px;
+	right: 32px;
+	cursor: pointer;
+  }
+
+.modal-title {
+	font-family: Work Sans;
+	font-size: 26px;
+	font-weight: 400;
+	color: black;
+	margin-top: 60px;
+}
+
+.modal-content{
+	width: 420px;
+	height: 430px;
+	border-bottom: 1px solid rgba(179, 179, 179, 1);
+
+}
+
+.modal-gallery {
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+	grid-column-gap: 8px;
+	padding-bottom: 60px;
+}
+
+.modal-gallery img{
+	width:100%;
+}
+
+.projet{
+	position :relative;
+
+}
+
+.button-delete{
+	width: 17px;
+	height: 17px;
+	position: absolute;
+	top:5px;
+	right:5px;
+	border:none;
+	background-color:black;
+	display:flex;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+}
+
+.button-return {
+	position: absolute;
+	top: 32px;
+	left: 32px;
+	cursor: pointer;
+}
+
+.modal-form{
+	display:flex;
+	flex-direction: column;
+	align-items: center;
+	/* justify-content: space-between; */
+}
+
+.form__input{
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	padding-bottom: 47px;
+}
+
+.form__inputImg{
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	margin-top: 40px;
+	background-color: #E8F1F6;
+	margin-bottom: 10px;
+	border-radius: 5px;
+	height: 170px;
+	width: 100%;
+}
+
+.form__inputImg input{
+	display: none;
+}
+
+.form__inputImg i{
+	font-size: 76px;
+	color: #B9C5CC;
+}
+
+.form__inputImg label{
+	font-size: 14px;
+	font-weight: 500;
+	margin-top: 15px;
+	margin-bottom: 10px;
+	padding: 10px 25px;
+	border-radius: 20px;
+	background-color: #CBD6DC;
+	color: #306685;
+}
+
+.form__inputImg p{
+	font-size: 10px;
+	font-weight: 400;
+	color:#444444;
+
+}
+
+.preview {
+	display: none;
+	height: 100%;
+	width: 129px;
+}
+
+input[type="text"],
+select {
+	padding: 15px;
+	border: none;
+	box-shadow: 0px 4px 14px 0px #0000002c;
+}