From abd968a1c573b1862bd0728f0b7b6a88e307900a Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Mon, 28 Feb 2022 02:15:31 +0100
Subject: sauvegarde zip

---
 public/css/accueil.css | 99 +++++++++++++++++++++++++++++++++++---------------
 public/css/menu.css    | 54 +++++++++++++--------------
 public/main.js         | 24 +++++++++++-
 3 files changed, 118 insertions(+), 59 deletions(-)

(limited to 'public')

diff --git a/public/css/accueil.css b/public/css/accueil.css
index 622ce1f..8f7f8c7 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -134,7 +134,7 @@ form
 
 .zoneVideAdmin
 {
-    padding-top: 20px;
+    padding-top: 10px;
 }
 
 #modeAdmin
@@ -144,8 +144,9 @@ form
     bottom: 0px;
     width: 700px;
     z-index: 2;
-    padding-top: 5px;
-    text-align: center;
+    padding-top: 2px;
+    /*text-align: center;*/
+    /*font-family: Sans-serif;*/
 }
 
 #modeAdmin p
@@ -156,33 +157,26 @@ form
 }
 #modeAdmin>div p
 {
-    /*border: 1px black solid;*/
-    margin: 5px;
-    padding:  0px;
+    /*margin: 5px;*/
+    /*padding: 0px;*/
 }
 #modeAdmin>p a
 {
-    padding: 2px;
-}
-
-#modeAdmin div
-{
-    display: flex;
-    justify-content: space-around;
-    
-    margin: 0px;
-    font-size: 85%;
+    text-decoration: none;
+    color: initial;
 }
 
 #lienModeAdmin
 {
     margin: 0px 20px;
-    padding-bottom: 20px;
 }
 
 #lienModeAdmin p
 {
     text-align: right;
+    /* enlever la bande bleue en dessous du bloc_page */
+    margin-bottom: 0;
+    padding-bottom: 5px;
 }
 
 #lienModeAdmin p a
@@ -225,6 +219,28 @@ form
     color: #666;
 }
 
+.boutonBackup
+{
+    /*font-size: initial;*/ /* corrigé par normalize.css */
+    margin: 2px;
+}
+.boutonBackup a
+{
+    text-decoration: none;
+    color: initial;
+}
+
+/* options au survol */
+#options
+{
+    /*display: none;*/
+    display: flex;
+}
+/*#modeAdmin:hover #options
+{
+    display: flex;
+}*/
+
 
 /* PC, y compris vieux écrans 800x600 */
 @media screen and (min-width: 700px)
@@ -267,7 +283,7 @@ form
 
     #bienvenue
     {
-        background-image: url("accueil/bienvenue.png");
+        background-image: url("../accueil/bienvenue.png");
         width: 630px;
         height: 596px;
     }
@@ -285,8 +301,14 @@ form
 
     .zoneVideAdmin, #modeAdmin
     {
-        height: 70px;
+        /*height: 30px;*/
+        height: 76px;
     }
+
+    /*#modeAdmin:hover
+    {
+        height: 76px;
+    }*/
 }
 
 /* "tablettes" et vieux écrans 640x480 */
@@ -341,7 +363,7 @@ form
 
     #bienvenue
     {
-        background-image: url("accueil/bienvenue_petit.png");
+        background-image: url("../accueil/bienvenue_petit.png");
         width: 480px;
         height: 463px;
         margin: auto;
@@ -360,7 +382,7 @@ form
 
     .zoneVideAdmin, #modeAdmin
     {
-        height: 75px;
+        height: 71px;
     }
 
     #modeAdmin
@@ -384,7 +406,7 @@ form
     }
     .zoneVideAdmin, #modeAdmin
     {
-        height: 70px;
+        height: 66px;
     }
 }
 
@@ -439,7 +461,7 @@ form
 
     #bienvenue
     {
-        background-image: url("accueil/bienvenue_mini.png");
+        background-image: url("../accueil/bienvenue_mini.png");
         width: 320px;
         height: 316px;
     }
@@ -462,7 +484,7 @@ form
 
     .zoneVideAdmin, #modeAdmin
     {
-        height: 65px;
+        height: 61px;
     }
 
     #modeAdmin
@@ -470,9 +492,16 @@ form
         max-width: 380px;
     }
 
-    #modeAdmin div
+    .boutonBackup
     {
         /*margin: 5px;*/
+        /*padding: 1px;*/
+        
+    }
+    #modeAdmin button
+    {
+        font-size: 95%;
+        padding: 1px;
     }
 }
 
