assets/css/menu.css

@@ -1,7 +1,7 @@
 .menu {
 	position: fixed;
 	left: 0;
-	bottom: -12vh;
+	bottom: -15%;
 	width: 100%;
 	height: 25vh;
 	z-index: 2;
@@ -9,6 +9,11 @@
 	transition: transform 0.3s;
 }
 
+.menu-svg{
+	width: 	30vw;
+	height: 40vh;
+
+}
 
 #menu ul {
 	flex-wrap: wrap;
@@ -17,14 +22,15 @@
 	list-style: none;
 	display: flex;
 	justify-content: center;
+	background-color: transparent;
 	color: #fff;
-	height: auto;
+	height: 50px;
 	align-items: center;
-	background-color: rgba(64, 98, 63, 0.7); /* Add a semi-transparent background color for readability */
+	background-color: rgba(0, 0, 0, 0.7); /* Add a semi-transparent background color for readability */
-	bottom: 5vh;
+
 }
 
-@media all and (max-width: 800px) {
+@media only screen and (max-width: 600px) {
 	/* Add styles for smartphones screens */
 	#menu ul {
 	  height: auto;
@@ -35,8 +41,7 @@
 	#menu li {
 	  margin: 5px 0;
 	}
-
+  }
-}
 
 #menu li {
 margin: 0 10px;
@@ -49,17 +54,50 @@ margin: 0 10px;
 	padding: 10px; /* Add some padding for better readability and clickable area */
 	color: #c25151;
 	text-decoration: none;
-	background-image: url('/assets/img/buisson.svg'); /* Add this line to set the link background image */
+	background-image: url('/assets/img/colonne.svg'); /* Add this line to set the link background image */
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: cover;
 }
   
-#menu a:hover{
+
-	color: #c22828;
+
-	transform: translateY(-2px);
+
+
+
+
+.menu-link{
+	margin-left: 10px;
+	width: 100%;
+	position: absolute;
 }
 
+.menu-link use {
+	transition: transform 50ms;
+	transform-origin: center;
+}
+
+.menu-link.menu-bottom-line use {
+	transform-origin: bottom;
+}
+
+.menu-link text {
+	transition: transform 50ms;
+}
+
+.menu .menu-link:hover text {
+	fill: #FFDC00;
+	transform: translateY(-1px);
+}
+
+.menu-link:hover use {
+	transform: scaleY(1.1);
+
+}
+
+.menu svg {
+	overflow: visible;
+}
 
 
 .mobile-menu {

assets/css/page/construction.css

@@ -9,18 +9,6 @@
 	width: 100%;
 	height: 200%;
 	font-size: 10vh;
-	color: rgb(196, 23, 23);
+	color: rgb(170, 28, 28);
-
-}
-
-
-/* ajuste le décompte pour les petits écrans*/
-@media all and (max-width: 800px) {
-
-	#decompte{
-		font-size: 7vh;
-
-	}
-	
 
 }

assets/css/page/index.css

@@ -4,17 +4,6 @@
 	width: 100%;
 	height: 200%;
 	font-size: 10vh;
-	color: rgb(196, 23, 23);
+	color: rgb(170, 28, 28);
-
-}
-
-/* ajuste le décompte pour les petits écrans*/
-@media all and (max-width: 800px) {
-
-	#decompte{
-		font-size: 7vh;
-
-	}
-	
 
 }

assets/css/template.css

@@ -11,11 +11,11 @@
 .zone_txt {
 	display: block;
 	background-color: rgba(88, 159, 218, 0.798);
-	width: 90vw;
+	width: 80vw;
 	margin-left: auto;
 	margin-right: auto;
-	padding: 5vw;
+	padding: 50px;
-	font-size: 2rem;
+	font-size: 1.2rem;
 	margin-top: 40px;
 	border-radius: 15px;
 	color: black;
@@ -39,19 +39,10 @@ body {
 	min-height: 100vh;
 
 	background-attachment: fixed;
-	background-color: #ffffff;
+	background-color: #bdc7f3;
 	background-image: url("/assets/img/background.svg");
 }
 
-/* papier peint pour petits écrans (smartphones) */
-@media all and (max-width: 800px) {
-
-	body {
-		background-image: url("/assets/img/asterix.svg");
-		background-repeat: space;
-	}
-}
-
 
 main {
 	text-align: center;
@@ -95,6 +86,13 @@ a.linkmail:hover {
 	border-right: solid 2em #a06827;
 	border-bottom: solid 2em #332806;
 
+	/*clip-path: polygon(
+			0 2.00em,1em 1em,2.00em 0,
+			calc(100% - 2.00em) 0,calc(100% - 1em) 1em,100% 2.00em,
+			100% calc(100% - 2.00em),calc(100% - 1em) calc(100% - 1em),calc(100% - 2.00em) 100%,
+			2.00em 100%,1em calc(100% - 1em),0 calc(100% - 2.00em)
+	);*/
+
 	border-radius: 10px;
 }
 

construction.php

@@ -13,7 +13,7 @@ ob_start(); // Start reading html
         */
 
         // avis aux futurs devs, changez la date ici :)
-        var target_date = Math.floor(Date.parse("2023-09-15 00:00:00") /1000)
+        var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
 
         // le coef d'aggrandissement de l'image de la taupe
         var coef = 1

index.php

@@ -17,7 +17,7 @@ include "assets/scripts/globals.php";
     */
 
     // avis aux futurs devs, changez la date ici :)
-    var target_date = Math.floor(Date.parse("2023-09-15 00:00:00") /1000)
+    var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
 
     function set_timer(){
 
@@ -32,8 +32,6 @@ include "assets/scripts/globals.php";
         var delta_minutes = Math.floor((delta_seconds % (60*60))/60);
         delta_seconds = delta_seconds % 60;
 
-
-        
         // on met tout dans le div du decompte
         document.getElementById("decompte").innerText = "J - "
         +delta_days+"j "
@@ -41,8 +39,6 @@ include "assets/scripts/globals.php";
         +delta_minutes+"min "
         +delta_seconds+"s";
 
-
-
         // récursion chaque seconde
         setTimeout(set_timer, 1000);
     }