From 353a25789d477a0403f0acf35cef158ec8c8e4eb Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Thu, 27 Jul 2023 11:33:52 +0200
Subject: =?UTF-8?q?float=20left=20actualit=C3=A9,=20validation=20W3C=20par?=
 =?UTF-8?q?tie=201?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 view/accueil.php              |  4 ++--
 view/album.php                | 12 ++++++------
 view/articlesContent.php      | 10 +++++-----
 view/backup.php               | 30 ++++++++++++++---------------
 view/courriel.php             |  6 +++---
 view/discographie.php         |  6 +++---
 view/pageArticlesSimples.php  | 20 ++++++++++---------
 view/password.php             | 45 ++++++++++++++++++++++++-------------------
 view/template-formulaires.php | 14 +++++++-------
 view/template.php             | 10 +++++-----
 10 files changed, 82 insertions(+), 75 deletions(-)

(limited to 'view')

diff --git a/view/accueil.php b/view/accueil.php
index dd4c14a..1e8db56 100644
--- a/view/accueil.php
+++ b/view/accueil.php
@@ -4,8 +4,8 @@
 // variable $js
 ob_start();
 ?>
-		<script type="text/javascript" src="public/main.js" ></script>
-		<script type="text/javascript" >versMenu();</script>
+		<script src="public/main.js" ></script>
+		<script>versMenu();</script>
 <?php
 $js = ob_get_clean();
 
diff --git a/view/album.php b/view/album.php
index fe5d8c2..28b1b13 100644
--- a/view/album.php
+++ b/view/album.php
@@ -5,15 +5,15 @@
 // utilise discographie.css
 ob_start();
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/discographie.css" />
-        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/discographie.css">
+        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css">
 <?php
 $css = ob_get_clean();
 
 // variable $js
 ob_start();
 ?>
-        <script type="text/javascript" src="public/main.js" ></script>
+        <script src="public/main.js" ></script>
         <!-- <script type="text/javascript" src="public/file_upload.js" ></script> -->
 <?php
 if(isset($_GET['action']) && $_GET['action'] === 'edition')
@@ -89,7 +89,7 @@ else
 ?>
             <p>
                 <a class="infobulle" href="<?= $lien_partage ?>" >
-                    <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                    <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" alt="bouton">
                     <button>Partager</button>
                 </a>
 <?php
