diff options
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> | ||