95 files changed, 2588 insertions, 0 deletions
diff --git a/accroche.php b/accroche.php
new file mode 100644
index 0000000..7fd0994
--- /dev/null
+++ b/accroche.php
@@ -0,0 +1,30 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: connexion.php');
+    exit ();
+}
+$fichier = fopen('accroche.txt','r+');
+ftruncate($fichier,0); // évite les problèmes quand on change pour un titre plus court
+fputs($fichier, $_POST['accroche']);
+fseek($fichier, 0);
+fclose($fichier);
+header('Location: administration.php?modifaccroche=1');
+exit ();
+?>
diff --git a/accroche.txt b/accroche.txt
new file mode 100644
index 0000000..9cc45fa
--- /dev/null
+++ b/accroche.txt
@@ -0,0 +1 @@
+Détente, voyages, cuisine, musique
+\ No newline at end of file
diff --git a/administration.php b/administration.php
new file mode 100644
index 0000000..a059023
--- /dev/null
+++ b/administration.php
@@ -0,0 +1,318 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // = booléen
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: connexion.php');
+    exit ();
+}
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>zone privée</title>
+        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+        <link rel="stylesheet" href="blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <meta name="robots" content="noindex" >
+        <style>
+        section
+        {
+            border: 2px #FFBD8D solid;
+            margin: 10px 0px;
+            padding: 10px;
+            width: 960px;
+            display: flex;
+            flex-wrap: wrap;
+        }
+        section img
+        {
+            width: 170px;
+        }
+        </style>
+        <?php include("matomo.php"); ?>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <header>
+                <h1><img class="sakura" src="sakura.png" alt="sakura" />zone privée<img class="sakura" src="sakura.png" alt="sakura" /></h1>
+            </header>
+            
+            <li id="admin" >
+                <p><i>Ne pas oublier de cliquer sur "déconnexion" quand on a fini !</i></p>
+                <p><a href="logout.php" >déconnexion</a></p>
+            </li>
+                      
+            
+            <?php include("connexionbase.php"); ?>
+            
+            
+            <?php // confirmation d'un changement
+            
+            // confirmation et messages d'erreur concernant l'ajout d'un article
+                        if (isset($_GET['nouvarticle']))
+                        {
+                                if ($_GET['nouvarticle'] == 1)
+                                {
+                                        echo ('<i>Erreur d\'envoi: Choisir au moins un titre.</i>');
+                                }
+                                elseif ($_GET['nouvarticle'] == 2)
+                                {
+                                        echo ('<i>Erreur d\'envoi: Taille limite du fichier de 8 Mo)</i>');
+                                }
+                                elseif ($_GET['nouvarticle'] == 3)
+                                {
+                                        echo ('<i>Echec de l\'envoi du fichier, il doit être au format "jpg", "png" ou "gif"</i>');
+                                }
+                                elseif ($_GET['nouvarticle'] == 4)
+                                {
+                                        echo ('<i>Echec de l\'envoi du fichier qui n\'est pas de votre faute, appelez ordipolo</i>');
+                                }
+                                elseif ($_GET['nouvarticle'] == 5)
+                                {
+                                        echo ('<i>Le nouvel article a bien été ajouté.</i>');
+                                }
+                                else
+                                {}
+                        }
+                        else
+                        {}
+            
+            // confirmation et messages d'erreur concernant le modification d'un article
+                        if (isset($_GET['nouvarticle']))
+                        {
+                                if ($_GET['nouvarticle'] == 6)
+                                {
+                                        echo ('<i>L\'article a bien été modifié.</i>');
+                                }
+                                elseif ($_GET['nouvarticle'] == 7)
+                                {
+                                        echo ('<i>Erreur: pas de fichier sélectionné OU fichier trop lourd (taille limite = 8 Mo)</i>');
+                                }
+                                else
+                                {}
+                        }
+                        else
+                        {}
+            
+            // message qui dit qu'on a modifié la phrase d'accroche
+                        if (isset ($_GET["modifaccroche"]) AND ($_GET["modifaccroche"]) == 1)
+                        {
+                                echo '<p><i>la phrase d\'accroche a été modifiée</i></p>';
+                        }
+                        
+                        // message qui dit qu'on a modifié la présentation
+                        if (isset ($_GET["modifprez"]) AND ($_GET["modifprez"]) == 1)
+                        {
+                                echo '<p><i>le texte de présentation a été modifié</i></p>';
+                        }
+                        
+                        // confirmation et messages d'erreur concernant la photo de la présentation
+                        if (isset ($_GET["modifphoto"]) AND ($_GET["modifphoto"]) == 4)
+                        {
+                                echo '<p><i>la photo de présentation a bien été modifiée</i></p>';
+                        }
+                        elseif (isset ($_GET["modifphoto"]) AND ($_GET["modifphoto"]) == 1)
+                        {
+                                echo '<p><i>Erreur. Il n\'y a pas de fichier ou celui-ci est trop lourd (taille maximale de 8 MO).</i></p>';
+                        }
+                        elseif (isset ($_GET["modifphoto"]) AND ($_GET["modifphoto"]) == 2)
+                        {
+                                echo '<p><i>Echec de l\'envoi du fichier, il doit être au format "jpg", "png" ou "gif".</i></p>';
+                        }
+                        elseif (isset ($_GET["modifphoto"]) AND ($_GET["modifphoto"]) == 3)
+                        {
+                                echo '<p><i>Echec de l\'envoi du fichier qui n\'est pas de votre faute, appelez ordipolo !</i></p>';
+                        }
+                        else
+                        {}
+            
+            // message qui dit qu'on a modifié le mot de passe
+                        if (isset ($_GET["modifmdp"]) AND ($_GET["modifmdp"]) == 1)
+                        {
+                                $réponse = $base->query('SELECT * FROM motdepasse');
+                                while ($données = $réponse->fetch())
+                                {
+                                echo '<p><i>le mot de passe a été modifié</br>
+                                c\'est maintenant: ' . htmlspecialchars($données['motdepasse']) . '</br>
+                                attention de ne pas l\'oublier !!</i></p>';
+                                }
+                        }
+                        ?>
+            
+            
+            <!-- nouvel article -->
+            <section style="flex-direction: column;" >
+                <p>Ajouter un nouvel article au blog.<br/>
+                - mettre au minimum un titre<br/>
+                - l'ajout d'un texte et/ou d'une image est faculatif</p>
+                <form method="post" action="articles/ajoutarticle.php" enctype="multipart/form-data" >
+                    <p><label for="titre" >Titre:</label>
+                    <input type="text" name="titre" id="titre" size="50" /></p>
+                    
+                    <p><label>Télécharger une image depuis mon PC / tablette / téléphone:</label><br/>
+                    <input type="file" name="photo" id="photo" />
+                    <!-- on crée la variable $_FILES["photo"], taille max de 8 MO sinon la photo est refusée par le serveur -->
+                    <input type="hidden" name="MAX_FILE_SIZE" value="8000000"></p>
+                    
+                    <p><label for="article" >Ecrire un texte:</label>
+                    <textarea name="article" id="article" rows="10" cols="50" ></textarea></p>
+                    
+                    <p><input type="submit" value="VALIDER LE NOUVEL ARTICLE" /></p>
+                </form>
+            </section>
+            
+            <section>
+                <p><a href="articles/articlesliste.php" >Modifier ou supprimer un article.</a></p>
+            </section>
+            
+            
+            <!-- phrase d'accroche-->
+            <section>
+                <form method="post" action="accroche.php" >
+                    <label for="accroche" >Modifier la phrase d'accroche:</label><br/>
+                    <?php
+                        $fichier = fopen('accroche.txt','r');
+                        fseek($fichier, 0);
+                        $accroche = fgets($fichier);
+                        fseek($fichier, 0);
+                        fclose($fichier);
+                    ?>
+                    <input type="text" name="accroche" id="accroche" size="30" value="<?php echo htmlspecialchars($accroche); ?>" />
+                    <input type="submit" value="Valider la nouvelle phrase" />
+                </form>
+            </section>
+            
+            
+            <!-- photos -->
+            <section>
+                <div>
+                    <?php
+                    // récupérer le nom de la photo sélectionnée
+                    $fichier = fopen('photoskaty/photo.txt','r');
+                    fseek($fichier, 0);
+                    $photokaty = fgets($fichier);
+                    fseek($fichier, 0);
+                    ?>
+                    
+                    <p>Photo actuelle de Katy:<br/>
+                    <a href="photoskaty/listephoto.php" >La changer</a></p>
+                    <figure class="photo" >
+                        <a href="photoskaty/listephoto.php" ><img src="photoskaty/<?php echo $photokaty; ?>" alt="photo" /></a>
+                    </figure>
+                </div>
+                
+                <div>
+                    <?php
+                    // récupérer le nom de la photo sélectionnée
+                    $fichier = fopen('photospolo/photo.txt','r');
+                    fseek($fichier, 0);
+                    $photopolo = fgets($fichier);
+                    fseek($fichier, 0);
+                    ?>
+                    
+                    <p>Photo actuelle de Polo:<br/>
+                    <a href="photospolo/listephoto.php" >La changer</a></p>
+                    <figure class="photo" >
+                        <a href="photospolo/listephoto.php" ><img src="photospolo/<?php echo $photopolo; ?>" alt="photo" /></a>
+                    </figure>
+                </div>
+            </section>
+            
+            
+            <!-- présentation -->
+            <section>
+                <form method="post" action="présentationkaty.php" >
+                    <label for="nouvelleprez" ><p>Modifier présentation de Katy.</p></label>
+                    <?php
+                        $fichier = fopen('présentationkaty.txt','r');
+                        fseek($fichier, 0);
+                    ?>
+                    <textarea name="nouvelleprez" id="nouvelleprez" rows="5" cols="70" ><?php
+                        if ($fichier) // si le fichier disparaît, ne fait pas cramer le PC du visiteur !!
+                        {
+                            while (!feof($fichier)) // Tant que l'on est pas à la fin du fichier
+                            {
+                                $présentation = fgets($fichier);
+                                echo htmlspecialchars($présentation);
+                            }
+                        }
+                    ?></textarea>
+                    <?php
+                        fseek($fichier, 0);
+                        fclose($fichier);
+                    ?>
+                    <p><input type="submit" value="Valider le nouveau texte" /></p>
+                </form>
+                
+                <form method="post" action="présentationpolo.php" >
+                    <label for="nouvelleprez" ><p>Modifier présentation de Polo.</p></label>
+                    <?php
+                        $fichier = fopen('présentationpolo.txt','r');
+                        fseek($fichier, 0);
+                    ?>
+                    <textarea name="nouvelleprez" id="nouvelleprez" rows="5" cols="70" ><?php
+                        if ($fichier) // si le fichier disparaît, ne fait pas cramer le PC du visiteur !!
+                        {
+                            while (!feof($fichier)) // Tant que l'on est pas à la fin du fichier
+                            {
+                                $présentation = fgets($fichier);
+                                echo htmlspecialchars($présentation);
+                            }
+                        }
+                    ?></textarea>
+                    <?php
+                        fseek($fichier, 0);
+                        fclose($fichier);
+                    ?>
+                    <p><input type="submit" value="Valider le nouveau texte" /></p>
+                </form>
+            </section>
+            
+            
+            <!-- mot de passe -->
+            <section>
+                <form method="post" action="mdp.php" >
+                    <label for="nouveaumdp" >Modifier le mot de passe de connexion :</label><br/>
+                    <input type="password" name="nouveaumdp" id="nouveaumdp" />
+                    <input type="submit" value="Valider le nouveau mot de passe" />
+                </form>
+                <?php // message qui dit qu'on a modifié le mot de passe
+                if (isset ($_GET["modifmdp"]) AND ($_GET["modifmdp"]) == 1)
+                {
+                    $réponse = $base->query('SELECT * FROM motdepasse');
+                    while ($données = $réponse->fetch())
+                    {
+                    echo '<p><i>le mot de passe a été modifié</br>
+                    c\'est maintenant: ' . htmlspecialchars($données['motdepasse']) . '</br>
+                    attention de ne pas l\'oublier !!</i></p>';
+                    }
+                }
+                ?>
+            </section>
+            
+            
+            <li id="admin" >
+                <p><i>Ne pas oublier de cliquer sur "déconnexion" quand on a fini !</i></p>
+                <p><a href="logout.php" >déconnexion</a></p>
+            </li>
+                        
+        </div>
+    </body>
+</html>
diff --git a/articles/a-bout-de-souffle.jpg b/articles/a-bout-de-souffle.jpg
new file mode 100644
index 0000000..591496c
--- /dev/null
+++ b/articles/a-bout-de-souffle.jpg
Binary files differ
diff --git a/articles/acoustic-guitar.png b/articles/acoustic-guitar.png
new file mode 100644
index 0000000..5503dd0
--- /dev/null
+++ b/articles/acoustic-guitar.png
Binary files differ
diff --git a/articles/ajoutarticle.php b/articles/ajoutarticle.php
new file mode 100644
index 0000000..56f63a1
--- /dev/null
+++ b/articles/ajoutarticle.php
@@ -0,0 +1,103 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// récupérer les POST, complèter la base et uploader des photos
+if (isset ($_FILES['photo']) AND $_FILES['photo']['error'] == 1) // fichier trop lourd
+{
+    header('Location: ../administration.php?nouvarticle=2');
+    exit ();
+}
+elseif ($_FILES['photo']['error'] == 0 AND $_POST['titre'] != '') // présence d'un titre
+{
+    // extension du fichier
+    $infophoto = pathinfo ($_FILES['photo']['name']); // pathinfo renvoie un tableau, qui contient notamment l'extension du fichier
+    $extautorisées = array ('jpg', 'jpeg', 'png', 'gif', 'JPG', 'JPEG', 'PNG', 'GIF');
+    if (in_array ($infophoto['extension'], $extautorisées)) // on compare l'extension dans le tableau avec les extensions qu'on a choisi
+    {
+        // on récupère la variable $nom
+        $nom = basename ($_FILES['photo']['name']);
+        
+        // vérification et formatage du nom du fichier
+        // supprimer les accents, problème: la méthode avec la fonction strstr marche mal avec l'UTF-8,
+        // on préfèrera celle-ci qui utilise str_replace et qui marche mieux (mais pas avec les majuscules accentuées):
+        $nom = str_replace(
+            array('à','â','ä','á','ã','å','î','ï','ì','í','ô','ö','ò','ó','õ','ø','ù','û','ü','ú','é','è','ê','ë','ç','ÿ','ñ'),
+            array('a','a','a','a','a','a','i','i','i','i','o','o','o','o','o','o','u','u','u','u','e','e','e','e','c','y','n'),
+            $nom);
+        // minuscules
+        $nom = mb_strtolower($nom, 'UTF-8');    
+        $infophoto['extension'] = mb_strtolower($infophoto['extension'], 'UTF-8');
+        // ce qui n'est pas une lettre ou un chiffre est remplacé par un tiret, y compris les espaces
+        $nom = preg_replace('/([^.a-z0-9]+)/i', '-', $nom);
+        
+        // ajout article avec photo
+        if (move_uploaded_file ($_FILES['photo']['tmp_name'], '/var/www/lelionetlecolibri.ordipolo.fr/articles/' . $nom))
+        // on doit pouvoir écrire dans le dossier d'arrivée (mettre le chemin absolu) et dans /tmp
+        // pour permettre à PHP l'écriture et la traversée du dossier, taper: sudo chmod 733 /var/www/dossier/qu'on/veut
+        {
+                        // nom de la miniature
+                        $mini_nom = "mini_" . $nom;
+                        
+            $requête = $base->prepare('INSERT INTO articles (nomarticle, contenu, nomphoto, miniature) VALUES (?, ?, ?, ?)');
+            $requête->execute(array(
+                $_POST['titre'],
+                $_POST['article'],
+                $nom,
+                $mini_nom));
+            
+            // création de la miniature
+            include("miniatures.php");
+                        
+            header('Location: ../administration.php?nouvarticle=5'); // succès, move_uploaded_file renvoie la valeur TRUE
+            exit ();
+        }
+        else // echec à l'enregistrement, la fonction renvoie FALSE
+        {
+            header('Location: ../administration.php?nouvarticle=4');
+            exit ();
+        }
+    }
+    else // mauvais format
+    {
+        header('Location: ../administration.php?nouvarticle=3');
+        exit ();
+    }
+}
+elseif ($_POST['titre'] != '') // article sans photo
+{
+    $requête = $base->prepare('INSERT INTO articles (nomarticle, contenu) VALUES (?, ?)');
+    $requête->execute(array(
+        $_POST['titre'],
+        $_POST['article']));
+    
+    header('Location: ../administration.php?nouvarticle=5');
+    exit ();
+}
+else // pas de titre
+{
+    header('Location: ../administration.php?nouvarticle=1');
+}
+?>
diff --git a/articles/articlesliste.php b/articles/articlesliste.php
new file mode 100644
index 0000000..f56cea7
--- /dev/null
+++ b/articles/articlesliste.php
@@ -0,0 +1,179 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>modifier, supprimer un article</title>
+        <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
+        <link rel="stylesheet" href="../blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <style>
+        section
+        {
+            margin: 10px 0px;
+            padding: 10px;
+            width: 960px;
+        }
+        </style>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <header>
+                <h1><img class="sakura" src="../sakura.png" alt="sakura" />
+                Modifier ou supprimer un article
+                <img class="sakura" src="../sakura.png" alt="sakura" /></h1>
+            </header>
+            
+            <li id="admin" >
+                <p><a href="../administration.php" >retour page précédente</a></p>
+            </li>
+            
+            
+            <!-- connexion à la base de données -->
+                        <?php include("../connexionbase.php"); ?>
+            
+            
+            <?php // message de retour avec des GET venant de supprconfirmée.php
+            if (isset ($_GET['erreursuppr']))
+                        {
+                                if($_GET['erreursuppr'] == 1)
+                                {
+                                        echo('<p><i>Erreur à la suppression d\'une image ou d\'un article,<br/>
+                                        si cet avertissement vous semble étrange, contactez ordipolo.</i></p>');
+                                }
+                                else
+                                {}
+                        }
+                        elseif (isset ($_GET['suppr']))
+                        {
+                                if($_GET['suppr'] == 1)
+                                {
+                                        echo('<i>L\'image a bien été supprimée !</i>');
+                                }
+                                elseif($_GET['suppr'] == 2)
+                                {
+                                        echo('<i>L\'article a bien été supprimé !</i>');
+                                }
+                                else
+                                {}
+                        }
+                        else
+                        {}
+                        ?>
+                        
+                        
+            <?php
+            $réponse = $base->query('SELECT id, nomarticle, contenu, nomphoto, miniature, DATE_FORMAT(dateheure, \'article ajouté le %d/%m/%Y à %Hh%i\')
+            AS date FROM articles ORDER BY id DESC');
+            while ($données = $réponse->fetch())
+            {
+                echo('<section>
+                <article>
+                <p class="dateheure" >' . $données['date'] . '</p>'); // date
+                
+                // titre et texte
+                echo('<p><b>Modifier le titre et le texte.</b></p>');
+                
+                echo('<form method="post" action="modifarticle.php" >');
+                
+                echo('<p><label for="titre" >Titre:</label>
+                <input type="text" name="titre" id="titre" value="'
+                 . htmlspecialchars($données['nomarticle']) . '" size="30" /></p>'); // titre
+                
+                echo('<p><label for="article" >Texte:</label>
+                <textarea name="article" id="article" rows="10" cols="50" >'
+                 . htmlspecialchars($données['contenu']) . '</textarea></p>'); // texte
+                
+                echo('<p><input type="hidden" name="ligne" id="ligne" value="'
+                 . $données['id'] . '" /></p>'); // numéro de la ligne dans la base
+                
+                echo('<p><input type="submit" value="VALIDER LE NOUVEAU TEXTE" /></p>
+                </form>'); // bouton
+                
+                // image
+                if ($données['nomphoto'] == '') // pas d'image
+                {
+                                        echo('<form method="post" action="modifarticle.php" enctype="multipart/form-data" >');
+                        
+                        echo('<p><label><b>Ajouter une image à l\'article depuis mon PC / tablette / téléphone:</b></label><br/>
+                        <input type="file" name="photo" id="photo" />
+                        <input type="hidden" name="MAX_FILE_SIZE" value="8000000" ></p>'); // nouvelle image
+                        
+                        echo('<p><input type="hidden" name="ligne" id="ligne" value="'
+                         . $données['id'] . '" /></p>'); // numéro de la ligne dans la base
+                        
+                        echo('<p><input type="submit" value="VALIDER L\'IMAGE" /></p>
+                        </form>'); // bouton
+                                }
+                else // y a déjà une image
+                {
+                        echo('<form method="post" action="modifarticle.php" enctype="multipart/form-data" >');
+                        
+                        echo('<p><label><b>Choisir une autre image sur mon PC / tablette / téléphone:</b></label><br/>
+                        <input type="file" name="photo" id="photo" />
+                        <input type="hidden" name="MAX_FILE_SIZE" value="8000000" ></p>'); // nouvelle image
+                        
+                        echo('<div><p>Image actuelle =<img src="' . $données['miniature'] . '" alt="aucune" /></p></div>'); // montrer l'image
+                        
+                        echo('<p><input type="hidden" name="ligne" id="ligne" value="'
+                         . $données['id'] . '" /></p>'); // numéro de la ligne dans la base
+                        
+                        echo('<p><input type="submit" value="VALIDER LA NOUVELLE IMAGE" /></p>
+                        </form>'); // bouton
+                                        
+                        // supprimer l'image
+                        // utilisation d'un POST au lieu d'un GET pour ne rien révéler de la base de données
+                        echo ('<form method="post" action="supprarticle.php" >
+                                                <p><label><b>Supprimer l\'image illustrant cet article:</b></label></p>
+                                                <input type="hidden" name="quoi" value="image" >
+                                                <input type="hidden" name="ligne" value="' . $données['id'] . '" >
+                                                <p><input type="submit" value="SUPPRIMER L\'IMAGE" /></p>
+                        </form>');
+                        
+                        echo ('<p>Note: pour supprimer uniquement le texte, il suffit que le formulaire "Texte" soit vide et de cliquer sur "VALIDER LE NOUVEAU TEXTE".</p>');
+                                }
+                
+                //supprimer tout l'article
+                // utilisation d'un POST au lieu d'un GET pour ne rien révéler de la base de données
+                echo('<form method="post" action="supprarticle.php" >
+                                        <p><label><b>Supprimer l\'article entier:</b></label></p>
+                                        <input type="hidden" name="quoi" value="article" >
+                                        <input type="hidden" name="ligne" value="' . $données['id'] . '" >
+                                        <p><input type="submit" value="SUPPRIMER L\'ARTICLE" /></p>
+                </form>');
+                
+                echo('<p><b>Ne rien faire tout compte fait.</b></p>
+                <p><a href="../administration.php" >Retour page précédente</a></p>');
+                
+                echo('</article>
+                </section>');
+            }
+            $réponse->closeCursor();
+            ?>
+            
+        </div>
+    </body>
+</html>
diff --git a/articles/atelier-franssmann-mpt-penhars.jpg b/articles/atelier-franssmann-mpt-penhars.jpg
new file mode 100644
index 0000000..4a6a83f
--- /dev/null
+++ b/articles/atelier-franssmann-mpt-penhars.jpg
Binary files differ
diff --git a/articles/baleine-bouchons.jpg b/articles/baleine-bouchons.jpg
new file mode 100644
index 0000000..f972330
--- /dev/null
+++ b/articles/baleine-bouchons.jpg
Binary files differ
diff --git a/articles/breizh-color.jpg b/articles/breizh-color.jpg
new file mode 100644
index 0000000..61d6611
--- /dev/null
+++ b/articles/breizh-color.jpg
Binary files differ
diff --git a/articles/cafe-philo.jpg b/articles/cafe-philo.jpg
new file mode 100644
index 0000000..0904644
--- /dev/null
+++ b/articles/cafe-philo.jpg
Binary files differ
diff --git a/articles/composteur.jpg b/articles/composteur.jpg
new file mode 100644
index 0000000..7b700e9
--- /dev/null
+++ b/articles/composteur.jpg
Binary files differ
diff --git a/articles/emmaus.jpg b/articles/emmaus.jpg
new file mode 100644
index 0000000..9cfeb9e
--- /dev/null
+++ b/articles/emmaus.jpg
Binary files differ
diff --git a/articles/fanfare-invisible-manif-climat.jpg b/articles/fanfare-invisible-manif-climat.jpg
new file mode 100644
index 0000000..8642016
--- /dev/null
+++ b/articles/fanfare-invisible-manif-climat.jpg
Binary files differ
diff --git a/articles/housse-ukulele-reduite.jpg b/articles/housse-ukulele-reduite.jpg
new file mode 100644
index 0000000..f8fcd6b
--- /dev/null
+++ b/articles/housse-ukulele-reduite.jpg
Binary files differ
diff --git a/articles/housse-ukulele.jpg b/articles/housse-ukulele.jpg
new file mode 100644
index 0000000..5262b3c
--- /dev/null
+++ b/articles/housse-ukulele.jpg
Binary files differ
diff --git a/articles/installation-stand.jpg b/articles/installation-stand.jpg
new file mode 100644
index 0000000..5b87c56
--- /dev/null
+++ b/articles/installation-stand.jpg
Binary files differ
diff --git a/articles/kig-ar-farz.jpg b/articles/kig-ar-farz.jpg
new file mode 100644
index 0000000..0c94d33
--- /dev/null
+++ b/articles/kig-ar-farz.jpg
Binary files differ
diff --git a/articles/la-guitare-pour-les-nuls.jpg b/articles/la-guitare-pour-les-nuls.jpg
new file mode 100644
index 0000000..e359861
--- /dev/null
+++ b/articles/la-guitare-pour-les-nuls.jpg
Binary files differ
diff --git a/articles/lombricomposteur.jpg b/articles/lombricomposteur.jpg
new file mode 100644
index 0000000..d3bd801
--- /dev/null
+++ b/articles/lombricomposteur.jpg
Binary files differ
diff --git a/articles/mini_a-bout-de-souffle.jpg b/articles/mini_a-bout-de-souffle.jpg
new file mode 100644
index 0000000..e4add77
--- /dev/null
+++ b/articles/mini_a-bout-de-souffle.jpg
Binary files differ
diff --git a/articles/mini_acoustic-guitar.png b/articles/mini_acoustic-guitar.png
new file mode 100644
index 0000000..c330ad4
--- /dev/null
+++ b/articles/mini_acoustic-guitar.png
Binary files differ
diff --git a/articles/mini_atelier-franssmann-mpt-penhars.jpg b/articles/mini_atelier-franssmann-mpt-penhars.jpg
new file mode 100644
index 0000000..e1e03d7
--- /dev/null
+++ b/articles/mini_atelier-franssmann-mpt-penhars.jpg
Binary files differ
diff --git a/articles/mini_baleine-bouchons.jpg b/articles/mini_baleine-bouchons.jpg
new file mode 100644
index 0000000..04354fd
--- /dev/null
+++ b/articles/mini_baleine-bouchons.jpg
Binary files differ
diff --git a/articles/mini_breizh-color.jpg b/articles/mini_breizh-color.jpg
new file mode 100644
index 0000000..d8f820d
--- /dev/null
+++ b/articles/mini_breizh-color.jpg
Binary files differ
diff --git a/articles/mini_cafe-philo.jpg b/articles/mini_cafe-philo.jpg
new file mode 100644
index 0000000..cf2ffa2
--- /dev/null
+++ b/articles/mini_cafe-philo.jpg
Binary files differ
diff --git a/articles/mini_composteur.jpg b/articles/mini_composteur.jpg
new file mode 100644
index 0000000..aa24816
--- /dev/null
+++ b/articles/mini_composteur.jpg
Binary files differ
diff --git a/articles/mini_emmaus.jpg b/articles/mini_emmaus.jpg
new file mode 100644
index 0000000..b183b4f
--- /dev/null
+++ b/articles/mini_emmaus.jpg
Binary files differ
diff --git a/articles/mini_fanfare-invisible-manif-climat.jpg b/articles/mini_fanfare-invisible-manif-climat.jpg
new file mode 100644
index 0000000..69490a8
--- /dev/null
+++ b/articles/mini_fanfare-invisible-manif-climat.jpg
Binary files differ
diff --git a/articles/mini_housse-ukulele.jpg b/articles/mini_housse-ukulele.jpg
new file mode 100644
index 0000000..eec6917
--- /dev/null
+++ b/articles/mini_housse-ukulele.jpg
Binary files differ
diff --git a/articles/mini_installation-stand.jpg b/articles/mini_installation-stand.jpg
new file mode 100644
index 0000000..eeb7ee2
--- /dev/null
+++ b/articles/mini_installation-stand.jpg
Binary files differ
diff --git a/articles/mini_kig-ar-farz.jpg b/articles/mini_kig-ar-farz.jpg
new file mode 100644
index 0000000..b45cda5
--- /dev/null
+++ b/articles/mini_kig-ar-farz.jpg
Binary files differ
diff --git a/articles/mini_la-guitare-pour-les-nuls.jpg b/articles/mini_la-guitare-pour-les-nuls.jpg
new file mode 100644
index 0000000..f8289fc
--- /dev/null
+++ b/articles/mini_la-guitare-pour-les-nuls.jpg
Binary files differ
diff --git a/articles/mini_lombricomposteur.jpg b/articles/mini_lombricomposteur.jpg
new file mode 100644
index 0000000..0fb7bc6
--- /dev/null
+++ b/articles/mini_lombricomposteur.jpg
Binary files differ
diff --git a/articles/mini_nettoyage-des-bois.jpg b/articles/mini_nettoyage-des-bois.jpg
new file mode 100644
index 0000000..1227a78
--- /dev/null
+++ b/articles/mini_nettoyage-des-bois.jpg
Binary files differ
diff --git a/articles/mini_nora-isaac-22-millions-de-vue.jpg b/articles/mini_nora-isaac-22-millions-de-vue.jpg
new file mode 100644
index 0000000..aa6b52c
--- /dev/null
+++ b/articles/mini_nora-isaac-22-millions-de-vue.jpg
Binary files differ
diff --git a/articles/mini_poney.png b/articles/mini_poney.png
new file mode 100644
index 0000000..b6e4413
--- /dev/null
+++ b/articles/mini_poney.png
Binary files differ
diff --git a/articles/mini_reseau.png b/articles/mini_reseau.png
new file mode 100644
index 0000000..5097a1d
--- /dev/null
+++ b/articles/mini_reseau.png
Binary files differ
diff --git a/articles/mini_rouget.jpg b/articles/mini_rouget.jpg
new file mode 100644
index 0000000..1e39f49
--- /dev/null
+++ b/articles/mini_rouget.jpg
Binary files differ
diff --git a/articles/mini_seules-les-betes.jpg b/articles/mini_seules-les-betes.jpg
new file mode 100644
index 0000000..2e50e5b
--- /dev/null
+++ b/articles/mini_seules-les-betes.jpg
Binary files differ
diff --git a/articles/mini_surf.png b/articles/mini_surf.png
new file mode 100644
index 0000000..73d6e9f
--- /dev/null
+++ b/articles/mini_surf.png
Binary files differ
diff --git a/articles/miniatures.php b/articles/miniatures.php
new file mode 100644
index 0000000..48f3525
--- /dev/null
+++ b/articles/miniatures.php
@@ -0,0 +1,85 @@
+<?php
+if ($infophoto['extension'] == 'png' OR $infophoto['extension'] == 'PNG')
+{
+        $source = imagecreatefrompng($nom);
+        $hauteur_source = imagesy($source);
+        if ($hauteur_source > 250)
+        {
+                // dimensions des deux images
+                $largeur_source = imagesx($source);     
+                $forme = $hauteur_source / $largeur_source; // si image plus haute que large: >1, si plus large: <1
+                $hauteur_destination = 250; // hauteur arbitraire
+                $largeur_destination = 250 / $forme; // largeur proportionnée
+                
+                // créer la miniature
+                $destination = imagecreatetruecolor($largeur_destination, 250);
+                imagecopyresampled($destination, $source, 0, 0, 0, 0, $largeur_destination, $hauteur_destination, $largeur_source, $hauteur_source);
+                
+                // enregistrer la nouvelle image
+                imagepng($destination, $mini_nom);
+        }
+        else
+        {
+                // enregistrer l'image de départ avec le nom d'une miniature
+                imagepng($source, $mini_nom);
+        }
+}
+elseif ($infophoto['extension'] == 'jpg' OR $infophoto['extension'] == 'jpeg')
+{
+        $source = imagecreatefromjpeg($nom);
+        $hauteur_source = imagesy($source);
+;
+        if ($hauteur_source > 250)
+        {
+                // dimensions des deux images
+                $largeur_source = imagesx($source);     
+                $forme = $hauteur_source / $largeur_source; // si image plus haute que large: >1, si plus large: <1
+                $hauteur_destination = 250; // hauteur arbitraire
+                $largeur_destination = 250 / $forme; // largeur proportionnée
+                
+                // créer la miniature
+                $destination = imagecreatetruecolor($largeur_destination, 250);
+                imagecopyresampled($destination, $source, 0, 0, 0, 0, $largeur_destination, $hauteur_destination, $largeur_source, $hauteur_source);
+                
+                // enregistrer la nouvelle image
+                imagejpeg($destination, $mini_nom);
+        }
+        else
+        {
+                // enregistrer l'image de départ avec le nom d'une miniature
+                imagejpeg($source, $mini_nom);
+        }
+}
+elseif ($infophoto['extension'] == 'gif')
+{
+        $source = imagecreatefromgif($nom);
+        $hauteur_source = imagesy($source);
+        if ($hauteur_source > 250)
+        {
+                // dimensions des deux images
+                $largeur_source = imagesx($source);     
+                $forme = $hauteur_source / $largeur_source; // si image plus haute que large: >1, si plus large: <1
+                $hauteur_destination = 250; // hauteur arbitraire
+                $largeur_destination = 250 / $forme; // largeur proportionnée
+                
+                // créer la miniature
+                $destination = imagecreatetruecolor($largeur_destination, 250);
+                imagecopyresampled($destination, $source, 0, 0, 0, 0, $largeur_destination, $hauteur_destination, $largeur_source, $hauteur_source);
+                
+                // enregistrer la nouvelle image
+                imagegif($destination, $mini_nom);
+        }
+        else
+        {
+                // enregistrer l'image de départ avec le nom d'une miniature
+                imagegif($source, $mini_nom);
+        }
+}
+else // echec à l'enregistrement, la fonction renvoie FALSE
+{
+        header('Location: ../administration.php');
+        exit ();
+}
+?>
diff --git a/articles/modifarticle.php b/articles/modifarticle.php
new file mode 100644
index 0000000..e8cc827
--- /dev/null
+++ b/articles/modifarticle.php
@@ -0,0 +1,111 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// récupérer les POST, compléter la base et uploader des photos
+if (isset ($_FILES['photo']))
+{
+        if ($_FILES['photo']['error'] == 0)
+        {
+                // vérification de l'extension
+                $infophoto = pathinfo ($_FILES['photo']['name']); // pathinfo renvoie un tableau, qui contient notamment l'extension du fichier
+                $extautorisées = array ('jpg', 'jpeg', 'png', 'gif', 'JPG', 'JPEG', 'PNG', 'GIF');
+                if (in_array ($infophoto['extension'], $extautorisées)) // on compare l'extension dans le tableau avec les extensions qu'on a choisi
+                {
+                        // on récupère la variable $nom
+                        $nom = basename ($_FILES['photo']['name']);
+                        
+                        // vérification et formatage du nom du fichier
+                        // supprimer les accents, problème: la méthode avec la fonction strstr marche mal avec l'UTF-8,
+                        // on préfèrera celle-ci qui utilise str_replace et qui marche mieux (mais pas avec les majuscules accentuées):
+                        $nom = str_replace(
+                                array('à','â','ä','á','ã','å','î','ï','ì','í','ô','ö','ò','ó','õ','ø','ù','û','ü','ú','é','è','ê','ë','ç','ÿ','ñ'),
+                                array('a','a','a','a','a','a','i','i','i','i','o','o','o','o','o','o','u','u','u','u','e','e','e','e','c','y','n'),
+                                $nom);
+                        // minuscules
+                        $nom = mb_strtolower($nom, 'UTF-8');    
+                        $infophoto['extension'] = mb_strtolower($infophoto['extension'], 'UTF-8');
+                        // ce qui n'est pas une lettre ou un chiffre est remplacé par un tiret, y compris les espaces
+                        $nom = preg_replace('/([^.a-z0-9]+)/i', '-', $nom);
+                        
+                        // modification de l'image
+                        if (move_uploaded_file ($_FILES['photo']['tmp_name'], '/var/www/lelionetlecolibri.ordipolo.fr/articles/' . $nom))
+                        // on doit pouvoir écrire dans le dossier d'arrivée (mettre le chemin absolu) et dans /tmp
+                        // pour permettre à PHP l'écriture et la traversée du dossier, taper: sudo chmod 733 /var/www/dossier/qu'on/veut
+                        {
+                                // nom de la miniature
+                                $mini_nom = "mini_" . $nom;
+                                
+                                $requête = $base->prepare('UPDATE articles SET nomphoto = :photo, miniature = :mini WHERE id = :li');
+                                $requête->execute(array(
+                                        'photo' => $nom,
+                                        'mini' => $mini_nom,
+                                        'li' => $_POST['ligne']
+                                        ));
+                                
+                                // création d'une miniature
+                                include("miniatures.php");
+                                
+                                header('Location: ../administration.php?nouvarticle=6'); // succès, move_uploaded_file renvoie la valeur TRUE
+                                exit ();
+                        }
+                        else // echec à l'enregistrement, la fonction renvoie FALSE
+                        {
+                                header('Location: ../administration.php?nouvarticle=4');
+                                exit ();
+                        }
+                }
+                else // mauvais format
+                {
+                        header('Location: ../administration.php?nouvarticle=3');
+                        exit ();
+                }
+        }
+        else
+        {
+                header('Location: ../administration.php?nouvarticle=7');
+                exit ();
+        }
+}
+elseif ($_POST['titre'] != '') // il faut au moins mettre un titre
+{
+        // modification du texte
+        echo $_POST['ligne'];
+        
+        $requête = $base->prepare('UPDATE articles SET nomarticle = :tit,  contenu = :cont WHERE id = :li');
+        $requête->execute(array(
+                'tit' => $_POST['titre'],
+                'cont' => $_POST['article'],
+                'li' => $_POST['ligne']
+                ));
+        
+        header('Location: ../administration.php?nouvarticle=6');
+        exit ();
+}
+else // pas de photo ni titre
+{
+    header('Location: ../administration.php?nouvarticle=1');
+}
+?>
diff --git a/articles/nettoyage-des-bois.jpg b/articles/nettoyage-des-bois.jpg
new file mode 100644
index 0000000..bc91586
--- /dev/null
+++ b/articles/nettoyage-des-bois.jpg
Binary files differ
diff --git a/articles/nora-isaac-22-millions-de-vue.jpg b/articles/nora-isaac-22-millions-de-vue.jpg
new file mode 100644
index 0000000..b6595cf
--- /dev/null
+++ b/articles/nora-isaac-22-millions-de-vue.jpg
Binary files differ
diff --git a/articles/poney.png b/articles/poney.png
new file mode 100644
index 0000000..eb3a7fd
--- /dev/null
+++ b/articles/poney.png
Binary files differ
diff --git a/articles/reseau.png b/articles/reseau.png
new file mode 100644
index 0000000..59f36c9
--- /dev/null
+++ b/articles/reseau.png
Binary files differ
diff --git a/articles/rouget.jpg b/articles/rouget.jpg
new file mode 100644
index 0000000..5c581c1
--- /dev/null
+++ b/articles/rouget.jpg
Binary files differ
diff --git a/articles/seules-les-betes.jpg b/articles/seules-les-betes.jpg
new file mode 100644
index 0000000..f85f57f
--- /dev/null
+++ b/articles/seules-les-betes.jpg
Binary files differ
diff --git a/articles/supprarticle.php b/articles/supprarticle.php
new file mode 100644
index 0000000..53b2477
--- /dev/null
+++ b/articles/supprarticle.php
@@ -0,0 +1,131 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>suppression définitive</title>
+        <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
+        <link rel="stylesheet" href="../blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <style>
+        section
+        {
+            margin: 10px 0px;
+            padding: 10px;
+            width: 960px;
+        }
+        </style>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+                        <header>
+                <h1><img class="sakura" src="../sakura.png" alt="sakura" />
+                Suppression définitive !!
+                <img class="sakura" src="../sakura.png" alt="sakura" /></h1>
+            </header>
+            
+                        <li id="admin" >
+                <p><a href="articlesliste.php" >retour page précédente</a></p>
+                        </li>
+                                
+                        <section>
+                                
+                                <?php
+                                // connexion à la base de données
+                                include("../connexionbase.php");
+                                
+                                // confirmation suppression de l'image
+                                if ($_POST['quoi'] == 'image')
+                                {
+                                        $requête = $base->prepare('SELECT nomarticle, contenu, nomphoto, DATE_FORMAT(dateheure, \'article ajouté le %d/%m/%Y à %Hh%i\')
+                                        AS date FROM articles WHERE id = :li');
+                                        $requête->execute(array(
+                                                'li' => $_POST['ligne']
+                                                ));
+                                        while ($données = $requête->fetch())
+                                        {
+                                                echo('<p><i>Vous êtes sur le point de supprimer définitivement l\'image liée à cet article.</i></p>');
+                                                echo('<article><p class="dateheure" >' . $données['date'] . '</p>');
+                                                echo('<h2>' . htmlspecialchars($données['nomarticle']) . '</h2>');
+                                                echo('<div class="contenu" >
+                                                        <div><img src="' . $données['nomphoto'] . '" alt="" /></div>');
+                                                echo('<div class="contenutexte" ><pre>' . htmlspecialchars($données['contenu']) . '</pre></div>
+                                                        </div></article>');
+                                                
+                                                echo('<p><i><b>Êtes-vous sûr de vouloir supprimer définitivement cette image?<br/>
+                                                        Cliquer sur le bouton ci-dessous pour confirmer:</b></i></p>');
+                                                
+                                                echo('<form method="post" action="supprconfirmée.php" >
+                                                        <input type="hidden" name="quoi" value="image" >
+                                                        <input type="hidden" name="confirmation" value="oui" >
+                                                        <input type="hidden" name="ligne" value="' . $_POST['ligne'] . '" >
+                                                        <p><input type="submit" value="CONFIRMER" /></p>
+                                                </form>');
+                                        }
+                                        $requête->closeCursor();
+                                        
+                                }
+                                // confirmation suppression de l'article entier
+                                elseif ($_POST['quoi'] == 'article')
+                                {
+                                        $requête = $base->prepare('SELECT nomarticle, contenu, nomphoto, DATE_FORMAT(dateheure, \'article ajouté le %d/%m/%Y à %Hh%i\')
+                                        AS date FROM articles WHERE id = :li');
+                                        $requête->execute(array(
+                                                'li' => $_POST['ligne']
+                                                ));
+                                        while ($données = $requête->fetch())
+                                        {
+                                                echo('<p><i>Vous êtes sur le point de supprimer définitivement cet article (le texte, l\'image, tout).</i></p>');
+                                                echo('<article><p class="dateheure" >' . $données['date'] . '</p>');
+                                                echo('<h2>' . htmlspecialchars($données['nomarticle']) . '</h2>');
+                                                echo('<div class="contenu" >
+                                                        <div><img src="' . $données['nomphoto'] . '" alt="" /></div>');
+                                                echo('<div class="contenutexte" ><pre>' . htmlspecialchars($données['contenu']) . '</pre></div>
+                                                        </div></article>');
+                                                
+                                                echo('<p><i><b>Êtes-vous sûr de vouloir supprimer définitivement cet article?<br/>
+                                                        Cliquer sur le bouton ci-dessous pour confirmer:</b></i></p>');
+                                                
+                                                echo('<form method="post" action="supprconfirmée.php" >
+                                                        <input type="hidden" name="quoi" value="article" >
+                                                        <input type="hidden" name="confirmation" value="oui" >
+                                                        <input type="hidden" name="ligne" value="' . $_POST['ligne'] . '" >
+                                                        <p><input type="submit" value="CONFIRMER" /></p>
+                                                </form>');
+                                        }
+                                        $requête->closeCursor();
+                                        
+                                }
+                                else
+                                {
+                                    header('Location: articlesliste.php');
+                                    exit ();
+                                }
+                                ?>
+                                
+                        </section>
+                </div>
+        </body>
+</html>
diff --git a/articles/supprconfirmée.php b/articles/supprconfirmée.php
new file mode 100644
index 0000000..0b5c08a
--- /dev/null
+++ b/articles/supprconfirmée.php
@@ -0,0 +1,85 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// supprimer l'image
+if (isset ($_POST['quoi']) AND ($_POST['confirmation']))
+{
+        if ($_POST['quoi'] == 'image' AND $_POST['confirmation'] == 'oui' )
+        {
+                // pour l'image
+                $requête = $base->prepare('SELECT nomphoto, miniature FROM articles WHERE id = :li');
+                $requête->execute(array(
+            'li' => $_POST['ligne']
+        ));
+        while ($données = $requête->fetch())
+        {
+                        unlink ($données['nomphoto']);
+                        unlink ($données['miniature']);
+                }
+                
+                // pour le nom de l'image dans la base de données
+                $requête = $base->prepare('UPDATE articles SET nomphoto = \'\', miniature = \'\' WHERE id = :li');
+                $requête->execute(array(
+                        'li' => $_POST['ligne']
+                        ));
+                
+                header('Location: articlesliste.php?suppr=1');
+        exit ();
+        }
+        elseif ($_POST['quoi'] == 'article' AND $_POST['confirmation'] == 'oui' )
+        {
+                // pour l'image
+                $requête = $base->prepare('SELECT nomphoto, miniature FROM articles WHERE id = :li');
+                $requête->execute(array(
+            'li' => $_POST['ligne']
+        ));
+        while ($données = $requête->fetch())
+        {
+                        unlink ($données['nomphoto']);
+                        unlink ($données['miniature']);
+                }
+                
+                // pour la ligne dans la base de données
+                $requête = $base->prepare('DELETE FROM articles WHERE id = :li');
+        $requête->execute(array(
+            'li' => $_POST['ligne']
+        ));
+                
+                header('Location: articlesliste.php?suppr=2');
+        exit ();
+        }
+        else
+        {
+                header('Location: articlesliste.php?erreursuppr=1');
+            exit ();
+        }
+}
+else
+{
+        header('Location: articlesliste.php?erreursuppr=1');
+    exit ();
+}
+?>
diff --git a/articles/surf.png b/articles/surf.png
new file mode 100644
index 0000000..eb6c2df
--- /dev/null
+++ b/articles/surf.png
Binary files differ
diff --git a/blog.css b/blog.css
new file mode 100644
index 0000000..0f698a7
--- /dev/null
+++ b/blog.css
@@ -0,0 +1,352 @@
+body
+{
+    /* vire une bande de la couleur du fond au dessus */
+    margin: 0px;
+    /* violet lavande */
+    background-color: #FFEDED;
+    /* marron */
+    color: #661D17;
+    word-wrap: break-word; /* coupe un mot plus long que ce que permet le bloc qui le contient */
+    font-family: sans-serif;
+}
+#bloc_page
+{
+    max-width: 980px;
+    margin: auto;
+}
+header
+{
+    text-align: center;
+    margin: 0px;
+    /* jaune citron */
+    background-color: #FFFCC2;
+}
+img
+{
+    /* supprime la bande en dessous de l'image, <img /> est considérée comme une balise inline et par défaut,
+    le navigateur applique un «vertical-align: baseline;» à cause des g, p, q qui peuvent dépasser en dessous d'un texte */
+    vertical-align: middle;
+    /* image dans le bon sens en regardant les données EXIF */
+        image-orientation: from-image;
+}
+p
+{
+    margin: 10px;
+}
+i
+{
+    color: red;
+}
+h1
+{
+    margin: 0px;
+    font-size: xx-large;
+    font-weight: normal;
+    /* orange curcuma */
+    color: #FC5900;
+}
+.sakura
+{
+    margin: 15px;
+}
+nav
+{
+    width: 100%;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-top: 1px purple solid;
+    border-bottom: 1px purple solid;
+    //font-size: large;
+}
+h3
+{
+    margin: 0px;
+    padding: 10px 10px 10px 40px;
+    text-align: left;
+}
+ul
+{
+    /* annule les marges par défaut */
+    margin: 0px;
+    padding-left: 0px;
+}
+li
+{
+    padding: 1px;
+    margin: 10px 20px;
+    text-transform: uppercase;
+    display: inline;
+}
+ul li
+{
+    display: inline-block;
+}
+li a
+{
+    text-decoration: none;
+}
+a
+{
+    color: purple;
+    text-decoration: none;
+}
+a:hover
+{
+    /* orange curcuma */
+    color: #FC5900;
+    //text-decoration: underline;
+}
+#admin
+{
+    margin: 20px;
+    border: 2px violet solid;
+    display: flex;
+    justify-content: flex-end;
+}
+.corps
+{
+    /* jaune citron */
+    background-color: #FFFCC2;
+    display: flex;
+    justify-content: space-between;
+}
+article
+{
+    /* rose saumon */
+    border: #FFBD8D 2px solid;
+    margin: 0px 0px 20px 0px;
+    padding: 1px;
+    min-height: 336px;
+    /* violet lavande */
+    background-color: #FFEDED;
+}
+h2
+{
+    font-size: x-large;
+    margin: 10px;
+    font-weight: normal;
+}
+figure
+{
+    display: flex;
+    width: 180%;
+}
+figcaption
+{
+    margin: 10px;
+}
+.dateheure
+{
+    font-size: small;
+    font-style: italic;
+}
+section img
+{
+    max-width: 300px;
+    max-height: 300px;
+    margin: 0px 10px;
+    float: left;
+}
+.contenutexte
+{
+    margin: 10px;
+}
+h4
+{
+    /* orange curcuma */
+    color: #FC5900;
+    font-size: large;
+    margin: 20px 0px 0px 0px;
+    text-transform: uppercase;
+    display: inline-block;
+}
+/* colonne de droite */
+aside
+{
+    text-align: center;
+    width: 200px;
+    display:flex;
+    flex-wrap: wrap;
+    /* quand disposition horizontale*/
+    justify-content: space-around;
+    align-items: flex-start;
+    
+}
+.aside
+{
+        display:flex;
+        flex-wrap: wrap;
+        justify-content: center;
+}
+aside p
+{
+    width: 180px;
+}
+.prez
+{
+    display: inline-block;
+}
+pre
+{
+    font-family: sans-serif;    
+    white-space: pre-wrap;
+    margin: 0px;
+}
+aside pre
+{
+    width: 180px;
+}
+/* pied de page */
+footer
+{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+}
+/* grands écrans */
+@media all and (min-width: 980px) /* bloc_page = 980px, aside = 200px, section = 740px et 20 de marge de chaque côté*/
+{
+    section
+    {
+        margin: 20px;
+        width: 740px;
+    }
+}
+@media all and (min-width: 780px)
+{
+    aside
+    {
+        justify-content: space-around;
+    }
+}
+/* petits écrans */
+@media all and (max-width: 979px)
+{
+    #bloc_page
+    {
+        max-width: 780px;
+    }
+    
+    #banderole
+    {
+        width: 780px;
+    }
+    
+    #bloc_page
+    {
+        max-width: 780px;
+    }
+    
+    section /* bloc_page = 780px, aside = 200px, section = 560px et 10 de marge de chaque côté*/
+    {
+        margin: 10px;
+        width: 560px;
+    }
+    
+    figcaption
+    {
+        width: 250px;
+    }
+}
+/* tablettes */
+@media all and (max-width: 779px)
+{
+    #bloc_page
+    {
+        max-width: 580px;
+    }
+    
+    #banderole
+    {
+        width: 580px;
+    }
+    
+    .corps
+    {
+        flex-wrap: wrap;
+    }
+    
+    aside
+    {
+        width: auto;
+    }
+}
+@media all and (max-width: 579px)
+{
+    header
+    {
+        width: auto;
+    }
+    
+    figure
+    {
+        flex-wrap: wrap;
+    }
+    
+    .sakura
+    {
+        display: none;
+    }
+}
+    
+/* téléphones */
+@media all and (max-width: 429px)
+{
+    #banderole
+    {
+        width: 429px;
+    }
+    
+    .sakura
+    {
+        display: none;
+    }
+        
+    figure
+    {
+        flex-wrap: wrap;
+    }
+}
diff --git a/carton/favicon_sakura.zip b/carton/favicon_sakura.zip
new file mode 100644
index 0000000..c246412
--- /dev/null
+++ b/carton/favicon_sakura.zip
Binary files differ
diff --git a/carton/laos/069917-laos-le-mekong-au-coucher-du.jpg b/carton/laos/069917-laos-le-mekong-au-coucher-du.jpg
new file mode 100644
index 0000000..631398a
--- /dev/null
+++ b/carton/laos/069917-laos-le-mekong-au-coucher-du.jpg
Binary files differ
diff --git a/carton/laos/390982_laos_tropiki_palmy_poselenie_derevnya_reka_tuman_x_1680x1050_www.Gde-Fon.com.jpg b/carton/laos/390982_laos_tropiki_palmy_poselenie_derevnya_reka_tuman_x_1680x1050_www.Gde-Fon.com.jpg
new file mode 100644
index 0000000..e7aeb19
--- /dev/null
+++ b/carton/laos/390982_laos_tropiki_palmy_poselenie_derevnya_reka_tuman_x_1680x1050_www.Gde-Fon.com.jpg
Binary files differ
diff --git a/carton/laos/770px-Pha_That_Luang_Vientiane_Laos_Wikimedia_Commons.jpg b/carton/laos/770px-Pha_That_Luang_Vientiane_Laos_Wikimedia_Commons.jpg
new file mode 100644
index 0000000..8bb454d
--- /dev/null
+++ b/carton/laos/770px-Pha_That_Luang_Vientiane_Laos_Wikimedia_Commons.jpg
Binary files differ
diff --git a/carton/laos/Sunset-Mekong-river-Vientiane-Laos-600x1024.jpg b/carton/laos/Sunset-Mekong-river-Vientiane-Laos-600x1024.jpg
new file mode 100644
index 0000000..af7ef56
--- /dev/null
+++ b/carton/laos/Sunset-Mekong-river-Vientiane-Laos-600x1024.jpg
Binary files differ
diff --git a/carton/laos/Vieng_Xai_Laos02.jpg b/carton/laos/Vieng_Xai_Laos02.jpg
new file mode 100644
index 0000000..a80fc59
--- /dev/null
+++ b/carton/laos/Vieng_Xai_Laos02.jpg
Binary files differ
diff --git a/carton/laos/laos-447_960_720.jpg b/carton/laos/laos-447_960_720.jpg
new file mode 100644
index 0000000..14dcc3c
--- /dev/null
+++ b/carton/laos/laos-447_960_720.jpg
Binary files differ
diff --git a/carton/laos/laos.jpg b/carton/laos/laos.jpg
new file mode 100644
index 0000000..dc2bbca
--- /dev/null
+++ b/carton/laos/laos.jpg
Binary files differ
diff --git a/carton/laos/mekong.jpg b/carton/laos/mekong.jpg
new file mode 100644
index 0000000..cca39dc
--- /dev/null
+++ b/carton/laos/mekong.jpg
Binary files differ
diff --git a/carton/sakura-cerisiers.jpg b/carton/sakura-cerisiers.jpg
new file mode 100644
index 0000000..d830b0b
--- /dev/null
+++ b/carton/sakura-cerisiers.jpg
Binary files differ
diff --git a/carton/sakura.png b/carton/sakura.png
new file mode 100644
index 0000000..bf8416c
--- /dev/null
+++ b/carton/sakura.png
Binary files differ
diff --git a/connexion.php b/connexion.php
new file mode 100644
index 0000000..daf8248
--- /dev/null
+++ b/connexion.php
@@ -0,0 +1,75 @@
+<?php
+session_start();
+$_SESSION['mdpvalide'] = 0;
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>connexion</title>
+        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+        <link rel="stylesheet" href="blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <meta name="robots" content="noindex" >
+        <?php include("matomo.php"); ?>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            
+            <h1>Accès protégé à la zone privée</h1>
+            
+            <?php // connexion à la base de données
+            include("connexionbase.php"); ?>
+            
+            <?php
+            $réponse = $base->query('SELECT * FROM motdepasse');
+            while ($données = $réponse->fetch())
+            {
+                                $motdepasse = $données['motdepasse'];
+            }
+            
+            // le bon mot de passe a été tapé
+            if (isset ($_POST["motdepasse"]) AND $_POST["motdepasse"] == $motdepasse)
+            {
+                $_SESSION['mdpvalide'] = 1;
+                header('Location: administration.php');
+                exit ();
+            }
+            
+            
+            // un mauvais mot de passe a été tapé
+            elseif (isset ($_POST["motdepasse"]) AND $_POST["motdepasse"] != $motdepasse)
+            {
+            ?>
+            <form method="post" action="connexion.php" >
+                <label for="motdepasse" >Mot de passe:</label>
+                    <input type="password" name="motdepasse" id="motdepasse" />
+                    <input type="submit" value="Valider" />
+            </form>
+            <p><i>mauvais mot de passe</i></p>
+            <?php
+            }
+            
+            
+            // ce qui apparaît la première fois (pas de post à récupérer)
+            else
+            {
+            ?>
+            <form method="post" action="connexion.php" >
+                <label for="motdepasse" >Mot de passe:</label>
+                    <input type="password" name="motdepasse" id="motdepasse" />
+                    <input type="submit" value="Valider" />
+            </form>
+            <?php
+            }
+            ?>
+            
+            <p><i>Ne pas oublier de cliquer sur "déconnexion" quand on a fini !</i></p>
+            
+            <li><a href="index.php" >retour au blog</a></li>
+            
+        </div>
+    </body>
+</html>
diff --git a/connexionbase.php b/connexionbase.php
new file mode 100644
index 0000000..3e1d309
--- /dev/null
+++ b/connexionbase.php
@@ -0,0 +1,10 @@
+<?php
+try
+{
+        $base = new PDO('mysql:host=localhost;dbname=lelionetlecolibri;charset=utf8', 'root', 'qsdfgh');
+}
+catch (Exception $e)
+{
+        die('Erreur : ' . $e->getMessage()); // message d'erreur si connexion impossible
+}
+?>
diff --git a/contact-post.php b/contact-post.php
new file mode 100644
index 0000000..fc7f5f3
--- /dev/null
+++ b/contact-post.php
@@ -0,0 +1,94 @@
+<?php
+session_start();
+$_SESSION['adresse'] = $_POST['adresse'];
+$_SESSION['contenu'] = $_POST['contenu'];
+if (isset($_POST['captcha']))
+{
+        if ($_POST['captcha'] == 5)
+        {
+                if (isset ($_POST['adresse']) AND isset ($_POST['contenu']))
+                {
+                        if ($_POST['adresse'] != '' AND $_POST['contenu'] != '')
+                        {
+                                // convertir les caractères spéciaux en leur équivalent HTML
+                                $adresse = $_POST['adresse'];
+                                $contenu = $_POST['contenu'];
+                                
+                                if (filter_var($adresse, FILTER_VALIDATE_EMAIL))
+                                {
+                                        $destinataire = 'blog@ordipolo.fr';
+                                        $sujet = 'message de ' . htmlspecialchars($adresse) . ' envoyé depuis le blog';
+                                        
+                                        // On filtre les serveurs qui rencontrent des bogues.
+                                        /*if (!preg_match("#^[a-z0-9._-]+@(hotmail|live|msn).[a-z]{2,4}$#", $destinataire))
+                                        {
+                                            $passage_ligne = "\r\n";
+                                        }
+                                        else
+                                        {
+                                            $passage_ligne = "\n";
+                                        }*/
+                                        $passage_ligne = "\r\n";
+                                        
+                                        $contenu = htmlspecialchars($contenu);
+                                        
+                                        echo $passage_ligne;
+                                        
+                                        // En-tête
+                                        //$boundary = "-----=" . md5(rand());
+                                        
+                                        $header = 'From: siteweb <' . $adresse . '>' . $passage_ligne; // expéditeur
+                                        $header .= 'Reply-to: ' . $adresse . ' <' .  $adresse . '>' . $passage_ligne; // réponse
+                                        $header .= 'Return-path : ' . $adresse . ' <' . $adresse . '>' . $passage_ligne; // retour en cas d'erreur
+                                        $header .= 'MIME-Version: 1.0' . $passage_ligne;
+                                        $header .= 'Content-type: text/plain; charset=utf-8 boundary=\"' . $boundary . '\"' . $passage_ligne;
+                                        
+                                        // message 
+                                        //$message = $passage_ligne."--".$boundary.$passage_ligne;
+                                        //$message .= "Content-Transfer-Encoding: 8bit".$passage_ligne;
+                                        $message .= $passage_ligne . $contenu . $passage_ligne;
+                                        //$message .= $passage_ligne."--".$boundary.$passage_ligne;
+                                        
+                                        echo $destinataire;
+                                        echo "<br/>";
+                                        echo $sujet;
+                                        echo "<br/>";
+                                        echo $message;
+                                        echo "<br/>";
+                                        echo $header;
+                                        
+                                        // Envoi
+                                        mail($destinataire, $sujet, $message, $header);
+                                        
+                                        // envoi réussi, on peut nettoyer
+                                        unset ($_SESSION['adresse']);
+                                        unset ($_SESSION['contenu']);
+                                
+                                        header('Location: contact.php?erreur=0');
+                                }
+                                else
+                                {
+                                        header('Location: contact.php?erreur=1');
+                                }
+                        }
+                        else
+                        {
+                                header('Location: contact.php?erreur=1');
+                        }
+                }
+                else
+                {
+                        header('Location: contact.php?erreur=1');
+                }
+        }
+        else
+        {
+                header('Location: contact.php?erreur=2');
+        }
+}
+else
+{
+        header('Location: contact.php?erreur=2');
+}
+?>
diff --git a/contact.php b/contact.php
new file mode 100644
index 0000000..76a97f0
--- /dev/null
+++ b/contact.php
@@ -0,0 +1,90 @@
+<?php
+session_start();
+if(isset($_SESSION['contenu']))
+{
+        $contenu = $_SESSION['contenu'];
+}
+else
+{$contenu = '';}
+if(isset($_SESSION['adresse']))
+{
+        $adresse = $_SESSION['adresse'];
+}
+else
+{$adresse = '';}
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta http-equiv="Content-Type" content="text/html" />
+        <meta charset="utf-8" />
+        <title>Contacter le lion et le colibri</title>
+        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+        <meta name="description" content="Contacter le lion et le colibri." >
+        <link rel="stylesheet" href="blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <style>
+                        .corps
+                        {
+                                flex-direction: column;
+                        }
+        </style>
+        <?php include("matomo.php"); ?>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <!-- photo banderole et titre -->
+            <header>
+                <h1><img class="sakura" src="sakura.png" alt="sakura" />Nous écrire<img class="sakura" src="sakura.png" alt="sakura" /></h1>
+                
+                <?php include ("menu.php"); ?>
+            </header>
+            
+            <div class="corps" >
+                                <form method="post" action="contact-post.php" >
+                                        <p><label for="email" >Votre adresse électronique : </label><br/>
+                                                <input required type="email" id="email" name="adresse" size="30" value="<?= $adresse ?>" /></p>
+                                        <p><label for="message" >Votre message :</label><br/>
+                                                <textarea required id="message" name="contenu" cols="60" rows="10"><?= $contenu ?></textarea></p>
+                                                
+                                        <!-- captcha anti-spam -->
+                                        <p>Montrez que vous n'êtes pas un robot.<br/>
+                                        <label for="captcha" >Combien font 3 plus 2?</label>
+                                        <input required type="text" id="captcha" name="captcha" size="1" /></p>
+                                        
+                                        <p><input type="submit" name="submit" value="Envoyer votre message" /></p>
+                                        
+                                        <p><?php
+                                        // messages d'erreur
+                                        if (isset($_GET['erreur']))
+                                        {
+                                                if ($_GET['erreur'] == 2)
+                                                {
+                                                        echo ('<i>Veuillez donner le résultat de l\'addition s\'il vous plaît..</i>');
+                                                }
+                                                else if ($_GET['erreur'] == 1)
+                                                {
+                                                        echo ('<i>Erreur d\'envoi: Veuillez indiquer une adresse e-mail valide et écrire un message.</i>');
+                                                }
+                                                elseif ($_GET['erreur'] == 0)
+                                                {
+                                                        echo ('<i>Votre message à bien été envoyé.</i>');
+                                                }
+                                                else
+                                                {}
+                                        }
+                                        else
+                                        {}
+                                        ?></p>
+                                </form>
+                                
+                                <ul>
+                        <li id="admin" >
+                                                <p><a href="index.php" >Retour au blog</a></p>
+                        </li>
+                </ul>
+            </div>
+                </div>
+        </body>
+</html>
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..1d13b9b
--- /dev/null
+++ b/favicon.ico
Binary files differ
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..011325d
--- /dev/null
+++ b/index.php
@@ -0,0 +1,174 @@
+<?php
+session_start();
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>Le lion et le colibri - Blog</title>
+        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+        <meta name="description" content="Blog de Katy et Paul à Quimper et ailleurs. Voyages en Bretagne ou à l’autre bout du monde, musiques.
+        Rencontrer d’autres cultures et changer son regard. Nature, paysages, lecture, détente, rêve." >
+        <link rel="stylesheet" href="blog.css" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <?php include("matomo.php"); ?>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <!-- photo banderole et titre -->
+            <header>
+                <!-- la photo fait 980*276 pixels -->
+                <img id="banderole" src="mekong.jpg" alt="banderole de l'en-tête du site" />
+                
+                <!-- titre entre les fleurs -->
+                <h1><img class="sakura" src="sakura.png" alt="sakura" />Le lion et le colibri<img class="sakura" src="sakura.png" alt="sakura" /></h1>
+                
+                <?php include ("menu.php"); ?>
+                
+                <!-- phrase d'accroche -->
+                <?php
+                $fichier = fopen('accroche.txt','r');
+                fseek($fichier, 0);
+                $accroche = fgets($fichier);
+                fseek($fichier, 0);
+                ?>
+                <h3><?php echo $accroche; ?></h3>
+                <?php
+                fclose($fichier);
+                ?>
+            </header>
+            
+            <!-- partie principale de la page, divisée en deux colonnes -->
+            <div class="corps" >
+                
+                <?php include ("connexionbase.php"); ?>
+                
+                <!-- articles -->
+                <section>
+                    <!-- modèle d'article en html pur
+                    <article>
+                        <p class="dateheure" >article ajouté tel jour, tel mois, telle année à telle heure</p>
+                        <h2>"titre de l'article"</h2>
+                        <div><a><img src="" alt="illustration de l'article" /></a></div>
+                        <div class="contenutexte" ><pre>"contenu de l'article"</pre></div>
+                    </article> -->
+                        
+                                        <?php
+                                        $réponse = $base->query('SELECT nomarticle, contenu, nomphoto, miniature, DATE_FORMAT(dateheure, \'article ajouté le %d/%m/%Y à %Hh%i\')
+                                        AS date FROM articles ORDER BY id DESC');
+                                        while ($données = $réponse->fetch())
+                                        {
+                                                echo('<article><p class="dateheure" >' . $données['date'] . '</p>');
+                                                echo('<h2>' . htmlspecialchars($données['nomarticle']) . '</h2>');
+                                                
+                                                if($données['nomphoto'] != '')
+                                                {
+                                                        echo('<div><a href="articles/' . $données['nomphoto'] . '">
+                                                                <img src="articles/' . $données['miniature'] . '" alt="" /></a></div>');
+                                                }
+                                                else{}
+                                                
+                                                // détecter les URL et les rendre cliquables
+                                                // la protection contre les faille XSS va poser problème, on l'utilise avant d'avoir à ajouter les balises <a>
+                                                $données['contenu'] = htmlspecialchars($données['contenu']);
+                                                $données['contenu'] = preg_replace('#(https?|ftp|ssh|mailto)://[a-z0-9\/:%_+.,\#?!@&=-]+(\.[a-z]{2,4})+[/|?]?[a-z0-9\/:%_+.,\#?!@&=-]*#i', '<a href="$0" >$0</a>', $données['contenu']);
+                                                echo('<div class="contenutexte" ><pre>' . $données['contenu'] . '</pre></div>
+                                                        </article>');
+                                        }
+                                        $réponse->closeCursor();
+                                        ?>
+                        
+                </section>
+                
+                <!-- une colonne à droite avec photos, présentation et hyperliens -->
+                <aside>
+                    <div class="aside" >
+                        <div>
+                            <h4>le colibri</h4>
+                            <?php
+                            // récupérer le nom de la photo
+                            $fichier = fopen('photoskaty/photo.txt','r');
+                            fseek($fichier, 0);
+                            $photokaty = fgets($fichier);
+                            fseek($fichier, 0);
+                            ?>
+                            <figure>
+                                <img src="photoskaty/<?php echo $photokaty; ?>" alt="photo" />
+                            </figure>
+                            <?php
+                            $fichier = fopen('présentationkaty.txt','r');
+                            fseek($fichier, 0);
+                            if ($fichier) // si le fichier disparaît, ne fait pas cramer le PC du visiteur !!
+                            {
+                                
+                                echo '<pre class="prez" >';
+                                while (!feof($fichier)) // Tant que l'on est pas à la fin du fichier
+                                {
+                                    $présentation = fgets($fichier);
+                                    echo $présentation;
+                                }
+                                echo '</pre>';
+                                
+                            }
+                            fseek($fichier, 0);
+                            fclose($fichier);
+                            ?>
+                        </div>
+                        
+                        <div>
+                            <h4>le lion</h4>
+                            <?php
+                            $fichier = fopen('photospolo/photo.txt','r');
+                            fseek($fichier, 0);
+                            $photopolo = fgets($fichier);
+                            fseek($fichier, 0);
+                            ?>
+                            <figure>
+                                <img src="photospolo/<?php echo $photopolo; ?>" alt="photo" />
+                            </figure>
+                            <?php
+                            $fichier = fopen('présentationpolo.txt','r');
+                            fseek($fichier, 0);
+                            if ($fichier) // si le fichier disparaît, ne fait pas cramer le PC du visiteur !!
+                            {
+                                
+                                echo '<pre class="prez" >';
+                                while (!feof($fichier)) // Tant que l'on est pas à la fin du fichier
+                                {
+                                    $présentation = fgets($fichier);
+                                    echo $présentation;
+                                }
+                                echo '</pre>';
+                                
+                            }
+                            fseek($fichier, 0);
+                            fclose($fichier);
+                            ?>
+                        </div>
+                    </div>
+                </aside>
+                
+            </div>
+            
+            <footer>
+                                <div style="margin: 20px;" >
+                                        <p>Ce site vous plait? C'est moi-même qui l'ai entièrement codé et qui l'héberge.</p>
+                                </div>
+                                
+                                <ul>
+                        <li id="admin" >
+                        <p><a href="administration.php" >=> accès zone privée</a></p>
+                        </li>
+                </ul>
+                
+            </footer>
+            
+            <div style="margin: 10px;" >
+                                <li><a href="index.php" >^^ Revenir en haut de la page. ^^</a></li>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/kiffe.php b/kiffe.php
new file mode 100644
index 0000000..fa40417
--- /dev/null
+++ b/kiffe.php
@@ -0,0 +1,77 @@
+<?php
+session_start();
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>On aime</title>
+        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+        <meta name="description" content="Autres sites." >
+        <link rel="stylesheet" href="blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <style>
+                        .corps
+                        {
+                                flex-direction: column;
+                        }
+        </style>
+        <?php include("matomo.php"); ?>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <!-- photo banderole et titre -->
+            <header>
+                <h1><img class="sakura" src="sakura.png" alt="sakura" />On aime<img class="sakura" src="sakura.png" alt="sakura" /></h1>
+                
+                <?php include ("menu.php"); ?>
+            </header>
+            
+            <div class="corps" >
+                                <div>
+                        <a href="http://zingueurs-band.over-blog.com" >
+                            <h2>Le Zingueur's Band</h2>
+                        </a>
+                        <div style="display: flex;" >
+                            <p>la fanfare de Quimper</p>
+                            <a href="http://zingueurs-band.over-blog.com" >
+                                <img src="zingueurs.jpg" alt="logo zingueurs" />
+                            </a>
+                        </div>
+                                </div>
+                                
+                                <div>
+                        <a href="https://reseaumoulinvert.fr" >
+                            <h2>Réseau d'échanges de savoirs</h2>
+                        </a>
+                        <div style="display: flex;" >
+                            <p>de la maison de quartier du moulin vert</p>
+                            <a href="https://reseaumoulinvert.fr" >
+                                <img src="réseau.png" alt="RERS moulin vert" />
+                            </a>
+                        </div>
+                                </div>
+                                
+                                <div>
+                        <a href="https://ordipolo.fr" >
+                            <h2>Ordipolo</h2>
+                        </a>
+                        <div style="display: flex;" >
+                            <p>dépannage informatique</p>
+                            <a href="https://ordipolo.fr">
+                                <img src="minilogo.png" alt="ordipolo" />
+                            </a>
+                        </div>
+                                </div>
+                                
+                                <ul>
+                        <li id="admin" >
+                                                <p><a href="index.php" >Retour au blog</a></p>
+                        </li>
+                </ul>
+                        </div>
+                </div>
+        </body>
+</html>
diff --git a/logout.php b/logout.php
new file mode 100644
index 0000000..d454339
--- /dev/null
+++ b/logout.php
@@ -0,0 +1,7 @@
+<?php
+// effet du bouton déconnexion
+session_start();
+$_SESSION['motdepasse'] = 0;
+session_destroy();
+header('Location: index.php');
+?>
diff --git a/matomo.php b/matomo.php
new file mode 100644
index 0000000..e746361
--- /dev/null
+++ b/matomo.php
@@ -0,0 +1,40 @@
+<?php
+$mode = 'prod';
+if($mode == 'dev')
+{
+        $cookies = 'localhost';
+        $domain = 'localhost/ordipolo';
+        $server = 'localhost/matomo';
+}
+elseif($mode == 'prod')
+{
+        $cookies = 'ordipolo.fr';
+        $domain = 'ordipolo.fr';
+        $server = 'matomo.ordipolo.fr';
+}
+else
+{
+        echo "mode incorrect dans le fichier matomo.php";
+}
+?>
+<!-- Matomo -->
+<script>
+  var _paq = window._paq = window._paq || [];
+  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+  _paq.push(["setCookieDomain", "*.<?= $cookies ?>"]);
+  _paq.push(["setDomains", ["*.<?= $domain ?>"]]);
+  _paq.push(["disableCookies"]);
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="//<?= $server ?>/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '1']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="//<?= $server ?>/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="" /></p></noscript>
+<!-- End Matomo Code -->
diff --git a/mdp.php b/mdp.php
new file mode 100644
index 0000000..fca7375
--- /dev/null
+++ b/mdp.php
@@ -0,0 +1,34 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("connexionbase.php");
+// modification du mot de passe
+$requête = $base->prepare('UPDATE motdepasse SET motdepasse = :mdp');
+$requête->execute(array('mdp' => $_POST['nouveaumdp']));
+header('Location: administration.php?modifmdp=1');
+exit ();
+?>
diff --git a/mekong.jpg b/mekong.jpg
new file mode 100644
index 0000000..ee8db41
--- /dev/null
+++ b/mekong.jpg
Binary files differ
diff --git a/menu.php b/menu.php
new file mode 100644
index 0000000..ca19e91
--- /dev/null
+++ b/menu.php
@@ -0,0 +1,9 @@
+<!-- menu -->
+                <nav>
+                    <ul>
+                        <li><a href="index.php" >Blog</a></li>
+                        <!-- <li><a href="" >galerie de photos</a></li> -->
+                        <li><a href="kiffe.php" >On aime aussi</a></li>
+                        <li><a href="contact.php" >Contact</a></li>
+                    </ul>
+                </nav>
diff --git a/minilogo.png b/minilogo.png
new file mode 100644
index 0000000..507d4ed
--- /dev/null
+++ b/minilogo.png
Binary files differ
diff --git a/photoskaty/katy.jpg b/photoskaty/katy.jpg
new file mode 100644
index 0000000..97bbcca
--- /dev/null
+++ b/photoskaty/katy.jpg
Binary files differ
diff --git a/photoskaty/listephoto.php b/photoskaty/listephoto.php
new file mode 100644
index 0000000..64cec01
--- /dev/null
+++ b/photoskaty/listephoto.php
@@ -0,0 +1,110 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>photos de katy</title>
+        <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
+        <link rel="stylesheet" href="../blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <style>
+        section
+        {
+            border: 2px #FFBD8D solid;
+            margin: 10px 0px;
+            padding: 10px;
+        }
+        @media all and (min-width: 980px)
+        {
+            section
+            {
+                width: 960px;
+            }
+        }
+        section img
+        {
+            width: 170px;
+            padding: 0px 10px;
+        }
+        #listephoto
+        {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        </style>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <header>
+                <h1><img class="sakura" src="../sakura.png" alt="sakura" />photos de katy<img class="sakura" src="../sakura.png" alt="sakura" /></h1>
+            </header>
+            
+            <li id="admin" >
+                <p><a href="../administration.php" >retour page précédente</a></p>
+            </li>
+            
+            <!-- connexion à la base de données -->
+                        <?php include("../connexionbase.php"); ?>
+            
+            <section>
+                <p>Choisir une photo parmi celles déjà sur le serveur:</p>
+                
+                <div id="listephoto" >
+                <?php
+                // afficher la table des noms des photos
+                $réponse = $base->query('SELECT * FROM photoskaty');
+                while ($données = $réponse->fetch())
+                {
+                    echo('<div><a href="photomodif.php?id=' . $données['id'] . '" ><img src="' . $données['nomphoto'] . '" alt="photo" /></a>');
+                    echo('<a href="photomodif.php?id=' . $données['id'] . '" ><p>' . $données['nomphoto'] . '</p></a></div>');
+                }
+                
+                $réponse->closeCursor();
+                ?>
+                </div>
+            
+            </section>
+            
+            <section>
+                <!-- formulaire upload nouvelle photo -->
+                <form method="post" action="photoupload.php" enctype="multipart/form-data" >
+                    <p>Télécharger une nouvelle photo depuis mon PC / tablette / téléphone.</p>
+                    <input type="file" name="photo" id="photo" />
+                    <!-- on crée la variable $_FILES["photo"], taille max de 2 MO sinon la photo est refusée par le serveur -->
+                    <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
+                    <input type="submit" value="Télécharger le fichier" />
+                </form>
+                
+                <p>Attention: taille maximale de 2 MO !</p>
+            </section>
+            
+            <li id="admin" >
+                <p><i>Ne pas oublier de cliquer sur "déconnexion" quand on a fini !</i></p>
+                <p><a href="../logout.php" >déconnexion</a></p>
+            </li>
+            
+    </body>
+</html>
diff --git a/photoskaty/photo.txt b/photoskaty/photo.txt
new file mode 100644
index 0000000..ad4280d
--- /dev/null
+++ b/photoskaty/photo.txt
@@ -0,0 +1 @@
+katy.jpg
+\ No newline at end of file
diff --git a/photoskaty/photomodif.php b/photoskaty/photomodif.php
new file mode 100644
index 0000000..07b4e80
--- /dev/null
+++ b/photoskaty/photomodif.php
@@ -0,0 +1,53 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// modifier la photo sélectionnée
+if (isset ($_GET['id']))
+{
+    // choix de la ligne en fonction de son id
+    $requête = $base->prepare('SELECT * FROM photoskaty WHERE id = :numero');
+    $requête->execute(array('numero' => $_GET['id']));
+    
+    while ($données = $requête->fetch())
+    {
+        $nom = $données['nomphoto'];
+    }
+    
+    $requête->closeCursor();
+    
+    $fichier = fopen('photo.txt','r+');
+    ftruncate($fichier,0); // évite les problèmes quand on change pour un titre plus court
+    fputs($fichier, $nom);
+    fseek($fichier, 0);
+    fclose($fichier);
+    
+    header('Location: ../administration.php?modifphoto=4');
+    exit ();
+}
+else
+{}
+?>
diff --git a/photoskaty/photoupload.php b/photoskaty/photoupload.php
new file mode 100644
index 0000000..c3a2079
--- /dev/null
+++ b/photoskaty/photoupload.php
@@ -0,0 +1,90 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// test de l'envoi du fichier au serveur
+// erreur = 1 si la taille du fichier dépasse de 2 MO, limite modifiable à la ligne upload_max_filesize du fichier php.ini
+if (isset ($_FILES['photo']) AND $_FILES['photo']['error'] == 0)
+{
+    // vérification de l'extension
+    $infophoto = pathinfo ($_FILES['photo']['name']); // pathinfo renvoie un tableau, qui contient notamment l'extension du fichier
+    $extautorisées = array ('jpg', 'jpeg', 'png', 'gif', 'JPG', 'JPEG', 'PNG', 'GIF');
+    if (in_array ($infophoto['extension'], $extautorisées)) // on compare l'extension dans le tableau avec les extensions qu'on a choisi
+    {
+        // on récupère la variable $nom
+        $nom = basename ($_FILES['photo']['name']);
+        
+        // vérification et formatage du nom du fichier
+        // supprimer les accents, problème: la méthode avec la fonction strstr marche mal avec l'UTF-8,
+        // on préfèrera celle-ci qui utilise str_replace et qui marche mieux (mais pas avec les majuscules accentuées):
+        $nom = str_replace(
+            array('à','â','ä','á','ã','å','î','ï','ì','í','ô','ö','ò','ó','õ','ø','ù','û','ü','ú','é','è','ê','ë','ç','ÿ','ñ'),
+            array('a','a','a','a','a','a','i','i','i','i','o','o','o','o','o','o','u','u','u','u','e','e','e','e','c','y','n'),
+            $nom);
+        $nom = mb_strtolower($nom, 'UTF-8');    
+        // ce qui n'est pas une lettre ou un chiffre est remplacé par un tiret, y compris les espaces
+        $nom = preg_replace('/([^.a-z0-9]+)/i', '-', $nom);
+        
+        // enfin on enregistre le fichier
+        if (move_uploaded_file ($_FILES['photo']['tmp_name'], '/var/www/lelionetlecolibri.ordipolo.fr/photospolo/' . $nom))
+        // on doit pouvoir écrire dans le dossier d'arrivée (mettre le chemin absolu) et dans /tmp
+        // pour permettre à PHP l'écriture et la traversée du dossier, taper: sudo chmod 733 /var/www/dossier/qu'on/veut
+        {
+            // envoi du nom de la photo dans la base de données
+            echo $nom;
+            $requête = $base->prepare('INSERT INTO photospolo (nomphoto) VALUES (:nom)');
+            $requête->execute(array('nom' => $nom));
+            
+            $requête->closeCursor();
+            
+            // changer le nom de la photo sélectionnée dans le fichier photo.txt
+            $fichier = fopen('photo.txt','r+');
+            ftruncate($fichier,0); // évite les problèmes quand on change pour un nom plus court
+            fputs($fichier, $nom);
+            fseek($fichier, 0);
+            fclose($fichier);
+            
+            header('Location: ../administration.php?modifphoto=4'); // succès, move_uploaded_file renvoie la valeur TRUE
+            exit ();
+        }
+        else // echec à l'enregistrement, la fonction renvoie FALSE
+        {
+            header('Location: ../administration.php?modifphoto=3');
+            exit ();
+        }
+    }
+    else // mauvais format
+    {
+        header('Location: ../administration.php?modifphoto=2');
+        exit ();
+    }
+}
+else // mauvaise taille
+{
+    header('Location: ../administration.php?modifphoto=1');
+    exit ();
+}
+?>
diff --git a/photospolo/listephoto.php b/photospolo/listephoto.php
new file mode 100644
index 0000000..a2026db
--- /dev/null
+++ b/photospolo/listephoto.php
@@ -0,0 +1,110 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+?>
+<!DOCTYPE html>
+<html lang="fr" >
+    <head>
+        <meta charset="utf-8" />
+        <title>photos de polo</title>
+        <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
+        <link rel="stylesheet" href="../blog.css" />
+        <meta name="viewport" content="width=device-width" />
+        <style>
+        section
+        {
+            border: 2px #FFBD8D solid;
+            margin: 10px 0px;
+            padding: 10px;
+        }
+        @media all and (min-width: 980px)
+        {
+            section
+            {
+                width: 960px;
+            }
+        }
+        section img
+        {
+            width: 170px;
+            padding: 0px 10px;
+        }
+        #listephoto
+        {
+            display: flex;
+            flex-wrap: wrap;
+        }
+        </style>
+    </head>
+    
+    <body>
+        <div id="bloc_page">
+            <header>
+                <h1><img class="sakura" src="../sakura.png" alt="sakura" />photos de polo<img class="sakura" src="../sakura.png" alt="sakura" /></h1>
+            </header>
+            
+            <li id="admin" >
+                <p><a href="../administration.php" >retour page précédente</a></p>
+            </li>
+            
+            <!-- connexion à la base de données -->
+                        <?php include("../connexionbase.php"); ?>
+            
+            <section>
+                <p>Choisir une photo parmi celles déjà sur le serveur:</p>
+                
+                <div id="listephoto" >
+                <?php
+                // afficher la table des noms des photos
+                $réponse = $base->query('SELECT * FROM photospolo');
+                while ($données = $réponse->fetch())
+                {
+                    echo('<div><a href="photomodif.php?id=' . $données['id'] . '" ><img src="' . $données['nomphoto'] . '" alt="photo" /></a>');
+                    echo('<a href="photomodif.php?id=' . $données['id'] . '" ><p>' . $données['nomphoto'] . '</p></a></div>');
+                }
+                
+                $réponse->closeCursor();
+                ?>
+                </div>
+            
+            </section>
+            
+            <section>
+                <!-- formulaire upload nouvelle photo -->
+                <form method="post" action="photoupload.php" enctype="multipart/form-data" >
+                    <p>Télécharger une nouvelle photo depuis mon PC / tablette / téléphone.</p>
+                    <input type="file" name="photo" id="photo" />
+                    <!-- on crée la variable $_FILES["photo"], taille max de 2 MO sinon la photo est refusée par le serveur -->
+                    <input type="hidden" name="MAX_FILE_SIZE" value="2000000">
+                    <input type="submit" value="Télécharger le fichier" />
+                </form>
+                
+                <p>Attention: taille maximale de 2 MO !</p>
+            </section>
+            
+            <li id="admin" >
+                <p><i>Ne pas oublier de cliquer sur "déconnexion" quand on a fini !</i></p>
+                <p><a href="../logout.php" >déconnexion</a></p>
+            </li>
+            
+    </body>
+</html>
diff --git a/photospolo/photo.txt b/photospolo/photo.txt
new file mode 100644
index 0000000..23c7e3a
--- /dev/null
+++ b/photospolo/photo.txt
@@ -0,0 +1 @@
+polo.jpg
+\ No newline at end of file
diff --git a/photospolo/photomodif.php b/photospolo/photomodif.php
new file mode 100644
index 0000000..9be46c0
--- /dev/null
+++ b/photospolo/photomodif.php
@@ -0,0 +1,53 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// modifier la photo sélectionnée
+if (isset ($_GET['id']))
+{
+    // choix de la ligne en fonction de son id
+    $requête = $base->prepare('SELECT * FROM photospolo WHERE id = :numero');
+    $requête->execute(array('numero' => $_GET['id']));
+    
+    while ($données = $requête->fetch())
+    {
+        $nom = $données['nomphoto'];
+    }
+    
+    $requête->closeCursor();
+    
+    $fichier = fopen('photo.txt','r+');
+    ftruncate($fichier,0); // évite les problèmes quand on change pour un titre plus court
+    fputs($fichier, $nom);
+    fseek($fichier, 0);
+    fclose($fichier);
+    
+    header('Location: ../administration.php?modifphoto=4');
+    exit ();
+}
+else
+{}
+?>
diff --git a/photospolo/photoupload.php b/photospolo/photoupload.php
new file mode 100644
index 0000000..c3a2079
--- /dev/null
+++ b/photospolo/photoupload.php
@@ -0,0 +1,90 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: ../connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: ../connexion.php');
+    exit ();
+}
+// connexion à la base de données
+include("../connexionbase.php");
+// test de l'envoi du fichier au serveur
+// erreur = 1 si la taille du fichier dépasse de 2 MO, limite modifiable à la ligne upload_max_filesize du fichier php.ini
+if (isset ($_FILES['photo']) AND $_FILES['photo']['error'] == 0)
+{
+    // vérification de l'extension
+    $infophoto = pathinfo ($_FILES['photo']['name']); // pathinfo renvoie un tableau, qui contient notamment l'extension du fichier
+    $extautorisées = array ('jpg', 'jpeg', 'png', 'gif', 'JPG', 'JPEG', 'PNG', 'GIF');
+    if (in_array ($infophoto['extension'], $extautorisées)) // on compare l'extension dans le tableau avec les extensions qu'on a choisi
+    {
+        // on récupère la variable $nom
+        $nom = basename ($_FILES['photo']['name']);
+        
+        // vérification et formatage du nom du fichier
+        // supprimer les accents, problème: la méthode avec la fonction strstr marche mal avec l'UTF-8,
+        // on préfèrera celle-ci qui utilise str_replace et qui marche mieux (mais pas avec les majuscules accentuées):
+        $nom = str_replace(
+            array('à','â','ä','á','ã','å','î','ï','ì','í','ô','ö','ò','ó','õ','ø','ù','û','ü','ú','é','è','ê','ë','ç','ÿ','ñ'),
+            array('a','a','a','a','a','a','i','i','i','i','o','o','o','o','o','o','u','u','u','u','e','e','e','e','c','y','n'),
+            $nom);
+        $nom = mb_strtolower($nom, 'UTF-8');    
+        // ce qui n'est pas une lettre ou un chiffre est remplacé par un tiret, y compris les espaces
+        $nom = preg_replace('/([^.a-z0-9]+)/i', '-', $nom);
+        
+        // enfin on enregistre le fichier
+        if (move_uploaded_file ($_FILES['photo']['tmp_name'], '/var/www/lelionetlecolibri.ordipolo.fr/photospolo/' . $nom))
+        // on doit pouvoir écrire dans le dossier d'arrivée (mettre le chemin absolu) et dans /tmp
+        // pour permettre à PHP l'écriture et la traversée du dossier, taper: sudo chmod 733 /var/www/dossier/qu'on/veut
+        {
+            // envoi du nom de la photo dans la base de données
+            echo $nom;
+            $requête = $base->prepare('INSERT INTO photospolo (nomphoto) VALUES (:nom)');
+            $requête->execute(array('nom' => $nom));
+            
+            $requête->closeCursor();
+            
+            // changer le nom de la photo sélectionnée dans le fichier photo.txt
+            $fichier = fopen('photo.txt','r+');
+            ftruncate($fichier,0); // évite les problèmes quand on change pour un nom plus court
+            fputs($fichier, $nom);
+            fseek($fichier, 0);
+            fclose($fichier);
+            
+            header('Location: ../administration.php?modifphoto=4'); // succès, move_uploaded_file renvoie la valeur TRUE
+            exit ();
+        }
+        else // echec à l'enregistrement, la fonction renvoie FALSE
+        {
+            header('Location: ../administration.php?modifphoto=3');
+            exit ();
+        }
+    }
+    else // mauvais format
+    {
+        header('Location: ../administration.php?modifphoto=2');
+        exit ();
+    }
+}
+else // mauvaise taille
+{
+    header('Location: ../administration.php?modifphoto=1');
+    exit ();
+}
+?>
diff --git a/photospolo/polo.jpg b/photospolo/polo.jpg
new file mode 100644
index 0000000..6d9ccb6
--- /dev/null
+++ b/photospolo/polo.jpg
Binary files differ
diff --git a/présentationkaty.php b/présentationkaty.php
new file mode 100644
index 0000000..c641a63
--- /dev/null
+++ b/présentationkaty.php
@@ -0,0 +1,33 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: connexion.php');
+    exit ();
+}
+// attention le fichier ne doit pas être ouvert et modifié avec un éditeur de texte qui ajoute
+// automatiquement un passage à la ligne à la fin du fichier si il n'y en pas
+// le contenu du fichier doit être exactement le mot de passe, sinon connexion impossible !!
+$fichier = fopen('présentationkaty.txt','r+');
+ftruncate($fichier,0);
+fwrite($fichier, $_POST['nouvelleprez']);
+fseek($fichier, 0);
+fclose($fichier);
+header('Location: administration.php?modifprez=1');
+exit ();
+?>
diff --git a/présentationkaty.txt b/présentationkaty.txt
new file mode 100644
index 0000000..01bc800
--- /dev/null
+++ b/présentationkaty.txt
@@ -0,0 +1 @@
+J'aime le sport, la cuisine, la musique, les langues et les cultures du monde entier.
+\ No newline at end of file
diff --git a/présentationpolo.php b/présentationpolo.php
new file mode 100644
index 0000000..d97c8db
--- /dev/null
+++ b/présentationpolo.php
@@ -0,0 +1,33 @@
+<?php
+// PAGE SÉCURISÉE ! impossible de la voir si la variable $_SESSION['mdpvalide'] ne vaut pas 1
+session_start();
+if (isset ($_SESSION["mdpvalide"]))
+{
+    if($_SESSION["mdpvalide"]) // booléen, test si ça vaut 1
+    {} // dans ce cas on fait rien et on laisse php lire la suite
+    else
+    {
+        header('Location: connexion.php');
+        exit ();
+        // exit() sert à interrompre php qui n'a alors surtout pas besoin d'aller jusqu'en bas de la page
+    }
+}
+else
+{
+    header('Location: connexion.php');
+    exit ();
+}
+// attention le fichier ne doit pas être ouvert et modifié avec un éditeur de texte qui ajoute
+// automatiquement un passage à la ligne à la fin du fichier si il n'y en pas
+// le contenu du fichier doit être exactement le mot de passe, sinon connexion impossible !!
+$fichier = fopen('présentationpolo.txt','r+');
+ftruncate($fichier,0);
+fwrite($fichier, $_POST['nouvelleprez']);
+fseek($fichier, 0);
+fclose($fichier);
+header('Location: administration.php?modifprez=1');
+exit ();
+?>
diff --git a/présentationpolo.txt b/présentationpolo.txt
new file mode 100644
index 0000000..8fd77f6
--- /dev/null
+++ b/présentationpolo.txt
@@ -0,0 +1 @@
+Musique jazz, blues, bouffe, couture, bricolage (un peu) et informatique (beaucoup), mais toujours en autodidaxie et en dilettante.
+\ No newline at end of file
diff --git a/refuser_indexation.txt b/refuser_indexation.txt
new file mode 100644
index 0000000..4bb2c2e
--- /dev/null
+++ b/refuser_indexation.txt
@@ -0,0 +1,7 @@
+Certains fichiers ne doivent pas être indexés par les moteurs de recherche.
+Cette ligne a été ajoutée dans:
+connexion.php
+administration.php
+<meta name="robots" content="noindex" >
diff --git a/réseau.png b/réseau.png
new file mode 100644
index 0000000..59f36c9
--- /dev/null
+++ b/réseau.png
Binary files differ
diff --git a/sakura.png b/sakura.png
new file mode 100644
index 0000000..923cbe3
--- /dev/null
+++ b/sakura.png
Binary files differ
diff --git a/zingueurs.jpg b/zingueurs.jpg
new file mode 100644
index 0000000..fc54450
--- /dev/null
+++ b/zingueurs.jpg
Binary files differ