43 files changed, 547 insertions, 264 deletions

diff --git a/config.php b/config.php
index be894e9..4d7dcfe 100644
--- a/config.php
+++ b/config.php
@@ -3,6 +3,11 @@
 // écrire 'gd' ou 'imagick'
 $imageLibrary = 'imagick';
 
+// format des sauvegardes à la création
+// écrire 'zip' ou 'tar' ou 'phar'
+$archiveFormat = 'zip';
+// seul zip est supporté pour l'instant
+
 // taille max des fichiers à adapter au php.ini
 $maxWeight = 2000000;
 
diff --git a/controller/Security.php b/controller/Security.php
index 6ea121c..c53cdc6 100644
--- a/controller/Security.php
+++ b/controller/Security.php
@@ -14,10 +14,16 @@ class Security
         );
         private static $specHtmLawed = ''; // optionnel: faire qu'un certain élément puisse n'avoir que certains attributs
 
-        public static function secureString($chaine)
+        public static function secureString(string $chaine): string
         {
                 $chaine = htmLawed($chaine, self::$configHtmLawed, self::$specHtmLawed);
             $chaine = trim($chaine); // supprimer espaces, tabulations et sauts de ligne en début et fin de chaine (pour l'entrée de l'éditeur)
             return $chaine;
         }
 }
+
+function removeSpacesTabsCRLF(string $chaine): string
+{
+        $cibles = [' ', "\t", "\n", "\r"]; // doubles quotes !!
+        return(str_replace($cibles, '', $chaine));
+}
diff --git a/controller/admin.php b/controller/admin.php
index b8ef7ff..ee5c217 100644
--- a/controller/admin.php
+++ b/controller/admin.php
@@ -4,12 +4,12 @@
 // utilisation du site en écriture (admin uniquement)

 // éditeur ouvert ou suppression d'un élément

 

-function melaineEdit($fileCode, $suppression)

+function pageArticlesSimplesAdmin(string $page, string $title, string $headerPaintedTitle, $fileCode, int $suppression)

 {

-        $page_actuelle = "melaine";

+        $headerImage = '<div class="photo" id="photo_' . $page . '" ></div>';

 

         // infos sur les fichiers

-        $Articles = new Article($page_actuelle);

+        $Articles = new Article($page);

         

         // nouvel article

         if($fileCode == '')

@@ -29,7 +29,7 @@ function melaineEdit($fileCode, $suppression)
                         $Articles->delete();

                         

                         // redirection immédiate avant affichage

-                        header('Location: index.php?page=' . $page_actuelle);

+                        header('Location: index.php?page=' . $page);

                         exit();

                 }

                 // modification

@@ -68,18 +68,70 @@ function melaineEdit($fileCode, $suppression)
         require('view/template-formulaires.php');

         // variables $css, $js, $header et $content,

         // $content contient $articles et $editeurHTML

-        require('view/melaine.php');

+        require('view/pageArticlesSimples.php');

         // fin de l'assemblage

         require('view/template.php');

 }

 

+function melaineEdit($fileCode, $suppression)