@@ -481,18 +510,19 @@ form
 {
     .zoneVideAdmin, #modeAdmin
     {
-        height: 80px;
+        height: 76px;
     }
 
     #modeAdmin
     {
-        font-size: 95%;
+        /*font-size: 95%;*/
         padding: 0px;
     }
     #modeAdmin>p
     {
-        font-size: 90%;
-        margin: 3px;
+        /*font-size: 90%;*/
+        /*margin: 1px;*/
+        text-align: left;
     }
 
     #modeAdmin div
@@ -501,6 +531,15 @@ form
     }
     #modeAdmin>div p
     {
-        margin: 0px 5px;
+        /*margin: 0px 5px;*/
     }
 }
+
+/* spécial */
+@media screen and (max-width: 320px)
+{
+    nav
+    {
+        margin: auto;
+    }
+}
\ No newline at end of file
diff --git a/public/css/menu.css b/public/css/menu.css
index 0e17e34..4c521c0 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -44,7 +44,7 @@
     {
         width: 630px;
         height: 171px;
-        background-image: url("mouette.png");
+        background-image: url("../mouette.png");
     }
 
     #contenu
@@ -67,14 +67,14 @@
 
     #pochette
     {
-        background-image: url("menu/pochette.png");
+        background-image: url("../menu/pochette.png");
         width: 308px;
         height: 271px;
     }
 
     #fille_qui_tombe
     {
-        background-image: url("menu/fille_qui_tombe.jpg");
+        background-image: url("../menu/fille_qui_tombe.jpg");
         width: 208px;
         height: 163px;
         margin: 5px 0px;
@@ -82,14 +82,14 @@
 
     #canoe
     {
-        background-image: url("menu/canoe.png");
+        background-image: url("../menu/canoe.png");
         width: 207px;
         height: 144px;
     }
 
     #cavalier
     {
-        background-image: url("menu/cavalier.jpg");
+        background-image: url("../menu/cavalier.jpg");
         width: 159px;
         height: 312px;
         position: relative;
@@ -98,7 +98,7 @@
 
     #pommes
     {
-        background-image: url("menu/pommes.jpg");
+        background-image: url("../menu/pommes.jpg");
         width: 59px;
         height: 97px;
         position: relative;
@@ -107,14 +107,14 @@
 
     #sirene
     {
-        background-image: url("menu/sirene.jpg");
+        background-image: url("../menu/sirene.jpg");
         width: 320px;
         height: 174px;
     }
 
     #mouette_ocean
     {
-        background-image: url("menu/mouette_ocean.jpg");
+        background-image: url("../menu/mouette_ocean.jpg");
         width: 257px;
         height: 171px;
         margin: 5px 0px;
@@ -122,7 +122,7 @@
 
     #blonde
     {
-        background-image: url("menu/blonde.jpg");
+        background-image: url("../menu/blonde.jpg");
         width: 257px;
         height: 233px;
     }
@@ -143,7 +143,7 @@
     {
         width: 480px;
         height: 131px;
-        background-image: url("mouette_petit.png");
+        background-image: url("../mouette_petit.png");
         margin: auto;
     }
 
@@ -167,14 +167,14 @@
 
     #pochette
     {
-        background-image: url("menu/pochette_petit.png");
+        background-image: url("../menu/pochette_petit.png");
         width: 234px;
         height: 206px;
     }
 
     #fille_qui_tombe
     {
-        background-image: url("menu/fille_qui_tombe_petit.jpg");
+        background-image: url("../menu/fille_qui_tombe_petit.jpg");
         width: 158px;
         height: 124px;
         margin: 4px 0px;
@@ -182,14 +182,14 @@
 
     #canoe
     {
-        background-image: url("menu/canoe_petit.png");
+        background-image: url("../menu/canoe_petit.png");
         width: 157px;
         height: 109px;
     }
 
     #cavalier
     {
-        background-image: url("menu/cavalier_petit.jpg");
+        background-image: url("../menu/cavalier_petit.jpg");
         width: 121px;
         height: 237px;
         position: relative;
@@ -198,7 +198,7 @@
 
     #pommes
     {
-        background-image: url("menu/pommes_petit.jpg");
+        background-image: url("../menu/pommes_petit.jpg");
         width: 45px;
         height: 74px;
         position: relative;
@@ -207,14 +207,14 @@
 
     #sirene
     {
-        background-image: url("menu/sirene_petit.jpg");
+        background-image: url("../menu/sirene_petit.jpg");
         width: 243px;
         height: 132px;
     }
 
     #mouette_ocean
     {
-        background-image: url("menu/mouette_ocean_petit.jpg");
+        background-image: url("../menu/mouette_ocean_petit.jpg");
         width: 195px;
         height: 130px;
         margin: 4px 0px;
@@ -222,7 +222,7 @@
 
     #blonde
     {
-        background-image: url("menu/blonde_petit.jpg");
+        background-image: url("../menu/blonde_petit.jpg");
         width: 195px;
         height: 177px;
     }
@@ -243,7 +243,7 @@
     {
         width: 320px;
         height: 88px;
-        background-image: url("mouette_mini.png");
+        background-image: url("../mouette_mini.png");
         margin: auto;
     }
 
@@ -267,14 +267,14 @@
 
     #pochette
     {
-        background-image: url("menu/pochette_mini.png");
+        background-image: url("../menu/pochette_mini.png");
         width: 156px;
         height: 137px;
     }
 
     #fille_qui_tombe
     {
-        background-image: url("menu/fille_qui_tombe_mini.jpg");
+        background-image: url("../menu/fille_qui_tombe_mini.jpg");
         width: 105px;
         height: 82px;
         margin: 3px 0px;
@@ -282,14 +282,14 @@
 
     #canoe
     {
-        background-image: url("menu/canoe_mini.png");
+        background-image: url("../menu/canoe_mini.png");
         width: 105px;
         height: 73px;
     }
 
     #cavalier
     {
-        background-image: url("menu/cavalier_mini.jpg");
+        background-image: url("../menu/cavalier_mini.jpg");
         width: 80px;
         height: 158px;
         position: relative;
@@ -298,7 +298,7 @@
 
     #pommes
     {
-        background-image: url("menu/pommes_mini.jpg");
+        background-image: url("../menu/pommes_mini.jpg");
         width: 30px;
         height: 49px;
         position: relative;
@@ -308,14 +308,14 @@
 
     #sirene
     {
-        background-image: url("menu/sirene_mini.jpg");
+        background-image: url("../menu/sirene_mini.jpg");
         width: 162px;
         height: 88px;
     }
 
     #mouette_ocean
     {
-        background-image: url("menu/mouette_ocean_mini.jpg");
+        background-image: url("../menu/mouette_ocean_mini.jpg");
         width: 130px;
         height: 86px;
         margin: 3px 0px;
@@ -323,7 +323,7 @@
 
     #blonde
     {
-        background-image: url("menu/blonde_mini.jpg");
+        background-image: url("../menu/blonde_mini.jpg");
         width: 130px;
         height: 118px;
     }
diff --git a/public/main.js b/public/main.js
index 9764394..f3fe6f0 100644
--- a/public/main.js
+++ b/public/main.js
@@ -4,7 +4,7 @@ function versMenu()
 {
 	// ergonomique
 	window.setTimeout("location=('index.php?page=menu');", 10000);
-	window.setTimeout(function(){location.href="index.php?page=menu"}, 3000);
+	//window.setTimeout(function(){location.href="index.php?page=menu"}, 10000);
 }
 
 function deconnexionAutomatique()
@@ -88,4 +88,24 @@ function nouveauMotdepasse(page)
 {
 	confirm('Le mot de passe a été modifié.');
 	window.setTimeout(location=('index.php?page=' + page + '&message=nouveau_mdp'), 0);
-}
\ No newline at end of file
+}
+
+// envoie gros fichier ZIP
+// si le fichier ne passe pas la limite de l'hébergeur (php.ini)
+// l'ouvrir en javascript chaque envoyer progressivement
+function extraireZIPetEnvoyerUnParUn()
+{
+	// taille du fichier?
+
+	// taille limite autorisée?
+	// obtenue avant avec phpinfo() puis insérée dans le code JS
+
+	// si le fichier est plus gros que la limite:
+	// extraire l'archive
+	// envoyer les fichiers un par un par des requêtes AJAX
+	// le serveur peut aussi limiter le nombre de fichiers
+	// lors d'un envoie multiple
+	// en les envoyant un par un ça devrait être bon
+
+	// sinon ne rien faire et laisser l'envoi normal se faire
+}
-- 
cgit v1.2.3