@@ -99,11 +99,11 @@ if($_SESSION['admin'] == 1 && (!isset($_GET['action']) || $_GET['action'] !== 'e
 {
 ?>
                 <a class="infobulle" href="index.php?page=album&action=edition&file_code=<?= $fileCode ?>" >
-                    <img src="public/icone_modifier.png" >
+                    <img src="public/icone_modifier.png" alt="bouton">
                     <button>Modifier</button>
                 </a>
                 <a class="infobulle" href="index.php?page=discographie&action=suppression&file_code=<?= $fileCode ?>" onclick="confirmerSuppression()" >
-                    <img src="public/icone_supprimer.png" >
+                    <img src="public/icone_supprimer.png" alt="bouton">
                     <button>Supprimer</button>
                 </a>
 <?php
diff --git a/view/articlesContent.php b/view/articlesContent.php
index 33e50a4..7abc289 100644
--- a/view/articlesContent.php
+++ b/view/articlesContent.php
@@ -87,7 +87,7 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
                     </div>
                     <p class="boutonArticle" >
                         <a class="infobulle" href="<?= $lien_partage ?>" >
-                            <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" >
+                            <img src="public/icone_partager.png" onclick="copierDansPressePapier('<?= $host ?>/<?= $lien_partage ?>')" alt="bouton">
                             <button>Partager</button>
                         </a>
 <?php
@@ -96,19 +96,19 @@ for($i = 0; $i < $Articles->fileListCount; $i++)
         {
 ?>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=editor&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_modifier.png" >
+                            <img src="public/icone_modifier.png" alt="bouton">
                             <button>Modifier</button>
                         </a>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=monter&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_monter.png" >
+                            <img src="public/icone_monter.png" alt="bouton">
                             <button>Monter</button>
                         </a>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=descendre&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>&position=<?= $Articles->fileList[$i]['position'] ?>#<?= $Articles->fileList[$i]['fileCode'] ?>" >
-                            <img src="public/icone_descendre.png" >
+                            <img src="public/icone_descendre.png" alt="bouton">
                             <button>Descendre</button>
                         </a>
                         <a class="infobulle" href="index.php?page=<?= $page ?>&action=suppression&file_code=<?= $Articles->fileList[$i]['fileCode'] ?>" onclick="confirmerSuppression()" >
-                            <img src="public/icone_supprimer.png" >
+                            <img src="public/icone_supprimer.png" alt="bouton">
                             <button>Supprimer</button>
                         </a>
                     </p>
diff --git a/view/backup.php b/view/backup.php
index ec2e947..8461543 100644
--- a/view/backup.php
+++ b/view/backup.php
@@ -11,9 +11,9 @@ if(isset($erreur) && $erreur == 'data')
 			<p>La configuration n'est pas terminée, veuillez créer un dossier "data" à la racine du site et lui donner les droits 777 (lecture + écriture + entrer dedans).</p>
 			<p>Ceci peut être réalisé depuis le logiciel FTP que vous avez utilisé pour télécharger le site sur le serveur de votre hébergeur.</p>
 			<p>Vous devriez également pouvoir utiliser SSH (linux, mac, windows 10/11) ou "putty" (anciens windows) en tapant ces commandes (utilisateur avancé):</p>
-			<p><i>ssh "nom_utilisateur"@"nom_de_domaine"</i><br/>
-			<i>cd /chemin/racine/du/site</i> (le dossier "melaine")<br/>
-			<i>mkdir data</i><br/>
+			<p><i>ssh "nom_utilisateur"@"nom_de_domaine"</i><br>
+			<i>cd /chemin/racine/du/site</i> (le dossier "melaine")<br>
+			<i>mkdir data</i><br>
 			<i>chmod 777 data</i></p>
 			<p><a href="index.php" >Recharger la page</a></p>
 <?php
@@ -40,7 +40,7 @@ if(isset($_GET['action']) && $_GET['action'] == 'sauvegarde')
 ?>
 			<p>Erreur: la classe ZipArchive est introuvable, la sauvegarde est impossible. L\'extension ZIP de PHP est-elle activée dans le fichier php.ini?</p>
 			<p>Veuillez prévenir l\'administrateur.</p>
-			<p>Vous pouvez aussi récupérer manuellement les fichiers en vous connectant au serveur avec un client FTP, il suffit de récupérer tout le dossier "data".</p><br/>
+			<p>Vous pouvez aussi récupérer manuellement les fichiers en vous connectant au serveur avec un client FTP, il suffit de récupérer tout le dossier "data".</p><br>
 			<p><a href="index.php" >Retour au site</a></p>
 <?php
 	$erreur = ob_get_clean();
@@ -54,11 +54,11 @@ elseif(isset($_GET['action']) && $_GET['action'] == 'restauration')
 	ob_start();
 ?>
 		<h2>Restauration des données à partir d'une sauvegarde.</h2>
-		<p>Vous devez avoir précédemment créé et téléchargé un fichier dont le nom commence par <i>melaineDATA</i><br/>
-		sur la page <i>Sauvegarder les données.</i></p><br/>
+		<p>Vous devez avoir précédemment créé et téléchargé un fichier dont le nom commence par <i>melaineDATA</i><br>
+		sur la page <i>Sauvegarder les données.</i></p><br>
 
 		<form method="post" enctype="multipart/form-data" action="index.php?from=<?= $from ?>&action=restauration" >
-			<input id="archiveUpload" type="file" name="archive" accept=".zip" class="boutonBackup" onchange="sendFileSize();" ><br/>
+			<input id="archiveUpload" type="file" name="archive" accept=".zip" class="boutonBackup" onchange="sendFileSize();" ><br>
 
 			<!-- demande de confirmation en JS au submit -->
 			
@@ -71,24 +71,24 @@ elseif(isset($_GET['action']) && $_GET['action'] == 'restauration')
 }
 ?>
 <!DOCTYPE html>
-<html lang="fr" >
+<html lang="fr">
 	<head>
-		<meta charset="utf-8" />
+		<meta charset="utf-8">
 	    <title><?= $title ?></title>
 	    <!-- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> -->
-        <link rel="icon" type="image/png" href="public/mouette-logo.png" >
-	    <link rel="stylesheet" type="text/css" href="public/css/normalize.css" />
-		<link rel="stylesheet" type="text/css" href="public/css/main.css" />
+        <link rel="icon" type="image/png" href="public/mouette-logo.png">
+	    <link rel="stylesheet" type="text/css" href="public/css/normalize.css">
+		<link rel="stylesheet" type="text/css" href="public/css/main.css">
 <?php
 if(isset($_GET['action']) && $_GET['action'] == 'restauration')
 {
-	echo('<script type="text/javascript" src="public/file_upload.js" ></script>');
+	echo('<script src="public/file_upload.js" ></script>');
 }
 ?>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
 	<body>
-        <div id="bloc_page" style="padding: 10px;" >
+        <div id="bloc_page" style="padding: 10px;">
         	<?= $content ?>
         </div>
 	</body>
diff --git a/view/courriel.php b/view/courriel.php
index 8934461..158fcb4 100644
--- a/view/courriel.php
+++ b/view/courriel.php
@@ -1,11 +1,11 @@
 			<div id="courriel" >
 				<button ><a href="#bloc_page" >Haut de la page</a></button>
 				<div>
-					<img src="public/timbre.png" alt="" ><br />Envoyez-moi un courriel à: <img src="public/courriel.png" >
+					<img src="public/timbre.png" alt="timbre"><br>Envoyez-moi un courriel à: <img alt="courriel" src="public/courriel.png">
             	</div>
 
 				<div id="courrielJS" >
-                    <button onclick="clientCourriel();" >Avec mon logiciel<br />de messagerie</button>
-                    <button onclick="copierCourriel();" >Copier l'adresse dans<br />le presse-papier</button>
+                    <button onclick="clientCourriel();" >Avec mon logiciel<br>de messagerie</button>
+                    <button onclick="copierCourriel();" >Copier l'adresse dans<br>le presse-papier</button>
             	</div>
             </div>
\ No newline at end of file
diff --git a/view/discographie.php b/view/discographie.php
index 8d82679..6e560af 100644
--- a/view/discographie.php
+++ b/view/discographie.php
@@ -4,8 +4,8 @@
 // variable $css
 ob_start();
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/<?= $page ?>.css" />
-        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.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();
 
@@ -13,7 +13,7 @@ $css = ob_get_clean();
 // variable $js
 ob_start();
 ?>
-        <script type="text/javascript" src="public/main.js" ></script>
+        <script src="public/main.js"></script>
         <!-- <script type="text/javascript" src="public/file_upload.js" ></script> -->
 <?php
 if(isset($_GET['action']) && $_GET['action'] === 'edition')
diff --git a/view/pageArticlesSimples.php b/view/pageArticlesSimples.php
index 95f8c46..8758373 100644
--- a/view/pageArticlesSimples.php
+++ b/view/pageArticlesSimples.php
@@ -6,24 +6,24 @@ ob_start();
 if($page == 'menu')
 {
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/menu.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/menu.css">
 <?php
 }
 else
 {
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/pages_articles_simples.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/pages_articles_simples.css">
 <?php
 }
 ?>
-        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/donnees_hors_editeur.css">
 <?php
 $css = ob_get_clean();
 
 //variable $js
 ob_start();
 ?>
-        <script type="text/javascript" src="public/main.js" ></script>
+        <script src="public/main.js"></script>
 <?php
 if(isset($_GET['action']) && $_GET['action'] == 'editor')
 {
@@ -40,10 +40,10 @@ $js = ob_get_clean();
 if($page == 'archives')
 {
     $explications = '<p style="padding: 3px 3px 0 3px; background-color: white;">
-        <img style="float: right;" src="public/header_images/logo_real.png" />
+        <img style="float: right;" src="public/header_images/logo_real.png">
         Certains liens vidéos nécessitent le lecteur <a href="https://www.real.com" target="_blank" >Real Player</a> (windows, android et iOS) pour être lus.</p>
         <p>
-        <img style="float: left;" src="public/header_images/logo_vlc.png" />
+        <img style="float: left;" src="public/header_images/logo_vlc.png">
         Vous pouvez aussi utiliser le<br/><a href="https://www.videolan.org/vlc/" target="_blank" >lecteur VLC.</a></p>';
     $headerImage = '<div class="photo" style="display: flex; height: fit-content;" >
         <div class="explications" >' . $explications . '</div>
@@ -66,9 +66,11 @@ echo "\n";
 if($page == 'menu' && !empty($ArticlesContent))
 {
 ?>
-                <h3>Actualité</h3>
-                <div class="sectionActu" >
-                    <?= $ArticlesContent ?>
+                <div>
+                    <h3 class="sectionActu">Actualité</h3>
+                    <div>
+                        <?= $ArticlesContent ?>
+                    </div>
                 </div>
 <?php
 }
diff --git a/view/password.php b/view/password.php
index 93cae95..6302950 100644
--- a/view/password.php
+++ b/view/password.php
@@ -10,9 +10,9 @@
 // insertion du captcha
 ob_start();
 ?>
-                <p>Montrez que vous n'êtes pas un robot.<br/>
+                <p>Montrez que vous n'êtes pas un robot.<br>
                     <label for="captcha" >Combien font <?= $captcha[0] ?> fois <?= $captcha[1] ?>?</label>
-                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1" />
+                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">
                 </p>
 <?php
 $captchaHtml = ob_get_clean();
@@ -23,11 +23,11 @@ ob_start();
 ?>
             <form class="connexionFormulaire" method="post" action="index.php?page=connexion&from=<?= $_GET['from'] ?>" >
                 <label for="motdepasse" >Mot de passe:</label>
-                <input type="password" name="motdepasse" autofocus required >
+                <input id="motdepasse" type="password" name="motdepasse" autofocus required >
 
                 <?= $captchaHtml ?>
 
-                <input type="submit" value="Valider" >
+                <input type="submit" value="Valider">
             </form>
 <?php
 $formulaireConnexion = ob_get_clean();
@@ -37,11 +37,11 @@ ob_start();
 ?>
             <form class="connexionFormulaire" method="post" action="index.php" >
                 <label for="motdepasse" >Mot de passe:</label>
-                <input type="password" name="motdepasse" autofocus required >
+                <input id="motdepasse" type="password" name="motdepasse" autofocus required>
 
                 <?= $captchaHtml ?>
 
-                <input type="submit" value="Valider" >
+                <input type="submit" value="Valider">
             </form>
 <?php
 $formulaireNouveauMDP = ob_get_clean();
@@ -51,14 +51,14 @@ $formulaireNouveauMDP = ob_get_clean();
 ob_start();
 ?>
             <form class="connexionFormulaire" method="post" action="index.php?from=<?= $_GET['from'] ?>&action=modif_mdp" >
-                <label for="motdepasse" >Ancien mot de passe:</label>
-                <input type="password" name="ancienMotdepasse" autofocus required ><br /><br />
+                <label for="ancien_motdepasse" >Ancien mot de passe:</label>
+                <input id="ancien_motdepasse" type="password" name="ancienMotdepasse" autofocus required ><br><br>
                 <label for="motdepasse" >Nouveau mot de passe:</label>
-                <input type="password" name="nouveauMotdepasse" required autocomplete="off" >
-                <br /><br />
+                <input id="motdepasse" type="password" name="nouveauMotdepasse" required autocomplete="off">
+                <br><br>
                 <input type="submit" value="Valider" >
                 <a href="index.php?page=<?= $_GET['from'] ?>" >
-                    <input type="button" value="Annuler" />
+                    <input type="button" value="Annuler">
                 </a>
             </form>
 <?php
@@ -70,17 +70,17 @@ ob_start();
 ?>
 <!DOCTYPE html>
 
-<html lang="fr" >
+<html lang="fr">
     <head>
-        <meta charset="utf-8" />
+        <meta charset="utf-8">
         <title><?= $title ?></title>
 
         <!-- <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> -->
-        <link rel="icon" type="image/png" href="public/mouette-logo.png" >
+        <link rel="icon" type="image/png" href="public/mouette-logo.png">
         <link rel="stylesheet" type="text/css" href="public/css/normalize.css">
-        <link rel="stylesheet" type="text/css" href="public/css/main.css" />
-        <script type="text/javascript" src="public/main.js" ></script>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" type="text/css" href="public/css/main.css">
+        <script src="public/main.js" ></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     </head>
 
     <body>
@@ -105,10 +105,10 @@ $warning = '<p class="avertissement" >Rappel de sécurité<br />Vous n\'utilisez
 // confirmation modification du mot de passe
 ob_start();
 ?>
-<script type="text/javascript" >nouveauMotdepasse('<?= $_GET["from"] ?>');</script>
+<script>nouveauMotdepasse('<?= $_GET["from"] ?>');</script>
 <noscript>
-    <p class="avertissement" >Le mot de passe a été modifié<br />
-        <a href="index.php" >Retour au site.</a><br/></p>
+    <p class="avertissement" >Le mot de passe a été modifié<br>
+        <a href="index.php" >Retour au site.</a><br></p>
 </noscript>
 <?php
 $message = ob_get_clean();
@@ -116,12 +116,17 @@ $message = ob_get_clean();
 
 // pied de page
 ob_start();
+if(isset($_GET['page'])) // exclue la "création du mot de passe"
+{
 ?>
             <p class="connexionP connexionFooter" >
                 <a href="index.php?from=<?= $_GET['from'] ?>" >
                     <button>Retour au site.</button>
                 </a>
             </p>
+<?php
+}
+?>
         </div>
     </body>
 </html>
diff --git a/view/template-formulaires.php b/view/template-formulaires.php
index fc73a27..b8c6f94 100644
--- a/view/template-formulaires.php
+++ b/view/template-formulaires.php
@@ -29,12 +29,12 @@ ob_start();
         <?= $imageFormulaire ?>
         <p><i>Infos qui seront affichées sur cette page:</i></p>
         <label for="titre" >Titre</label>
-            <input type="text" name="titre" value="<?= $vignette[0] ?>" required ><br />
+            <input type="text" name="titre" value="<?= $vignette[0] ?>" required><br>
         <label for="annee" >Année</label>
-            <input type="text" name="annee" value="<?= $vignette[1] ?>" ><br />
-        <label for="pochette" >Pochette du disque (jpg ou png) : <?= $vignette[2] ?></label><br/>
+            <input type="text" name="annee" value="<?= $vignette[1] ?>"><br>
+        <label for="pochette" >Pochette du disque (jpg ou png) : <?= $vignette[2] ?></label><br>
             <!-- <input type="file" id="upload" name="upload" > -->
-            <input type="file" name="upload" ><br /><br /><br />
+            <input type="file" name="upload"><br><br><br>
 <?php
 $inputsAlbum = ob_get_clean();
 
@@ -53,10 +53,10 @@ if($page === 'discographie' || $page === 'album')
 ?>
 
         <textarea id="editor" name="contenu" ></textarea>
-        <!-- <input class="boutonSubmitEditeur" type="submit" value="Valider" onclick="filtrerAntislash();"/> -->
-        <input class="boutonSubmitEditeur" type="submit" value="Valider" />
+        <!-- <input class="boutonSubmitEditeur" type="submit" value="Valider" onclick="filtrerAntislash();"> -->
+        <input class="boutonSubmitEditeur" type="submit" value="Valider">
         <a class="boutonAnnuler" href="index.php?page=<?= $lienBoutonAnnuler ?>" >
-            <input type="button" value="Annuler" /></a>
+            <input type="button" value="Annuler"></a>
         <script>
             let editor; // variable utilisable depuis une fonction
             
diff --git a/view/template.php b/view/template.php
index b86a41c..2a4d182 100644
--- a/view/template.php
+++ b/view/template.php
@@ -2,16 +2,16 @@
 
 <html lang="fr" >
     <head>
-        <meta charset="utf-8" />
+        <meta charset="utf-8">
         <title><?= $title ?></title>
 
         <!-- partie que Melaine doit écrire -->
-        <meta name="description" content="" />
+        <meta name="description" content="">
 
         <!-- <link rel="shortcut icon" type="image/x-icon" href="public/favicon.ico" /> -->
-        <link rel="icon" type="image/png" href="public/mouette-logo.png" >
+        <link rel="icon" type="image/png" href="public/mouette-logo.png">
         <link rel="stylesheet" type="text/css" href="public/css/normalize.css">
-        <link rel="stylesheet" type="text/css" href="public/css/main.css" />
+        <link rel="stylesheet" type="text/css" href="public/css/main.css">
 <?php
 if(isset($css)) // fichiers CSS supplémentaires
 {
@@ -23,7 +23,7 @@ if(isset($js)) // fonctions dans main.js puis appel des fonctions
     echo($js);
 }
 ?>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
     </head>
     
     <body>
-- 
cgit v1.2.3