amélioration mineure du papier peint

assets/css/template.css

@@ -36,19 +36,22 @@ body {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
-	min-height: 100vh;
 
-	background-attachment: fixed;
+	background-attachment: fixed,fixed;
-	background-color: #ffffff;
+	background-color: #499135;
-	background-image: url("https://etud.insa-toulouse.fr/~mougnibas/accueil_2023/assets/img/background.svg");
+	background-repeat: no-repeat, no-repeat;
+	background-size: auto,cover;
 }
 
+
 /* papier peint pour petits écrans (smartphones) */
 @media all and (max-width: 800px) {
 
-	body {
+	body{
-		background-image: url("https://etud.insa-toulouse.fr/~mougnibas/accueil_2023/assets/img/asterix.svg");
+		background-position: center center, center center;    
-		background-repeat: space;
+		background-size: auto,cover;
+		background-attachment: fixed,fixed;
+
 	}
 }
 

structure/template.php

@@ -110,20 +110,24 @@ header("Cache-Control: no-cache, must-revalidate");
 
     <script type="text/javascript">
 
+
         var mobile_backgrounds = ['assets/img/asterix.svg', 'assets/img/adrenaline.svg', 'assets/img/obelix.svg', 'assets/img/assurancetourix.svg'];
         var pc_backgrounds = ['assets/img/pc_background.svg'];
         
+        var personnage = "";
         var background = "";
         
         // détecte les petits écrans (frigo connectés, 3DS ...)
         //  
         if (window.innerWidth <= 800){
-            background = mobile_backgrounds[Math.floor(Math.random() * mobile_backgrounds.length)]
+            personnage = mobile_backgrounds[Math.floor(Math.random() * mobile_backgrounds.length)]
+            background = "assets/img/hutte_panoramix.svg";
         }else{
-            background = pc_backgrounds[Math.floor(Math.random() * pc_backgrounds.length)]
+            personnage = pc_backgrounds[Math.floor(Math.random() * pc_backgrounds.length)]
+            background = "assets/img/village.svg";
         }
 
-        document.getElementsByTagName('body')[0].style.backgroundImage = 'url(' + background + ')';
+        document.getElementsByTagName('body')[0].style.backgroundImage = 'url(' + personnage + '),'+ 'url(\"'+background+'\")';
 
 
     </script>