+{

+        $page = "melaine";

+        $title = "Mais qui est Melaine Favennec?";

+        $headerPaintedTitle = 'Melaine Favennec';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+function concertsEdit($fileCode, $suppression)

+{

+        $page = "concerts";

+        $title = "Concerts";

+        $headerPaintedTitle = 'Concerts';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+function presseEdit($fileCode, $suppression)

+{

+        $page = "presse";

+        $title = "La presse";

+        $headerPaintedTitle = 'La Presse';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+function ateliersEdit($fileCode, $suppression)

+{

+        $page = "ateliers";

+        $title = "Ateliers";

+        $headerPaintedTitle = 'Les ateliers de Melaine';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+function liensEdit($fileCode, $suppression)

+{

+        $page = "liens";

+        $title = "Liens";

+        $headerPaintedTitle = 'Liens';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+function peintureEdit($fileCode, $suppression)

+{

+        $page = "peinture";

+        $title = "peinture";

+        $headerPaintedTitle = 'Celtic Boats';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+function archivesEdit($fileCode, $suppression)

+{

+        $page = "archives";

+        $title = "Archives";

+        $headerPaintedTitle = 'Archives';

+        pageArticlesSimplesAdmin($page, $title, $headerPaintedTitle, $fileCode, $suppression);

+}

+

+

+// page plus complexe que les autres

 function discoEdit($fileCode, $suppression)

 {

-        $page_actuelle = "discographie";

+        $page = "discographie";

         $title = "Discographie";

 

         // modèle

-        $Albums = new Album($page_actuelle);

+        $Albums = new Album($page);

         $Albums->makeFileList();

         

         // contenu: JSON, HTML, noms et chemins des fichiers

@@ -109,7 +161,7 @@ function discoEdit($fileCode, $suppression)
                 if($suppression)

                 {

                         $Albums->delete();

-                        header('Location: index.php?page=' . $page_actuelle);

+                        header('Location: index.php?page=' . $page);

                         exit();

                 }

                 // modification

@@ -132,7 +184,7 @@ function discoEdit($fileCode, $suppression)
                                         // image affichée à côté des formulaires

                                         if(!empty($vignette[2]))

                                         {

-                                                $imageFormulaire = '<img class="imageFormulaire" src="data/' . $page_actuelle . '/images/' . $vignette[2] . '" ><br/>';

+                                                $imageFormulaire = '<img class="imageFormulaire" src="data/' . $page . '/images/' . $vignette[2] . '" ><br/>';

                                         }

                                         else

                                         {

diff --git a/controller/backup.php b/controller/backup.php
index 81d72b9..4fb01ef 100644
--- a/controller/backup.php
+++ b/controller/backup.php
@@ -8,20 +8,23 @@ function sauvegarder($from)
         

         $cheminDestination = "data/";

         $date = date("d-m-Y", time());

-        $nomFichier = "melaineDATA_" . $date . ".zip";

+        $nomFichier = "melaineDATA_" . $date;

         // ne prendre que les dossiers pour exclure les fichiers password.txt, melaineDATA.zip et melainePHP.zip existant

         $dossiersCibles = [ 'data/archives', 'data/concerts', 'data/liens', 'data/presse', 'data/ateliers', 'data/discographie', 'data/melaine', 'data/peinture' ];

         //$fichiersALaRacine = [];

 

         createZip($cheminDestination, $nomFichier, $dossiersCibles);

 

+        global $archiveFormat;

+        $nomFichier = $nomFichier . '.' . $archiveFormat;

+

         require('view/backup.php');

 }

 

 function creerMelainePHP()

 {

         $cheminDestination = 'data/';

-        $nomFichier = "melainePHP.zip";

+        $nomFichier = "melainePHP";

         // tous les dossiers sauf data et .git

         $dossiersCibles = ['model', 'view', 'controller', 'public', 'lib'];

         $fichiersALaRacine = ['*.php', '.htaccess', '*.txt']; // robots?

@@ -34,6 +37,9 @@ function creerMelainePHP()
 // le quatrième est optionnel et concerne les fichiers à la racine

 function createZip($destinationPath, $zipFileName, array $targetDirectories, array $allPattern = [])

 {

+        global $archiveFormat; // choix du format

+        $zipFileName = $zipFileName . '.' . $archiveFormat;

+

         try

         {

                 $Zip = new ZipArchive();

@@ -101,6 +107,8 @@ function restaurer($from)
         // recharger la même page en écrivant les données

         if(isset($_FILES['archive']) && $_FILES['archive']['error'] == 0)

         {

+                // détecter le format (zip ou autre)

+

                 // une copie du zip est conservée dans data/ au cas où

                 move_uploaded_file($_FILES['archive']['tmp_name'], 'data/' . $_FILES['archive']['name']);

                 chmod('data/' . $_FILES['archive']['name'], 0666);

@@ -117,10 +125,6 @@ function restaurer($from)
                         echo($e);

                         die();

                 }

-                

-                //var_dump($Zip->open($nomFichier, ZipArchive::RDONLY));

-                //var_dump(ZipArchive::ER_NOENT);

-

                 if($Zip->open($nomFichier, ZipArchive::RDONLY) === TRUE)

                 {

                         $j = 0;

diff --git a/controller/installation.php b/controller/installation.php
index 6037e17..bf6826d 100644
--- a/controller/installation.php
+++ b/controller/installation.php
@@ -103,12 +103,6 @@ function installation()
         mkdir('data/discographie/images-mini');

         chmod('data/discographie/images-mini', $droitsDossiers);

     }

-    // fichier password.txt

-    if(!file_exists('data/password.txt'))

-    {

-        touch('data/password.txt');

-        chmod('data/password.txt', 0600);

-    }

 

     // créer le melainePHP.zip

     if(!file_exists("data/melainePHP.zip"))

@@ -116,7 +110,6 @@ function installation()
         require('controller/backup.php');

         creerMelainePHP();

     }

-

     // le modèle donnera les droits 0666 (octal) aux nouveaux fichiers à l'intérieur des dossiers

 

     // création d'un mot de passe si password.txt est vide

diff --git a/controller/password.php b/controller/password.php
index 4ca9f4f..8f6a875 100644
--- a/controller/password.php
+++ b/controller/password.php
@@ -5,11 +5,25 @@
 // affichage
 function createPassword()
 {
-        // si installation() vient de créer un fichier vide
-        $hashedPassword = trim(file_get_contents('data/password.txt'));
+        // création du fichier
+    if(!file_exists('data/password.txt'))
+    {
+        touch('data/password.txt');
+        chmod('data/password.txt', 0600);
+    }
+
+    // lecture
+        $hashedPassword = file_get_contents('data/password.txt');
+        if($hashedPassword === false)
+        {
+                echo('Erreur: ouverture du fichier password.txt impossible.');
+                exit();
+        }
+        
+        // création du mot de passe
         if(empty($hashedPassword))
         {
-                // paranoïa
+                // paranoïa?
                 if(isset($_SESSION['admin']))
                 {
                         unset($_SESSION['admin']);
@@ -17,23 +31,31 @@ function createPassword()
                         exit();
                 }
 
-                // au rechargement: un mot de passe a été saisi
-                // les espaces/tabulations sont considérés commes des erreurs
-                if(isset($_POST['motdepasse']) && !empty(trim($_POST['motdepasse'])))
+                // au rechargement après saisi
+                // impossible d'entrer un espace ou une tabulation et de valider par erreur
+                if(isset($_POST['motdepasse']) && !empty($_POST['motdepasse']))
+                {
+                        // caractères non désirés supprimés
+                        require('controller/Security.php');
+                        $password = Security::secureString($_POST['motdepasse']);
+                        $password = removeSpacesTabsCRLF($_POST['motdepasse']);
+                }
+                // enregistrement
+                if(isset($password) && $password == $_POST['motdepasse'])
                 {
-                        // enregistrement
                         hashNewPassword($_POST['motdepasse']);
                         header('Location: index.php');
                 }
                 // 1ère fois
                 else
                 {
-                        $title = "Créer un mot de passe";
-                        $subHeading = "Veuillez choisir le mot de passe que vous utiliserez pour gérer le site.";
+                        $title = 'Créer un mot de passe';
+                        $subHeading = 'Veuillez choisir le mot de passe que vous utiliserez pour gérer le site.';
 
                         require('view/password.php');
 
                         echo($header);
+                        echo($errorBadCharacters);
                         echo($formulaireNouveauMDP);
                         echo($warning);
                 }
@@ -103,37 +125,40 @@ function changePassword()
         $title = "Nouveau mot de passe";
         $subHeading = "Veuillez saisir votre actuel mot de passe suivi du nouveau.";
 
-        // cette page utilise la même vue que la fonction connexion() dans controller/visiteur.php
         require('view/password.php');
-
         echo($header);
 
-        // traitements: vérification ancien mot de passe et choix du nouveau
+        // conformité du nouveau mot de passe
+        if(isset($_POST['nouveauMotdepasse']) && !empty($_POST['nouveauMotdepasse']))
+        {
+                require('controller/Security.php');
+                $newPassword = Security::secureString($_POST['nouveauMotdepasse']);
+                $newPassword = removeSpacesTabsCRLF($_POST['nouveauMotdepasse']);
+        }
+
         // bon mot de passe
-        //if(isset ($_POST["ancienMotdepasse"]) AND $_POST["ancienMotdepasse"] == $secret)
-        if(isset ($_POST["ancienMotdepasse"]) AND testPassword($_POST["ancienMotdepasse"]))
+        if(isset($newPassword) && $newPassword === $_POST['nouveauMotdepasse']
+                && isset ($_POST["ancienMotdepasse"]) AND testPassword($_POST["ancienMotdepasse"]))
         {
-                // enregistrement
+                // enregistrement et confirmation
                 hashNewPassword($_POST["nouveauMotdepasse"]);
-
-                // confirmation
-                echo($message);
-                //exit();
-
-                /*header('Location: index.php?page=' . $_GET['from'] . '&message=nouveau_mdp');
-                exit();*/       
+                echo($message); 
         }
-
         // mauvais mot de passe
         elseif(isset ($_POST["ancienMotdepasse"]) AND !testPassword($_POST["ancienMotdepasse"]))
         {
                 // défense aux attaques par force brute
                 // pas parfait, ne marche pas si l'attaquant multiplie les connexions au site
-                echo($erreurMDP);
+                echo($errorPassword);
                 sleep(1);
             echo($formulaireModifMDP);
         }
-
+        // erreur de conformité
+        elseif(isset($newPassword) && $newPassword !== $_POST['nouveauMotdepasse'])
+        {
+                echo($errorBadCharacters);
+                echo($formulaireModifMDP);
+        }
         // première arrivée sur la page
         else
         {
@@ -146,7 +171,7 @@ function changePassword()
 
 
 // hachage
-function hashNewPassword($newPassword)
+function hashNewPassword(string $newPassword)
 {
         // "réparation" des espaces accidentels
         $newPassword= trim($newPassword);
@@ -160,7 +185,7 @@ function hashNewPassword($newPassword)
         chmod('data/password.txt', 0600);
 }
 
-function testPassword($password)
+function testPassword(string $password): bool
 {
         // lecture
         $oldHashedPassword = file_get_contents('data/password.txt');
diff --git a/controller/visitor.php b/controller/visitor.php
index f0dc877..aae15a7 100644
--- a/controller/visitor.php
+++ b/controller/visitor.php
@@ -7,7 +7,7 @@
 function accueil()

 {

         $title = "Bienvenue sur le site de Melaine Favennec";

-        $page_actuelle = "accueil";

+        $page = "accueil";

         $content = '';

 

         // variables $js et $header

@@ -19,7 +19,7 @@ function accueil()
 function menu()

 {

         $title = "Melaine Favennec - menu BD";

-        $page_actuelle = "menu";

+        $page = "menu";

 

         // variables $css, $js, $header et $content

         require('view/menu.php');

@@ -27,38 +27,91 @@ function menu()
         require('view/template.php');

 }

 

-function melaineVisitor()

+// toutes celles du menu sauf: menu et discographie

+function pageArticlesSimplesVisitor(string $page, string $title, string $headerPaintedTitle)

 {

-        $page_actuelle = "melaine";

-        $title = "Mais qui est Melaine Favennec?";

+        $headerImage = '<div class="photo" id="photo_' . $page . '" ></div>';

 

-        // infos sur les fichiers

-        $Articles = new Article($page_actuelle);

+        // infos sur les fichiers $Articles->fileList

+        $Articles = new Article($page);

 

         // données des dates

         //print_r($Articles->fileList[$i]['date']);

         //getdate($Albums->fileList[$i]['fileCode']);

         

-        // ajout des données dans $Articles->fileList['content']

+        // si la page n'est pas vide

         if(!empty($Articles->fileList))

         {

+                // données dans $Articles->fileList['content']

                 $Articles->readAll();

                 $Articles->fileList = array_reverse($Articles->fileList);

         }

 

         // variables $css, $js, $header et $content

-        require('view/melaine.php');

+        require('view/pageArticlesSimples.php');

         // HTML

         require('view/template.php');

 }

 

+function melaineVisitor()

+{

+        $page = "melaine";

+        $title = "Mais qui est Melaine Favennec?";

+        $headerPaintedTitle = 'Melaine Favennec';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+function concertsVisitor()

+{

+        $page = "concerts";

+        $title = "Concerts";

+        $headerPaintedTitle = 'Concerts';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+function presseVisitor()

+{

+        $page = "presse";

+        $title = "La presse";

+        $headerPaintedTitle = 'La Presse';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+function ateliersVisitor()

+{

+        $page = "ateliers";

+        $title = "Ateliers";

+        $headerPaintedTitle = 'Les ateliers de Melaine';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+function liensVisitor()

+{

+        $page = "liens";

+        $title = "Liens";

+        $headerPaintedTitle = 'Liens';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+function peintureVisitor()

+{

+        $page = "peinture";

+        $title = "peinture";

+        $headerPaintedTitle = 'Celtic Boats';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+function archivesVisitor()

+{

+        $page = "archives";

+        $title = "Archives";

+        $headerPaintedTitle = 'Archives';

+        pageArticlesSimplesVisitor($page, $title, $headerPaintedTitle);

+}

+

+

+// page plus complexe que les autres

 function discoVisitor()

 {

-        $page_actuelle = "discographie";

+        $page = "discographie";

         $title = "Discographie";

 

         // modèle

-        $Albums = new Album($page_actuelle);

+        $Albums = new Album($page);

         //var_dump($Albums->fileList); die();

 

         // on récupère tout: JSON, HTML, noms et chemins des fichiers

@@ -117,27 +170,27 @@ function discoVisitor()
 // page d'un album

 function album($fileCode)

 {

-        $page_actuelle = 'discographie'; // ???

+        $page = 'discographie'; // = nom du dossier où sont les données

 

-        $Albums = new Album($page_actuelle);

+        $Albums = new Album($page);

         $Albums->getAllJSON();

         $Albums->fileCode = $fileCode;

         $Albums->readOne();

 

-        //var_dump($Albums); die();

-

+        $title = $Albums->oneAlbum['titre'];

         $album = $Albums->oneAlbum['HTMLcontent'];

-        //$album = Album::readOneHTML($fileCode);

 

         for($i = 0; $i < $Albums->fileListCount; $i++)

         {

                 if(file_exists('data/discographie/html/' . $Albums->fileList[$i]['fileCode'] . '.html'))

                 {

                         $lienAlbum[$i] = 'page=album&file_code=' . $Albums->fileList[$i]['fileCode'];

+                        $linkDiscoChrono[$i] = 'linkChrono'; // pour le css

                 }

                 else

                 {

                         $lienAlbum[$i] = 'page=discographie#' . $Albums->fileList[$i]['titre'];

+                        $linkDiscoChrono[$i] = 'noLinkChrono'; // pour le css

                 }

         }

 

@@ -146,18 +199,3 @@ function album($fileCode)
         // HTML

         require('view/template.php');

 }

-

-function presse()

-{}

-

-function ateliers()

-{}

-

-function liens()

-{}

-

-function peinture()

-{}

-

-function archives()

-{}
\ No newline at end of file
diff --git a/index.php b/index.php
index c37ffc1..ea50afe 100644
--- a/index.php
+++ b/index.php
@@ -4,8 +4,10 @@
 // routeur MVC ou controlleur principal

 // il traite les GET et passe la main aux contrôleurs

 

+declare(strict_types=1);

 session_start();

 

+// erreurs affichées au rechargement (ça concerne une partie des erreurs)

 if(!empty($_SESSION['erreur']))

 {

     echo('<script>alert(\'' . $_SESSION['erreur'] . '\');</script>');

@@ -113,6 +115,8 @@ else
 // page du site demandée

 if(isset($_GET['page']))

 {

+    $pagesArticlesSimples = ['melaine', 'concerts', 'presse', 'ateliers', 'liens', 'peinture', 'archives'];

+

     // page d'accueil

     if($_GET['page'] == 'accueil')

     {

@@ -123,9 +127,11 @@ if(isset($_GET['page']))
     {

         menu();

     }

-    // page melaine

-    elseif($_GET['page'] == 'melaine')

+    // pages avec articles simples

+    elseif(in_array($_GET['page'], $pagesArticlesSimples))

     {

+        $fonctionVisitor = $_GET['page'] . 'Visitor';

+        $fonctionEdit = $_GET['page'] . 'Edit';

         // cas de l'ouverture de l'éditeur pour modification:

         // on récupère le GET qui sera placé dans une session

         // GET, POST, cookies => navigation (utiles au visiteur)

@@ -136,30 +142,35 @@ if(isset($_GET['page']))
         // rédaction

         if($_SESSION['admin'] == 1 && isset($_GET['action']) && $_GET['action'] == 'editor')

         {

-            //echo($_GET['file_code']); die();

-

             // modification

             if(isset($_GET['file_code']) || !empty($_GET['file_code']))

             {

-                melaineEdit($_GET['file_code'], 0);

+                //melaineEdit($_GET['file_code'], 0);

+                $fonctionEdit($_GET['file_code'], 0);

             }

             // nouvel article

             else

             {

-                melaineEdit('', 0);

+                //melaineEdit('', 0);

+                $fonctionEdit('', 0);

             }

         }

         // suppression

         else if($_SESSION['admin'] == 1 && isset($_GET['action']) && $_GET['action'] == 'suppression')

         {

-            melaineEdit($_GET['file_code'], 1);

+            //melaineEdit($_GET['file_code'], 1);

+            $fonctionEdit($_GET['file_code'], 1);

         }

         else

         {

-            melaineVisitor();

+            //melaineVisitor();

+            $fonctionVisitor();

         }

+

+        if($_GET['page'] == 'melaine')

+        {}

     }

-    // page discographie

+    // page discographie (avec albums et articles)

     elseif($_GET['page'] == 'discographie')

     {

         // rédaction

@@ -214,7 +225,6 @@ elseif($_SESSION['admin'] == 1 && isset($_GET['action']))
 {

     if($_GET['action'] == 'modif_mdp')

     {

-        //changePassword($secret);

         changePassword();

     }

     else

diff --git a/model/Image.php b/model/Image.php
index 793bd8d..d94e95d 100644
--- a/model/Image.php
+++ b/model/Image.php
@@ -45,12 +45,12 @@ class Image
                     }
                     else
                     {
-                        $this->erreur = 'erreur du serveur: le fichier téléchargé est trop lourd, poids max = ' . self::MAX_WEIGHT . ' octets';
+                        $this->erreur = 'erreur du serveur: le fichier téléchargé est trop lourd, poids max = ' . $maxWeight . ' octets';
                     }
                 }
                 else
                 {
-                    $this->erreur = 'erreur du serveur: le fichier téléchargé est trop lourd, poids max = ' . self::MAX_WEIGHT . ' octets';
+                    $this->erreur = 'erreur du serveur: le fichier téléchargé est trop lourd, poids max = ' . $maxWeight . ' octets';
                 }
 
                 // retour des rêquetes AJAX
diff --git a/public/css/accueil.css b/public/css/accueil.css
index 8f7f8c7..8c8ff35 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -99,12 +99,13 @@ h3
 {

     background-color: #a8b3d9;

     padding: 2px 0px;

+    margin-bottom: 15px;

 }

 

 form

 {

     padding-bottom: 14px;

-    border-bottom: 1px black solid;

+    /*border-bottom: 1px black solid;*/

 }

 

 #courriel

@@ -201,6 +202,7 @@ form
     color: red;

     font-size: 90%;

     text-align: center;

+    padding-bottom: 10px;

 }

 

 .connexionFormulaire

@@ -358,6 +360,7 @@ form
 

     header

     {

+        margin: 0px 30px;

         padding-top: 61px; 

     }

 

diff --git a/public/css/donnees_hors_editeur.css b/public/css/donnees_hors_editeur.css
index 7b377ea..25436a4 100644
--- a/public/css/donnees_hors_editeur.css
+++ b/public/css/donnees_hors_editeur.css
@@ -24,8 +24,9 @@ input[type="checkbox"]:checked{border: none; background: #26ab33;}
 .table td{border: 1px grey solid; padding: 7px; min-width: 30px;}

 td p{margin: 0px;}

 

-.image{margin: 0px;text-align: center;margin: auto;height: 100%;}

+.image{width: fit-content;margin: 0px;text-align: center;margin: auto;/*height: 100%;*/}

 .image img{width: 100%;}

+/*.image:not(.image_resized) img{width: auto;}*/

 .image-style-side{float: right;}

 .image-style-side:not(.image_resized){max-width: 50%;}

 .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;}

@@ -35,22 +36,26 @@ article:after{content: ""; display: block; clear: both;}
 

 iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}

 

-/*@media screen and (max-width: 1000px)

+

+

+

+

+@media screen and (max-width: 1000px)

 {

-    img{max-width: 900px;}

-}*/

+    /*img{max-width: 900px;}*/

+}

 

 @media screen and (min-width: 700px)

 {

-    .image{/*max-width: 630px;*/width: auto;}

+    /*.image{width: auto;}*/

 }

 

 @media screen and (max-width: 699px)

 {

-    .image{max-width: 480px;}

+    /*.image{max-width: 480px;}*/

 }

 

 @media screen and (max-width: 479px)

 {

-    .image{max-width: 320px;}

+    /*.image{max-width: 320px;}*/

 }
\ No newline at end of file
diff --git a/public/css/melaine.css b/public/css/melaine.css
deleted file mode 100644
index 429ccec..0000000
--- a/public/css/melaine.css
+++ /dev/null
@@ -1,107 +0,0 @@
-/* public/melaine.css */

-

-.police_titre

-{

-    color: #e9d4be;

-}

-

-td

-{

-    vertical-align: top;

-}

-

-pre

-{

-        font-family: 'Arial', 'sans';

-        white-space: pre-wrap;

-}

-

-figure

-{

-    /*margin: 5px;*/

-}

-.boutonArticle

-{

-    border-bottom: 3px black double;

-}

-.boutonArticle a

-{

-    padding: 2px;

-    border: 4px black groove;

-}

-

-@media screen and (min-width: 700px)

-{

-        #titre

-    {

-        width: 630px;

-        height: 171px;

-        background-image: url("../mouette.png");

-    }

-

-    #photo

-    {

-        width: 630px;

-        height: 230px;

-        background-image: url("../melaine/photo.png");

-        position: relative;

-        bottom: 30px;

-    }

-

-    /*img

-    {

-        max-width: 630px;

-    }*/

-}

-

-@media screen and (max-width: 699px)

-{

-    #titre

-    {

-        width: 480px;

-        height: 131px;

-        background-image: url("../mouette_petit.png");

-        margin: auto;

-    }

-

-    #photo

-    {

-        width: 480px;

-        height: 191px;

-        background-image: url("../melaine/photo_petit.png");

-        margin: auto;

-        position: relative;

-        bottom: 24px;

-    }

-

-    /*img

-    {

-        max-width: 480px;

-    }*/

-}

-

-@media screen and (max-width: 479px)

-{

-    #titre

-    {

-        width: 320px;

-        height: 88px;

-        background-image: url("../mouette_mini.png");

-        margin: auto;

-    }

-

-    #photo

-    {

-        width: 320px;

-        height: 127px;

-        background-image: url("../melaine/photo_mini.png");

-        margin: auto;

-        position: relative;

-        bottom: 17px;

-    }

-

-    /*img

-    {

-        max-width: 320px;

-    }*/

-}

diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
new file mode 100644
index 0000000..03e4317
--- /dev/null
+++ b/public/css/pages_articles_simples.css
@@ -0,0 +1,244 @@
+/* public/css/pages_articles_simples.css */

+

+.police_titre

+{

+    color: #e9d4be;

+}

+

+td

+{

+    vertical-align: top;

+}

+

+pre

+{

+        font-family: 'Arial', 'sans';

+        white-space: pre-wrap;

+}

+

+figure

+{

+    /*margin: 5px;*/

+}

+.boutonArticle

+{

+    border-bottom: 3px black double;

+}

+.boutonArticle a

+{

+    padding: 2px;

+    border: 4px black groove;

+}

+

+@media screen and (min-width: 700px)

+{

+        #titre

+    {

+        width: 630px;

+        height: 171px;

+        background-image: url("../mouette.png");

+    }

+

+    .photo

+    {

+        width: 630px;

+        height: 230px;

+        /*background-image: url("../melaine/photo.png");*/

+        position: relative;

+        bottom: 30px;

+    }

+}

+

+@media screen and (max-width: 699px)

+{

+    #titre

+    {

+        width: 480px;

+        height: 131px;

+        background-image: url("../mouette_petit.png");

+        margin: auto;

+    }

+

+    .photo

+    {

+        width: 480px;

+        height: 191px;

+        /*background-image: url("../melaine/photo_petit.png");*/

+        margin: auto;

+        position: relative;

+        bottom: 24px;

+    }

+}

+

+@media screen and (max-width: 479px)

+{

+    #titre

+    {

+        width: 320px;

+        height: 88px;

+        background-image: url("../mouette_mini.png");

+        margin: auto;

+    }

+

+    .photo

+    {

+        width: 320px;

+        height: 127px;

+        /*background-image: url("../melaine/photo_mini.png");*/

+        margin: auto;

+        position: relative;

+        bottom: 17px;

+    }

+}

+

+

+/* CSS spécifique à chaque page */

+@media screen and (min-width: 700px)

+{

+    #photo_melaine

+    {

+        background-image: url('../header_images/melaine.png');

+    }

+    #photo_concerts

+    {

+        background-image: url('../header_images/sirene.jpg');

+        width: 308px;

+        height: 170px;

+        margin-left: auto;

+    }

+    #photo_presse

+    {

+        background-image: url('../header_images/fille_qui_tombe.jpg');

+        width: 208px;

+        height: 163px;

+        margin-left: auto;

+    }

+    #photo_ateliers

+    {

+        background-image: url('../header_images/cavalier.jpg');

+        width: 159px;

+        height: 312px;

+        margin-left: 10px;

+    }

+    #photo_liens

+    {

+        background-image: url('../header_images/canoe.png');

+        width: 207px;

+        height: 144px;

+        margin-left: auto;

+    }

+    #photo_peinture

+    {

+        background-image: url('../header_images/mouette_ocean.jpg');

+        width: 257px;

+        height: 171px;

+        margin-left: auto;

+    }

+    #photo_archives

+    {

+        background-image: url('../header_images/blonde.jpg');

+        width: 257px;

+        height: 233px;

+        margin-left: auto;

+    }

+}

+

+@media screen and (max-width: 699px)

+{

+    #photo_melaine

+    {

+        background-image: url("../header_images/melaine_petit.png");

+    }

+    #photo_concerts

+    {

+        background-image: url('../header_images/sirene_petit.jpg');

+        width: 243px;

+        height: 132px;

+        margin: 0 0 0 auto;

+    }

+    #photo_presse

+    {

+        background-image: url('../header_images/fille_qui_tombe_petit.jpg');

+        width: 158px;

+        height: 124px;

+        margin: 0 0 0 auto;

+    }

+    #photo_ateliers

+    {

+        background-image: url('../header_images/cavalier_petit.jpg');

+        width: 121px;

+        height: 237px;

+        margin-left: 10px;

+    }

+    #photo_liens

+    {

+        background-image: url('../header_images/canoe_petit.png');

+        width: 157px;

+        height: 109px;

+        margin: 0 0 0 auto;

+    }

+    #photo_peinture

+    {

+        background-image: url('../header_images/mouette_ocean_petit.jpg');

+        width: 195px;

+        height: 130px;

+        margin: 0 0 0 auto;

+    }

+    #photo_archives

+    {

+        background-image: url('../header_images/blonde_petit.jpg');

+        width: 195px;

+        height: 177px;

+        margin: 0 0 0 auto;

+    }

+}

+

+@media screen and (max-width: 479px)

+{

+    #photo_melaine

+    {

+        background-image: url("../header_images/melaine_mini.png");

+    }

+    #photo_concerts

+    {

+        background-image: url('../header_images/sirene_mini.jpg');

+        width: 162px;

+        height: 88px;

+        margin: 0 0 0 auto;

+    }

+    #photo_presse

+    {

+        background-image: url('../header_images/fille_qui_tombe_mini.jpg');

+        width: 105px;

+        height: 82px;

+        margin: 0 0 0 auto;

+    }

+    #photo_ateliers

+    {

+        background-image: url('../header_images/cavalier_mini.jpg');

+        width: 80px;

+        height: 158px;

+        margin-left: 10px;

+    }

+    #photo_liens

+    {

+        background-image: url('../header_images/canoe_mini.png');

+        width: 105px;

+        height: 73px;

+        margin: 0 0 0 auto;

+    }

+    #photo_peinture

+    {

+        background-image: url('../header_images/mouette_ocean_mini.jpg');

+        width: 130px;

+        height: 86px;

+        margin: 0 0 0 auto;

+    }

+    #photo_archives

+    {

+        background-image: url('../header_images/blonde_mini.jpg');

+        width: 130px;

+        height: 118px;

+        margin: 0 0 0 auto;

+    }

+}

diff --git a/public/header_images/blonde.jpg b/public/header_images/blonde.jpg
new file mode 100644
index 0000000..35d9fe2
--- /dev/null
+++ b/public/header_images/blonde.jpg
diff --git a/public/header_images/blonde_mini.jpg b/public/header_images/blonde_mini.jpg
new file mode 100644
index 0000000..87f5961
--- /dev/null
+++ b/public/header_images/blonde_mini.jpg
diff --git a/public/header_images/blonde_petit.jpg b/public/header_images/blonde_petit.jpg
new file mode 100644
index 0000000..657966f
--- /dev/null
+++ b/public/header_images/blonde_petit.jpg
diff --git a/public/header_images/canoe.png b/public/header_images/canoe.png
new file mode 100644
index 0000000..9c449a6
--- /dev/null
+++ b/public/header_images/canoe.png
diff --git a/public/header_images/canoe_mini.png b/public/header_images/canoe_mini.png
new file mode 100644
index 0000000..048dd37
--- /dev/null
+++ b/public/header_images/canoe_mini.png
diff --git a/public/header_images/canoe_petit.png b/public/header_images/canoe_petit.png
new file mode 100644
index 0000000..1d82002
--- /dev/null
+++ b/public/header_images/canoe_petit.png
diff --git a/public/header_images/cavalier.jpg b/public/header_images/cavalier.jpg
new file mode 100644
index 0000000..fcf92fe
--- /dev/null
+++ b/public/header_images/cavalier.jpg
diff --git a/public/header_images/cavalier_mini.jpg b/public/header_images/cavalier_mini.jpg
new file mode 100644
index 0000000..6050c67
--- /dev/null
+++ b/public/header_images/cavalier_mini.jpg
diff --git a/public/header_images/cavalier_petit.jpg b/public/header_images/cavalier_petit.jpg
new file mode 100644
index 0000000..7dcf283
--- /dev/null
+++ b/public/header_images/cavalier_petit.jpg
diff --git a/public/header_images/fille_qui_tombe.jpg b/public/header_images/fille_qui_tombe.jpg
new file mode 100644
index 0000000..e572287
--- /dev/null
+++ b/public/header_images/fille_qui_tombe.jpg
diff --git a/public/header_images/fille_qui_tombe_mini.jpg b/public/header_images/fille_qui_tombe_mini.jpg
new file mode 100644
index 0000000..c8be5ee
--- /dev/null
+++ b/public/header_images/fille_qui_tombe_mini.jpg
diff --git a/public/header_images/fille_qui_tombe_petit.jpg b/public/header_images/fille_qui_tombe_petit.jpg
new file mode 100644
index 0000000..29b22f3
--- /dev/null
+++ b/public/header_images/fille_qui_tombe_petit.jpg
diff --git a/public/melaine/photo.png b/public/header_images/melaine.png
index f50aea5..f50aea5 100644
--- a/public/melaine/photo.png
+++ b/public/header_images/melaine.png
diff --git a/public/melaine/photo_mini.png b/public/header_images/melaine_mini.png
index 7676a3d..7676a3d 100644
--- a/public/melaine/photo_mini.png
+++ b/public/header_images/melaine_mini.png
diff --git a/public/melaine/photo_petit.png b/public/header_images/melaine_petit.png
index 9b3ab18..9b3ab18 100644
--- a/public/melaine/photo_petit.png
+++ b/public/header_images/melaine_petit.png
diff --git a/public/header_images/mouette_ocean.jpg b/public/header_images/mouette_ocean.jpg
new file mode 100644
index 0000000..089a9bd
--- /dev/null
+++ b/public/header_images/mouette_ocean.jpg
diff --git a/public/header_images/mouette_ocean_mini.jpg b/public/header_images/mouette_ocean_mini.jpg
new file mode 100644
index 0000000..42ac620
--- /dev/null
+++ b/public/header_images/mouette_ocean_mini.jpg
diff --git a/public/header_images/mouette_ocean_petit.jpg b/public/header_images/mouette_ocean_petit.jpg
new file mode 100644
index 0000000..bf56f20
--- /dev/null
+++ b/public/header_images/mouette_ocean_petit.jpg
diff --git a/public/header_images/sirene.jpg b/public/header_images/sirene.jpg
new file mode 100644
index 0000000..aaa1226
--- /dev/null
+++ b/public/header_images/sirene.jpg
diff --git a/public/header_images/sirene_mini.jpg b/public/header_images/sirene_mini.jpg
new file mode 100644
index 0000000..028d22c
--- /dev/null
+++ b/public/header_images/sirene_mini.jpg
diff --git a/public/header_images/sirene_petit.jpg b/public/header_images/sirene_petit.jpg
new file mode 100644
index 0000000..6655514
--- /dev/null
+++ b/public/header_images/sirene_petit.jpg
diff --git a/view/backup.php b/view/backup.php
index 9fce805..30b644b 100644
--- a/view/backup.php
+++ b/view/backup.php
@@ -27,8 +27,9 @@ if(isset($_GET['action']) && $_GET['action'] == 'sauvegarde')
 ?>
                 <h2>Sauvegarde complète</h2>
                 <p>Toutes les données du sites (textes, photos) ont été rassemblées dans un unique fichier que vous pouvez conserver si vous le souhaitez sur votre ordinateur.</p>
-                <p>Vous pourrez l'utiliser plus tard pour restaurer le site dans l'état où il se trouve aujourd'hui ou pour récupérer des fichiers effacés ou perdus. Ceci est utile dans le cas d'un changement d'hébergement, d'un problème affectant le serveur, ou encore d'une mauvaise manipulation.</p>
-                <p>Ce fichier se nomme <i><?= $nomFichier ?></i>.</p>
+                <p>Vous pourrez l'utiliser plus tard pour restaurer le site dans l'état où il se trouve aujourd'hui ou pour récupérer des fichiers effacés ou perdus. Ce fichier sera utile dans le cas d'une migration (déplacement du site, changement d'hébergeur), d'un problème affectant le serveur, ou encore d'une mauvaise manipulation.</p>
+                <p style="color: red;" >Veuillez noter que votre mot de passe ne sera pas conservé. Dans le cas d'une migration, il vous sera proposé d'en créer un nouveau.</p>
+                <p>Ce fichier se nomme <i><?= $nomFichier ?></i></p>
 
                 <button class="boutonBackup" ><a href="data/<?= $nomFichier ?>" >Le télécharger</a></button>
                 <button class="boutonBackup" ><a class="boutonBackup" href="index.php?page=<?= $from ?>" >Retour au site</a></button>
@@ -53,7 +54,7 @@ elseif(isset($_GET['action']) && $_GET['action'] == 'restauration')
         ob_start();
 ?>
                 <h2>Restauration des données à partir d'une sauvegarde.</h2>
-                <p>Vous devez avoir créé précédemment un fichier <i>melaineDATA.zip</i><br/>
+                <p>Vous devez avoir créé précédemment un fichier <i>melaineDATA</i><br/>
                 à la page <i>Sauvegarder les données.</i></p><br/>
 
                 <form method="post" enctype="multipart/form-data" action="index.php?from=<?= $from ?>&action=restauration" >
@@ -61,10 +62,10 @@ elseif(isset($_GET['action']) && $_GET['action'] == 'restauration')
 
                         <!-- demande de confirmation en JS au submit -->
                         
-                        <input type="submit" class="boutonBackup" value="Valider" ><br/><br/>
-                        <?= $message ?>
-                        <button class="boutonBackup" ><a href="index.php?page=<?= $from ?>" >Retour au site</a></button>
+                        <input type="submit" class="boutonBackup" value="Valider" >
+<?= $message ?>
                 </form>
+                <button class="boutonBackup" ><a href="index.php?page=<?= $from ?>" >Retour au site</a></button>
 <?php
         $content = ob_get_clean();
 }
diff --git a/view/discographie.php b/view/discographie.php
index e234f58..e8e5770 100644
--- a/view/discographie.php
+++ b/view/discographie.php
@@ -4,7 +4,7 @@
 // variable $css
 ob_start();
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/<?= $page_actuelle ?>.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/<?= $page ?>.css" />
         <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />
 <?php
 $css = ob_get_clean();
diff --git a/view/menu.php b/view/menu.php
index 4c9e341..29db70e 100644
--- a/view/menu.php
+++ b/view/menu.php
@@ -4,7 +4,7 @@
 // variable $css

 ob_start();

 ?>

-                <link rel="stylesheet" type="text/css" href="public/css/<?= $page_actuelle ?>.css" />

+                <link rel="stylesheet" type="text/css" href="public/css/<?= $page ?>.css" />

 <?php

 $css = ob_get_clean();

 

diff --git a/view/nav.php b/view/nav.php
index 40be1cb..1fa0487 100644
--- a/view/nav.php
+++ b/view/nav.php
@@ -1,13 +1,13 @@
             <nav>

                 <ul id="ul_menu">

-                    <li><a href="index.php?page=menu" <?php if($page_actuelle == "menu") {echo('id="actuelle" ');} ?>>Menu</a></li>

-                    <li><a href="index.php?page=melaine" <?php if($page_actuelle == "melaine") {echo('id="actuelle" ');} ?>>Melaine</a></li>

-                    <li><a href="index.php?page=discographie" <?php if($page_actuelle == "discographie") {echo('id="actuelle" ');} ?>>Discographie</a></li>

-                    <li><a href="index.php?page=concerts" <?php if($page_actuelle == "concerts") {echo('id="actuelle" ');} ?>>Concerts</a></li>

-                    <li><a href="index.php?page=presse" <?php if($page_actuelle == "presse") {echo('id="actuelle" ');} ?>>La Presse</a></li>

-                    <li><a href="index.php?page=ateliers" <?php if($page_actuelle == "ateliers ") {echo('id="actuelle" ');} ?>>Ateliers</a></li>

-                    <li><a href="index.php?page=liens" <?php if($page_actuelle == "liens") {echo('id="actuelle" ');} ?>>Liens</a></li>

-                    <li><a href="index.php?page=peinture" <?php if($page_actuelle == "peinture") {echo('id="actuelle" ');} ?>>Peinture</a></li>

-                    <li><a href="index.php?page=archives" <?php if($page_actuelle == "archives") {echo('id="actuelle" ');} ?>>Archives</a></li>

+                    <li><a href="index.php?page=menu" <?php if($page == "menu") {echo('id="actuelle" ');} ?>>Menu</a></li>

+                    <li><a href="index.php?page=melaine" <?php if($page == "melaine") {echo('id="actuelle" ');} ?>>Melaine</a></li>

+                    <li><a href="index.php?page=discographie" <?php if($page == "discographie") {echo('id="actuelle" ');} ?>>Discographie</a></li>

+                    <li><a href="index.php?page=concerts" <?php if($page == "concerts") {echo('id="actuelle" ');} ?>>Concerts</a></li>

+                    <li><a href="index.php?page=presse" <?php if($page == "presse") {echo('id="actuelle" ');} ?>>La Presse</a></li>

+                    <li><a href="index.php?page=ateliers" <?php if($page == "ateliers ") {echo('id="actuelle" ');} ?>>Ateliers</a></li>

+                    <li><a href="index.php?page=liens" <?php if($page == "liens") {echo('id="actuelle" ');} ?>>Liens</a></li>

+                    <li><a href="index.php?page=peinture" <?php if($page == "peinture") {echo('id="actuelle" ');} ?>>Peinture</a></li>

+                    <li><a href="index.php?page=archives" <?php if($page == "archives") {echo('id="actuelle" ');} ?>>Archives</a></li>

                 </ul>

             </nav>
\ No newline at end of file
diff --git a/view/melaine.php b/view/pageArticlesSimples.php
index ea8434a..aa755d8 100644
--- a/view/melaine.php
+++ b/view/pageArticlesSimples.php
@@ -1,10 +1,10 @@
 <?php

-// view/melaine.php

+// view/pageArticleSimple.php

 

 // variable $css

 ob_start();

 ?>

-        <link rel="stylesheet" type="text/css" href="public/css/<?= $page_actuelle ?>.css" />

+        <link rel="stylesheet" type="text/css" href="public/css/pages_articles_simples.css" />

         <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />

 <?php

 $css = ob_get_clean();

@@ -32,9 +32,9 @@ echo "\n";
 ?>

             <header>

                 <div id="titre" >

-                    <span class="police_titre" >Melaine Favennec</span>

+                    <span class="police_titre" ><?= $headerPaintedTitle ?></span>

                 </div>

-                <div id="photo" ></div>

+                <?= $headerImage ?>

             </header>

  <?php

 $header = ob_get_clean();

@@ -52,8 +52,6 @@ if($_SESSION['admin'] == 1)
                 <div <?= $style ?>>

                     <h3>Rédiger un nouvel article</h3>

 <?php

-        

-        

         echo($editeurHTML); // injection de template-editor.php

     }

 

@@ -63,7 +61,7 @@ if($_SESSION['admin'] == 1)
 ?>

                 <div>

                     <p class="boutonArticle" >

-                        <a href="index.php?page=melaine&action=editor" >

+                        <a href="index.php?page=<?= $page ?>&action=editor" >

                             Nouvel article

                         </a>

                     </p>

@@ -119,11 +117,11 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
         {

         ?>

                         <p class="boutonArticle" >

-                            <a href="index.php?page=melaine&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >

+                            <a href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >

                                 Modifier cet article

                             </a>

                             &nbsp;<!-- un espace -->

-                            <a href="index.php?page=melaine&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >

+                            <a href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >

                                 Supprimer cet article

                             </a>

                         </p>

diff --git a/view/password.php b/view/password.php
index 1509f68..a5cdbf8 100644
--- a/view/password.php
+++ b/view/password.php
@@ -72,8 +72,12 @@ ob_start();
 $header = ob_get_clean();

 

 

-// message d'erreur

-$erreurMDP = '<p class="avertissement" >Mauvais mot de passe</p>';

+// messages d'erreur

+$errorPassword = '<p class="avertissement" >Mauvais mot de passe</p>';

+$errorBadCharacters = '<p class="avertissement" >Caractères interdits: espaces, tabulations, sauts CR/LF.</p>';

+

+// avertissement

+$warning = '<p class="avertissement" >Rappel de sécurité<br />Vous n\'utilisez pas votre propre ordinateur ou téléphone? Utilisez la navigation privée!</p>';

 

 

 // confirmation modification du mot de passe

@@ -88,14 +92,6 @@ ob_start();
 $message = ob_get_clean();

 

 

-// avertissement

-ob_start();

-?>

-                <p class="avertissement" >Rappel de sécurité<br />Vous n'utilisez pas votre propre ordinateur ou téléphone? Utilisez la navigation privée!</p>

-<?php

-$warning = ob_get_clean();

-

-

 // pied de page

 ob_start();

 ?>

diff --git a/view/template-formulaires.php b/view/template-formulaires.php
index d1d47c4..ede8f27 100644
--- a/view/template-formulaires.php
+++ b/view/template-formulaires.php
@@ -43,9 +43,9 @@ ob_start();
 ?>

 

     <div class="conteneur_article" >

-    <form action="index.php?page=<?= $page_actuelle ?><?= $fileCodeArgument ?>&action=submit" method="post" enctype="multipart/form-data" >

+    <form action="index.php?page=<?= $page ?><?= $fileCodeArgument ?>&action=submit" method="post" enctype="multipart/form-data" >

 <?php

-if($page_actuelle == 'discographie')

+if($page == 'discographie')

 {

     echo($inputsAlbum . "<p><i>Infos qui seront affichées dans la page spécifique à cet album:</i></p>");

 }

@@ -53,7 +53,7 @@ if($page_actuelle == 'discographie')
 

         <textarea id="editor" name="contenu" ></textarea>

         <input class="boutonSubmitEditeur" type="submit" value="Valider" />

-        <a class="boutonAnnuler" href="index.php?page=<?= $page_actuelle ?>" >

+        <a class="boutonAnnuler" href="index.php?page=<?= $page ?>" >

             <input type="button" value="Annuler" />

         </a>

         

@@ -146,7 +146,7 @@ if($page_actuelle == 'discographie')
                     // - à télécharger immédiatement l'image envoyée pour la placer dans l'éditeur

                     // - à inclure l'adresse de l'image dans le HTML produit par l'éditeur

                     simpleUpload: {

-                        uploadUrl: 'index.php?action=upload_image&page=<?= $page_actuelle ?>',

+                        uploadUrl: 'index.php?action=upload_image&page=<?= $page ?>',

                         

                         // Headers supplémentaires envoyés avec la requête

                         // c'est ici qu'on installe les mécanismes de sécurités comme l'authentification et la protection au CSRF

diff --git a/view/template.php b/view/template.php
index 4cf0e52..0b084f6 100644
--- a/view/template.php
+++ b/view/template.php
@@ -45,7 +45,7 @@ echo($content);
 <?php

 

 // section courriel sur toutes les pages sauf accueil

-if($page_actuelle != "accueil")

+if($page != "accueil")

 {

     echo "\n";

     require("view/courriel.php");

@@ -57,7 +57,7 @@ if($_SESSION['admin'] == 0)
 {

 ?>

             <div id="lienModeAdmin" >

-                <p><a href="index.php?page=connexion&from=<?= $page_actuelle ?>" >Mode Administrateur</a></p>

+                <p><a href="index.php?page=connexion&from=<?= $page ?>" >Mode Administrateur</a></p>

             </div>

 <?php

 }

@@ -72,14 +72,14 @@ if($_SESSION['admin'] == 1)
             <div id="modeAdmin" >

                 <p>Vous êtes en mode administrateur.

                     <!-- <button id="boutonOptions" >Options</button> -->

-                    <button><a href="index.php?page=<?= $page_actuelle ?>&action=deconnexion" >Déconnexion</a></button>

+                    <button><a href="index.php?page=<?= $page ?>&action=deconnexion" >Déconnexion</a></button>

                 </p>

                 <div id="options" >

-                    <button class="boutonBackup" ><a href="index.php?from=<?= $page_actuelle ?>&action=modif_mdp" >

+                    <button class="boutonBackup" ><a href="index.php?from=<?= $page ?>&action=modif_mdp" >

                         Changer de mot de passe</a></button>

-                    <button class="boutonBackup" ><a href="index.php?from=<?= $page_actuelle ?>&action=sauvegarde" >

+                    <button class="boutonBackup" ><a href="index.php?from=<?= $page ?>&action=sauvegarde" >

                         Sauvegarder les données</a></button>

-                    <button class="boutonBackup" ><a href="index.php?from=<?= $page_actuelle ?>&action=restauration" >Les restaurer avec une sauvegarde</a></button>

+                    <button class="boutonBackup" ><a href="index.php?from=<?= $page ?>&action=restauration" >Les restaurer avec une sauvegarde</a></button>

                     <button class="boutonBackup" ><a href="data/melainePHP.zip" >

                         Télécharger le code PHP

                     </a></button>

diff --git a/à faire après livraison.txt b/à faire après livraison.txt
index c151c0d..19b8b01 100644
--- a/à faire après livraison.txt
+++ b/à faire après livraison.txt
@@ -1,23 +1,34 @@
+liens sans http dans l'éditeur
+
+captcha dans password.php
+
+gestion des liens "real media" = un lien pour télécharger VLC
+
 remplacer le survol par un clic sur les smartphones
 
-changer de format de sauvegarde (y a mieux que zip)
+fignoler l'affichage petits écrans
+
+penser aux grands écrans (en l'état, on a 700 pixels de large au maximum)
+
+ajouter d'autres format de sauvegarde (il parait que zip se fait mieux)
 
 tri des albums selon l'année
 (avec des plages de timestamps?)
 
 Identification avec deux codes (login + mot de passe)
 
-pages manquantes
-
-liens sans http dans l'éditeur
-
-zoom sur images
+Zoom sur images
 voir ici pour une galerie en css
 https://www.guyom-design.com/blog/astuces/css/tuto_diapo_css/
 
-système d'onglets
+Explorateur de fichiers pour les images
+
+pagination (ex: max 10 articles par page)
+à voir selon le volume, c'est mieux avec de l'AJAX
 
-onglets AJAX
+pagination + AJAX
+
+système d'onglets avec AJAX: changement de page sans recharger
 
 plugin autosave
 
@@ -26,8 +37,7 @@ Editeur "inline" ou "balloon block"
 Possibilité de regarder une image en grand dans une fenêtre javascript
 OU au moins dans une "page" dotée d'un bouton pur sortir (avec GD? avec imagemagick?)
 
-Explorateur de fichiers pour les images
-
+défense aux attaques par force brute quand l'attaquant multiplie les connexions au site
 
 Protection contre les falsifications de requête inter-site - CSRF