premier jet d'un décompte auto-maj en js.

assets/css/page/index.css

@@ -10,3 +10,13 @@
 	margin-top: 40px;
 	border-radius: 15px;
 }
+
+#decompte{
+
+	margin-top: 5%;
+	width: 100%;
+	height: 200px;
+	font-size: 100px;
+	color: rgb(159, 73, 47);
+
+}

construction.php

@@ -1,13 +1,62 @@
 <?php
 ob_start(); // Start reading html
+
+
 ?>
 <main>
 
+
+    <script>
+
+        /*
+        Script du decompte avant la semaine d'accueil. 
+        */
+
+        // avis aux futurs devs, changez la date ici :)
+        var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
+
+        function set_timer(){
+
+            // recupere la date actuelle
+            var date_now = Math.floor(Date.now() / 1000);
+
+            // savants calculs à base de division de timestamps UNIX en secondes
+            var delta_seconds = target_date-date_now;
+
+            var delta_days = Math.floor(delta_seconds/(60*60*24));
+            var delta_hours = Math.floor((delta_seconds % (60*60*24)) /(60*60));
+            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 "
+            +delta_hours+"h "
+            +delta_minutes+"min "
+            +delta_seconds+"s";
+
+            // récursion chaque seconde
+            setTimeout(set_timer, 1000);
+        }
+
+        // assigne la fonction qui gère le timer au chargement de la page
+        window.onload = set_timer;
+
+    </script>
+
+
     <div id="msg_acc">
         <p>
-            Page en construction, revenez plus tard (c'est pas la faute des devs)
+            /!\ Page en construction, revenez plus tard /!\<br>
+            (Taper un dev ne le fera pas aller plus vite...sauf s'il est soudoyé)
         </p>
+        <div id="decompte">
+
         </div>
+    </div>
+
+
+
 </main>
 <?php
 $infopage = ["", "En construction", ob_get_clean(), "", "index","Page en Construction"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6

index.php

@@ -2,7 +2,8 @@
 ob_start(); // Start reading html
 
 include "assets/fonts/color.php";
-include "assets/scripts/globals.php"
+include "assets/scripts/globals.php";
+include "assets/scripts/decompte.php";
 
 ?>
 <main>
@@ -10,6 +11,51 @@ include "assets/scripts/globals.php"
 
 
 
+<script>
+
+
+    /*
+    Script du decompte avant la semaine d'accueil. 
+    */
+
+    // avis aux futurs devs, changez la date ici :)
+    var target_date = Math.floor(Date.parse("15-Sep-2023 00:00:00") /1000)
+
+    function set_timer(){
+
+        // recupere la date actuelle
+        var date_now = Math.floor(Date.now() / 1000);
+
+        // savants calculs à base de division de timestamps UNIX en secondes
+        var delta_seconds = target_date-date_now;
+
+        var delta_days = Math.floor(delta_seconds/(60*60*24));
+        var delta_hours = Math.floor((delta_seconds % (60*60*24)) /(60*60));
+        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 "
+        +delta_hours+"h "
+        +delta_minutes+"min "
+        +delta_seconds+"s";
+
+        // récursion chaque seconde
+        setTimeout(set_timer, 1000);
+    }
+
+
+    // assigne la fonction qui gère le timer au chargement de la page
+    window.onload = set_timer;
+
+</script>
+
+        <div id="decompte">
+
+        </div>
+
+        
         <div id="msg_acc">
             <p>
                 Bienvenue à l'<font color="red">INSA Toulouse</font> jeune aventurier, pour ta magnifique semaine d'accueil.

planning.php

@@ -250,7 +250,7 @@ include "assets/scripts/globals.php"
         <section>
             <form method="POST">
                 <input type="submit" name="p2" value="Planning <?=$TEAM1?>" class="submit">
-                <input type="submit" name="p3" value="Planning <?=$TEAM1?>" class="submit">
+                <input type="submit" name="p3" value="Planning <?=$TEAM2?>" class="submit">
                 <input type="submit" name="p1" value="Planning général" class="submit">
             </form>
         </section>

structure/footer.php

@@ -32,7 +32,5 @@ Copyright © 2023 - Tous droits réservés
         setTimeout(sup_gif,3900);
     }
 
-    window.onload = main;
-
 
 </script>