diff options
| author | polo <ordipolo@gmx.fr> | 2024-02-09 15:56:55 +0100 |
|---|---|---|
| committer | polo <ordipolo@gmx.fr> | 2024-02-09 15:56:55 +0100 |
| commit | 949737cf5fc2a21b36c4a269a437d0dc2e965441 (patch) | |
| tree | 5a6962408f833e6e2b04519fed544193e41e6360 /index.php | |
| download | lelionetlecolibri-949737cf5fc2a21b36c4a269a437d0dc2e965441.tar.gz lelionetlecolibri-949737cf5fc2a21b36c4a269a437d0dc2e965441.tar.bz2 lelionetlecolibri-949737cf5fc2a21b36c4a269a437d0dc2e965441.zip | |
Diffstat (limited to 'index.php')
| -rw-r--r-- | index.php | 174 |
1 files changed, 174 insertions, 0 deletions
diff --git a/index.php b/index.php new file mode 100644 index 0000000..011325d --- /dev/null +++ b/index.php | |||
| @@ -0,0 +1,174 @@ | |||
| 1 | <?php | ||
| 2 | session_start(); | ||
| 3 | ?> | ||
| 4 | |||
| 5 | <!DOCTYPE html> | ||
| 6 | <html lang="fr" > | ||
| 7 | <head> | ||
| 8 | <meta charset="utf-8" /> | ||
| 9 | <title>Le lion et le colibri - Blog</title> | ||
| 10 | <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> | ||
| 11 | <meta name="description" content="Blog de Katy et Paul à Quimper et ailleurs. Voyages en Bretagne ou à l’autre bout du monde, musiques. | ||
| 12 | Rencontrer d’autres cultures et changer son regard. Nature, paysages, lecture, détente, rêve." > | ||
| 13 | <link rel="stylesheet" href="blog.css" /> | ||
| 14 | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| 15 | <?php include("matomo.php"); ?> | ||
| 16 | </head> | ||
| 17 | |||
| 18 | <body> | ||
| 19 | <div id="bloc_page"> | ||
| 20 | <!-- photo banderole et titre --> | ||
| 21 | <header> | ||
| 22 | <!-- la photo fait 980*276 pixels --> | ||
| 23 | <img id="banderole" src="mekong.jpg" alt="banderole de l'en-tête du site" /> | ||
| 24 | |||
| 25 | <!-- titre entre les fleurs --> | ||
| 26 | <h1><img class="sakura" src="sakura.png" alt="sakura" />Le lion et le colibri<img class="sakura" src="sakura.png" alt="sakura" /></h1> | ||
| 27 | |||
| 28 | <?php include ("menu.php"); ?> | ||
| 29 | |||
| 30 | <!-- phrase d'accroche --> | ||
| 31 | <?php | ||
| 32 | $fichier = fopen('accroche.txt','r'); | ||
| 33 | fseek($fichier, 0); | ||
| 34 | $accroche = fgets($fichier); | ||
| 35 | fseek($fichier, 0); | ||
| 36 | ?> | ||
| 37 | <h3><?php echo $accroche; ?></h3> | ||
| 38 | <?php | ||
| 39 | fclose($fichier); | ||
| 40 | ?> | ||
| 41 | </header> | ||
| 42 | |||
| 43 | <!-- partie principale de la page, divisée en deux colonnes --> | ||
| 44 | <div class="corps" > | ||
| 45 | |||
| 46 | |||
| 47 | <?php include ("connexionbase.php"); ?> | ||
| 48 | |||
| 49 | <!-- articles --> | ||
| 50 | <section> | ||
| 51 | <!-- modèle d'article en html pur | ||
| 52 | <article> | ||
| 53 | <p class="dateheure" >article ajouté tel jour, tel mois, telle année à telle heure</p> | ||
| 54 | <h2>"titre de l'article"</h2> | ||
| 55 | <div><a><img src="" alt="illustration de l'article" /></a></div> | ||
| 56 | <div class="contenutexte" ><pre>"contenu de l'article"</pre></div> | ||
| 57 | </article> --> | ||
| 58 | |||
| 59 | <?php | ||
| 60 | $réponse = $base->query('SELECT nomarticle, contenu, nomphoto, miniature, DATE_FORMAT(dateheure, \'article ajouté le %d/%m/%Y à %Hh%i\') | ||
| 61 | AS date FROM articles ORDER BY id DESC'); | ||
| 62 | while ($données = $réponse->fetch()) | ||
| 63 | { | ||
| 64 | echo('<article><p class="dateheure" >' . $données['date'] . '</p>'); | ||
| 65 | echo('<h2>' . htmlspecialchars($données['nomarticle']) . '</h2>'); | ||
| 66 | |||
| 67 | if($données['nomphoto'] != '') | ||
| 68 | { | ||
| 69 | echo('<div><a href="articles/' . $données['nomphoto'] . '"> | ||
| 70 | <img src="articles/' . $données['miniature'] . '" alt="" /></a></div>'); | ||
| 71 | } | ||
| 72 | else{} | ||
| 73 | |||
| 74 | // détecter les URL et les rendre cliquables | ||
| 75 | // la protection contre les faille XSS va poser problème, on l'utilise avant d'avoir à ajouter les balises <a> | ||
| 76 | $données['contenu'] = htmlspecialchars($données['contenu']); | ||
| 77 | $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']); | ||
| 78 | echo('<div class="contenutexte" ><pre>' . $données['contenu'] . '</pre></div> | ||
| 79 | </article>'); | ||
| 80 | } | ||
| 81 | $réponse->closeCursor(); | ||
| 82 | ?> | ||
| 83 | |||
| 84 | </section> | ||
| 85 | |||
| 86 | <!-- une colonne à droite avec photos, présentation et hyperliens --> | ||
| 87 | <aside> | ||
| 88 | <div class="aside" > | ||
| 89 | <div> | ||
| 90 | <h4>le colibri</h4> | ||
| 91 | <?php | ||
| 92 | // récupérer le nom de la photo | ||
| 93 | $fichier = fopen('photoskaty/photo.txt','r'); | ||
| 94 | fseek($fichier, 0); | ||
| 95 | $photokaty = fgets($fichier); | ||
| 96 | fseek($fichier, 0); | ||
| 97 | ?> | ||
| 98 | <figure> | ||
| 99 | <img src="photoskaty/<?php echo $photokaty; ?>" alt="photo" /> | ||
| 100 | </figure> | ||
| 101 | <?php | ||
| 102 | $fichier = fopen('présentationkaty.txt','r'); | ||
| 103 | fseek($fichier, 0); | ||
| 104 | if ($fichier) // si le fichier disparaît, ne fait pas cramer le PC du visiteur !! | ||
| 105 | { | ||
| 106 | |||
| 107 | echo '<pre class="prez" >'; | ||
| 108 | while (!feof($fichier)) // Tant que l'on est pas à la fin du fichier | ||
| 109 | { | ||
| 110 | $présentation = fgets($fichier); | ||
| 111 | echo $présentation; | ||
| 112 | } | ||
| 113 | echo '</pre>'; | ||
| 114 | |||
| 115 | } | ||
| 116 | fseek($fichier, 0); | ||
| 117 | fclose($fichier); | ||
| 118 | ?> | ||
| 119 | </div> | ||
| 120 | |||
| 121 | <div> | ||
| 122 | <h4>le lion</h4> | ||
| 123 | <?php | ||
| 124 | $fichier = fopen('photospolo/photo.txt','r'); | ||
| 125 | fseek($fichier, 0); | ||
| 126 | $photopolo = fgets($fichier); | ||
| 127 | fseek($fichier, 0); | ||
| 128 | ?> | ||
| 129 | <figure> | ||
| 130 | <img src="photospolo/<?php echo $photopolo; ?>" alt="photo" /> | ||
| 131 | </figure> | ||
| 132 | <?php | ||
| 133 | $fichier = fopen('présentationpolo.txt','r'); | ||
| 134 | fseek($fichier, 0); | ||
| 135 | if ($fichier) // si le fichier disparaît, ne fait pas cramer le PC du visiteur !! | ||
| 136 | { | ||
| 137 | |||
| 138 | echo '<pre class="prez" >'; | ||
| 139 | while (!feof($fichier)) // Tant que l'on est pas à la fin du fichier | ||
| 140 | { | ||
| 141 | $présentation = fgets($fichier); | ||
| 142 | echo $présentation; | ||
| 143 | } | ||
| 144 | echo '</pre>'; | ||
| 145 | |||
| 146 | } | ||
| 147 | fseek($fichier, 0); | ||
| 148 | fclose($fichier); | ||
| 149 | ?> | ||
| 150 | </div> | ||
| 151 | </div> | ||
| 152 | </aside> | ||
| 153 | |||
| 154 | </div> | ||
| 155 | |||
| 156 | <footer> | ||
| 157 | <div style="margin: 20px;" > | ||
| 158 | <p>Ce site vous plait? C'est moi-même qui l'ai entièrement codé et qui l'héberge.</p> | ||
| 159 | </div> | ||
| 160 | |||
| 161 | <ul> | ||
| 162 | <li id="admin" > | ||
| 163 | <p><a href="administration.php" >=> accès zone privée</a></p> | ||
| 164 | </li> | ||
| 165 | </ul> | ||
| 166 | |||
| 167 | </footer> | ||
| 168 | |||
| 169 | <div style="margin: 10px;" > | ||
| 170 | <li><a href="index.php" >^^ Revenir en haut de la page. ^^</a></li> | ||
| 171 | </div> | ||
| 172 | </div> | ||
| 173 | </body> | ||
| 174 | </html> | ||
