Petits changements

.directory

@@ -1,2 +1,2 @@
 [Desktop Entry]
-Icon=folder-yellow
+Icon=folder-green

apropos.php

@@ -54,9 +54,9 @@ head("apropos.php"); ?>
 
 				Me contacter :
 				<br><br>
-				<span class="icon fa-at"> Par E-mail : <code>miraty</code><?php chevronOuvrant() ?>arrow-base<?php chevronFermant() ?><code>lilo</code><?php chevronOuvrant() ?>point<?php chevronFermant() ?><code>org</code></span>
+				<span class="icon fa-at"> Par E-mail : <code>miraty</code>&#60;arrow-base&#62;<code>lilo</code>&#60;point&#62;<code>org</code></span>
 				<br>
-				<span class="icon fa-at"> Sur Mastodon : <a href="https://oc.todon.fr/@Miraty"></span>
+				<span class="svg icon fa-at"><?php include "media/logomastodon.svg"; ?> Sur Mastodon : <a href="https://oc.todon.fr/@Miraty">@Miraty@oc.todon.fr</a></span>
 
 
 			</div>

assets/css/aboutant.css

@@ -0,0 +1,39 @@
+html {
+  background: maroon radial-gradient( circle, #a01010 0%, #800000 80%) center center / cover no-repeat;
+  color: white;
+  font-style: italic;
+  text-rendering: optimizeLegibility;
+  min-height: 100%;
+
+}
+
+#texts {
+  margin-left: 15%;
+  margin-right: 15%;
+
+}
+
+#otext {
+  margin-top: 15%;
+  font-size: 0.8em;
+  font-family: serif;
+  text-align: center;
+  line-height: 1.5;
+
+}
+
+#anttext {
+  margin-top: 15%;
+  font-size: 1.3em;
+  font-family: serif;
+  text-align: center;
+  line-height: 1.5;
+
+}
+
+strong {
+  font-size: 1.3em;
+  line-height: 0;
+  font-weight: normal;
+
+}

assets/css/main.css

@@ -410,7 +410,7 @@ footer {
 	width: 17em;
 	border: 3px black solid;
 	text-align: center;
-	transition: all 10s ease-in;
+	transition: all 1s ease-in;
 	margin-bottom: 0px;
 
 }

assets/fontello/LICENSE.txt

@@ -0,0 +1,129 @@
+Font license info
+
+
+## Fontelico
+
+   Copyright (C) 2012 by Fontello project
+
+   Author:    Crowdsourced, for Fontello project
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://fontello.com
+
+
+## Font Awesome
+
+   Copyright (C) 2016 by Dave Gandy
+
+   Author:    Dave Gandy
+   License:   SIL ()
+   Homepage:  http://fortawesome.github.com/Font-Awesome/
+
+
+## Entypo
+
+   Copyright (C) 2012 by Daniel Bruce
+
+   Author:    Daniel Bruce
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.entypo.com
+
+
+## Typicons
+
+   (c) Stephen Hutchings 2012
+
+   Author:    Stephen Hutchings
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://typicons.com/
+
+
+## Iconic
+
+   Copyright (C) 2012 by P.J. Onori
+
+   Author:    P.J. Onori
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://somerandomdude.com/work/iconic/
+
+
+## Modern Pictograms
+
+   Copyright (c) 2012 by John Caserta. All rights reserved.
+
+   Author:    John Caserta
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://thedesignoffice.org/project/modern-pictograms/
+
+
+## Meteocons
+
+   Copyright (C) 2012 by Alessio Atzeni
+
+   Author:    Alessio Atzeni
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.alessioatzeni.com
+
+
+## MFG Labs
+
+   Copyright (C) 2012 by Daniel Bruce
+
+   Author:    MFG Labs
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.mfglabs.com/
+
+
+## Maki
+
+   Copyright (C) Mapbox, LCC
+
+   Author:    Mapbox
+   License:   BSD (https://github.com/mapbox/maki/blob/gh-pages/LICENSE.txt)
+   Homepage:  http://mapbox.com/maki/
+
+
+## Zocial
+
+   Copyright (C) 2012 by Sam Collins
+
+   Author:    Sam Collins
+   License:   MIT (http://opensource.org/licenses/mit-license.php)
+   Homepage:  http://zocial.smcllns.com/
+
+
+## Brandico
+
+   (C) 2012 by Vitaly Puzrin
+
+   Author:    Crowdsourced, for Fontello project
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  
+
+
+## Elusive
+
+   Copyright (C) 2013 by Aristeides Stathopoulos
+
+   Author:    Aristeides Stathopoulos
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://aristeides.com/
+
+
+## Linecons
+
+   Copyright (C) 2013 by Designmodo
+
+   Author:    Designmodo for Smashing Magazine
+   License:   CC BY ()
+   Homepage:  http://designmodo.com/linecons-free/
+
+
+## Web Symbols
+
+   Copyright (c) 2011 by Just Be Nice studio. All rights reserved.
+
+   Author:    Just Be Nice studio
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.justbenicestudio.com/
+
+

assets/fontello/README.txt

@@ -0,0 +1,75 @@
+This webfont is generated by http://fontello.com open source project.
+
+
+================================================================================
+Please, note, that you should obey original font licenses, used to make this
+webfont pack. Details available in LICENSE.txt file.
+
+- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
+  site in "About" section.
+
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
+  file publicly available in your repository.
+
+- Fonts, used in Fontello, don't require a clickable link on your site.
+  But any kind of additional authors crediting is welcome.
+================================================================================
+
+
+Comments on archive content
+---------------------------
+
+- /font/* - fonts in different formats
+
+- /css/*  - different kinds of css, for all situations. Should be ok with 
+  twitter bootstrap. Also, you can skip <i> style and assign icon classes
+  directly to text elements, if you don't mind about IE7.
+
+- demo.html - demo file, to show your webfont content
+
+- LICENSE.txt - license info about source fonts, used to build your one.
+
+- config.json - keeps your settings. You can import it back into fontello
+  anytime, to continue your work
+
+
+Why so many CSS files ?
+-----------------------
+
+Because we like to fit all your needs :)
+
+- basic file, <your_font_name>.css - is usually enough, it contains @font-face
+  and character code definitions
+
+- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
+  directly into html
+
+- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
+  rules, but still wish to benefit from css generation. That can be very
+  convenient for automated asset build systems. When you need to update font -
+  no need to manually edit files, just override old version with archive
+  content. See fontello source code for examples.
+
+- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
+  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
+  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
+  server headers. But if you ok with dirty hack - this file is for you. Note,
+  that data url moved to separate @font-face to avoid problems with <IE9, when
+  string is too long.
+
+- animate.css - use it to get ideas about spinner rotation animation.
+
+
+Attention for server setup
+--------------------------
+
+You MUST setup server to reply with proper `mime-types` for font files -
+otherwise some browsers will fail to show fonts.
+
+Usually, `apache` already has necessary settings, but `nginx` and other
+webservers should be tuned. Here is list of mime types for our file extensions:
+
+- `application/vnd.ms-fontobject` - eot
+- `application/x-font-woff` - woff
+- `application/x-font-ttf` - ttf
+- `image/svg+xml` - svg

assets/fontello/css/animation.css

@@ -0,0 +1,85 @@
+/*
+   Animation example, for spinners
+*/
+.animate-spin {
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  display: inline-block;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}

assets/fonts/aboutant.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<!-- Une partie de ce texte est sujette à la Mozilla Public License, version 2.0.
+   - Vous pouvez en obtenir une copie à l'adresse http://mozilla.org/MPL/2.0/. -->
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>about:ant</title>
+    <link rel="stylesheet" href="../css/aboutant.css" type="text/css" />
+    <link rel="icon" type="image/ico" href="media/faviconr.ico"/>
+  </head>
+
+  <body>
+
+    <section id="texts">
+
+      <p id="otext">
+        La Bête se para de <strong>nouveaux ornements</strong> et étudia <strong>le Temps</strong>, <strong>l’Espace</strong>, <strong>la Lumière</strong> et <strong>les Flux</strong> d’énergie au sein de l’univers.
+        De son ouvrage, la Bête façonna de nouvelles structures à partir de <strong>métal oxydé</strong> et chanta leurs louanges.
+        Alors, les adorateurs de la Bête se réjouirent, retrouvant une destinée renouvelée au sein de ses <strong>enseignements</strong>.
+      </p>
+
+      <p id="anttext">
+        Le Créateur <strong>essaya</strong> et <strong>étudia</strong> longuement l'univers que protégait la <strong>Bête</strong>.
+        De ces études, l'Oeuvre <strong>naquit</strong> et évolua en se parant continuellement de nouveaux ornements et atouts.
+        Des adorateurs de l'<strong>Oeuvre</strong> se réjouirent et chantèrent ses louanges à travers l'<strong>univers</strong>.
+
+      </p>
+
+    </section>
+
+  </body>
+</html>

confirmationlien.php

@@ -0,0 +1,119 @@
+<?php include "inc/debut.php";
+head("confirmationlien.php"); ?>
+
+<?php
+
+// ------------------------- Demander une confirmation pour aller à l'adresse du lien cliqué -------------------------
+if (isset($_GET['lien'])) {
+
+
+  if (preg_match("#^https://|http://#", $_GET['lien'])) {
+
+
+    // Enregistrer le choix de ne plus confirmer de suivre les liens
+    if (isset($_GET['neplusconfirmer']) AND $_GET['neplusconfirmer'] == "oui") {
+
+      include "inc/loginsbdd.php";
+
+      try {
+        $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+      }
+
+      catch (Exception $e) {
+        die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+      $req = $bdd->prepare('UPDATE `compte` SET `confirmerLien` = "non" WHERE `compte`.`pseudo` = :pseudo');
+
+      $req->execute(array(
+        'pseudo' => $_SESSION['pseudo']
+      ));
+
+      $req->closeCursor();
+
+
+    }
+
+
+
+
+      // Identifier le nom de domaine
+      $nomDeDomaine = htmlspecialchars(preg_replace("#https://#", "", $_GET['lien']));
+      $nomDeDomaine = preg_replace("#http://#", "<span class='gras'>", $nomDeDomaine);
+      $nomDeDomaine = preg_replace("#/s#", "SAKLDGHK", $nomDeDomaine);
+      $nomDeDomaine = preg_replace("#/a|/z|/e|/r|/t|/y|/u|/i|/o|/p|/q|/d|/f|/g|/h|/j|/k|/l|/m|/v|/w|/x|/c|/v|/b|/n#", "</span>", $nomDeDomaine);
+      $nomDeDomaine = preg_replace("#</span>.{1,100}#", "", $nomDeDomaine);
+      $nomDeDomaine = preg_replace("#SAKLDGHK.{1,100}#", "", $nomDeDomaine);
+
+
+      if (isset($_GET['nepasconfirmer']) AND $_GET['nepasconfirmer'] == "oui") { ?>
+
+        <script type="text/javascript">
+          setTimeout("document.location.href='<?php echo htmlspecialchars($_GET['lien']); ?>'", 0);
+        </script>
+
+      <?php }
+
+
+
+
+      ?>
+
+    <div class="centre t13">
+      <br><br>
+      Vous avez cliqué sur ce lien :
+      <br><br>
+      <strong class="moyen"><?php echo htmlspecialchars($_GET['lien']); ?></strong>
+      <br><br>
+      Avez-vous confiance envers ce lien ou la personne qui vous l'a envoyé ?
+      <br><br>
+      <span class="ubuntu">Souhaitez-vous suivre ce lien ?</span>
+      <br><br>
+      <a href="fourmiliere.php" class="button big icon fa-chevron-left">Non, revenir en arrière</a> <a href="<?php echo htmlspecialchars($_GET['lien']); ?>" class="button big special icon fa-check">Oui, suivre ce lien</a>
+      <?php if (isset($_SESSION['pseudo'])) { ?>
+        <br>
+        <br>
+        <a href="confirmationlien.php?neplusconfirmer=oui&lien=<?php echo htmlspecialchars($_GET['lien']); ?>" title="Ne jamais reposer cette question, toujours suivre les liens" class="button small special icon fa-check">toujours suivre les liens</a>
+      <?php } ?>
+
+
+
+    </div>
+
+
+
+  <?php } else { ?>
+
+    <div class="centre t13">
+      <br><br>
+      Vous avez cliqué sur ce lien :
+      <br><br>
+      <strong class="moyen"><?php echo htmlspecialchars($_GET['lien']); ?></strong>
+      <br><br>
+      Mais ce lien parait erroné : il ne parais pas utiliser le protocol <em>http</em> ou <em>https</em>.
+      <br><br>
+      <a href="fourmiliere.php" class="button big special icon fa-chevron-left">revenir en arrière</a>
+
+
+    </div>
+
+
+
+   <?php }
+
+
+
+
+
+
+
+
+
+ } else { ?>
+Erreur : il n'y a pas de lien en argument dans l'URL. Pour utiliser cette page, il faut ajouter à sa suite "?lien=" et une URL.
+<?php } ?>
+
+
+
+
+
+<?php include "inc/footer.php"; ?>

fourmiliere.php

@@ -0,0 +1,634 @@
+<?php include "inc/debut.php";
+head("fourmiliere.php"); ?>
+
+<?php include "inc/codefourmie.php";
+include "inc/loginsbdd.php";
+
+
+// ------------------------- Enregistrer un commentaire dans la BDD -------------------------
+if (isset($_POST['commentaire']) AND isset($_GET['articlecommenté'])) {
+
+  include "inc/loginsbdd.php";
+
+  try {
+    $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+  }
+
+  catch (Exception $e) {
+    die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+  $req = $bdd->prepare('INSERT INTO commentairesArticle(titre, pseudo, commentaire) VALUES(:titre, :pseudo, :commentaire)');
+
+  $req->execute(array(
+    'titre' => $_GET['articlecommenté'],
+    'pseudo' => $_SESSION['pseudo'],
+    'commentaire' => $_POST['commentaire']
+  ));
+
+  $req->closeCursor();
+
+}
+
+
+
+
+// --------------------------------------------- Enregistrer un article dans la BDD ---------------------------------------------
+if (isset($_GET['etape']) AND $_GET['etape'] == "publier" AND isset($_POST['article']) AND isset($_SESSION['pseudo'])) {
+
+
+  // ------------------------- Enregistrer la modification d'un article -------------------------
+  if (isset($_GET['modifier'])) {
+
+    try {
+      $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+    }
+
+    catch (Exception $e) {
+      die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+    $reponse = $bdd->prepare('SELECT * FROM articles WHERE `articles`.`titre` = :titre');
+
+    $reponse->execute(array(
+      'titre' => $_GET['modifier']
+    ));
+
+    while ($donnees = $reponse->fetch()) {
+
+      $createurDeLArticle = $donnees['pseudo'];
+
+    } $reponse->closeCursor();
+
+
+    if ($_SESSION['pseudo'] == $createurDeLArticle) {
+
+      include "inc/loginsbdd.php";
+
+      try {
+        $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+      }
+
+      catch (Exception $e) {
+        die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+      $req = $bdd->prepare('UPDATE `articles` SET `article` = :article WHERE `articles`.`titre` = :titre');
+
+      $req->execute(array(
+        'titre' => htmlspecialchars($_GET['modifier']),
+        'article' => htmlspecialchars($_POST['article'])
+      ));
+
+      $req->closeCursor();
+
+
+  } else {
+    echo "ERREUR : Vous n'avez pas créé cet article";
+  }
+
+
+
+  // ------------------------- Enregistrer un nouvel article -------------------------
+} else if (isset($_POST['titre'])) {
+
+    include "inc/loginsbdd.php";
+
+    try {
+      $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+    }
+
+    catch (Exception $e) {
+      die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+    $req = $bdd->prepare('INSERT INTO articles(pseudo, titre, article, moment) VALUES(:pseudo, :titre, :article, NOW())');
+
+    $req->execute(array(
+      'pseudo' => htmlspecialchars($_SESSION['pseudo']),
+      'titre' => htmlspecialchars($_POST['titre']),
+      'article' => htmlspecialchars($_POST['article'])
+    ));
+
+    $req->closeCursor();
+
+  } else {
+    echo "ERREUR : Vous devez donner un titre à votre article";
+  }
+
+}
+
+
+
+
+
+// ------------------------- Afficher seulement un article -------------------------
+if (isset($_GET['article'])) {
+
+
+  // Afficher un article déja créé
+  include "inc/loginsbdd.php";
+
+  try {
+    $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+  }
+
+  catch (Exception $e) {
+    die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+    $reponse = $bdd->prepare('SELECT * FROM articles WHERE `articles`.`titre` = :titre');
+
+    $reponse->execute(array(
+      'titre' => $_GET['article']
+    ));
+
+    while ($donnees = $reponse->fetch()) { ?>
+
+
+      <div>
+
+        <span class="pseudo"><?php echo htmlspecialchars($donnees['pseudo']); ?></span>
+        <br>
+        <br>
+        <span class="titreArticle"><?php echo htmlspecialchars($donnees['titre']); ?></span>
+        <br>
+        <br>
+        <div class="article"><?php echo compilerCodeFourmie($donnees['article']); ?></div>
+        <br>
+        <br>
+
+        <?php if (isset($_SESSION['pseudo'])) { ?>
+
+          <form method="post" action="fourmiliere.php?articlecommenté=<?php echo htmlspecialchars($donnees['titre']); ?>">
+            <input name="commentaire" class="champMoyen inline" placeholder="Commentez ici" type="text" title="255 caractères maximum" maxlength="255" required/>
+            <input class="inline small" type="submit" value="Publier" />
+          </form>
+
+        <?php } else { ?>
+
+          <input name="commentaire" class="champMoyen inline disabled" placeholder="Vous devez être connecté·e pour poster des commentaires." type="text" title="255 caractères maximum" maxlength="255" required/>
+          <input class="inline small disabled" title="Vous devez être connecté·e pour poster des commentaires." type="submit" value="Publier" />
+
+          <br>
+        <?php } ?>
+
+        <br>
+
+
+
+
+        <?php include "inc/loginsbdd.php";
+
+        try {
+          $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+        }
+
+        catch (Exception $e) {
+          die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+        $repSQL = $bdd->prepare('SELECT * FROM commentairesArticle WHERE `commentairesArticle`.`titre` = :titre');
+
+
+        $repSQL->execute(array(
+        'titre' => htmlspecialchars($donnees['titre'])
+        ));
+
+        while ($fourm = $repSQL->fetch()) { ?>
+
+          <div class="commentairePseudo">
+            <span title="Pseudo" class="pseudo"><?php echo htmlspecialchars($fourm['pseudo']); ?></span>
+            <br>
+            <div title='Commentaire posté par <?php echo htmlspecialchars($fourm['pseudo']); ?>.' class="commentaire">
+              <?php echo htmlspecialchars($fourm['commentaire']); ?>
+            </div>
+            <br>
+          </div>
+
+        <?php }
+
+        $repSQL->closeCursor(); ?>
+
+
+      </div>
+
+<?php } $reponse->closeCursor(); ?>
+
+
+<?php } else {
+
+
+
+
+
+
+// ------------------------- Page d'accueil -------------------------
+   if (!isset($_GET['etape']) OR (isset($_GET['etape']) AND $_GET['etape'] == "publier")) { ?>
+  <div class="hautoto">
+    <?php if (isset($_SESSION['pseudo'])) { ?>
+      <div>
+      </div>
+      <div class="centre">
+        <a class="button special icon fa-plus" href="fourmiliere.php?etape=editer" title="Créer un nouvel article">Nouvelle page</a>
+      </div>
+      <div>
+        Vous êtes connecté·e en tant que <strong class="moyen"><?php echo $_SESSION['pseudo']; ?></strong>.
+      </div>
+    <?php } else { ?>
+      <div>
+      </div>
+    <div class="droite">
+      <a class="button special icon fa-user" href="connexion.php?depuis=fourmiliere.php" title="Se connecter à son compte Ant">Connexion</a>
+    </div>
+    <div>
+      <a class="button icon small fa-user-plus" href="signup.php" title="Créer un compte Ant">Devenir une fourmie</a>
+    </div>
+
+
+  <?php } ?>
+  </div>
+
+
+  <?php // ------------------------- Afficher les articles déja créés sur la page d'accueil -------------------------
+  include "inc/loginsbdd.php";
+
+  try {
+    $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+  }
+
+  catch (Exception $e) {
+    die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+    $reponse = $bdd->query('SELECT titre, pseudo, article, DAY(moment) AS jour, MONTH(moment) AS mois, YEAR(moment) AS annee, HOUR(moment) AS heure, MINUTE(moment) AS minute, SECOND(moment) AS seconde FROM articles');
+
+    while ($donnees = $reponse->fetch()) { ?>
+
+      <div class="articlePseudo">
+        <div class="hautoto">
+          <span>Posté par <span class="pseudo"><?php echo htmlspecialchars($donnees['pseudo']); ?></span> le <?php echo $donnees['jour']; ?> <?php
+           switch ($donnees['mois']) {
+             case 1: echo "janvier"; break;
+             case 2: echo "février"; break;
+             case 3: echo "mars"; break;
+             case 4: echo "avril"; break;
+             case 5: echo "mai"; break;
+             case 6: echo "juin"; break;
+             case 7: echo "juillet"; break;
+             case 8: echo "aout"; break;
+             case 9: echo "septembre"; break;
+             case 10: echo "octobre"; break;
+             case 11: echo "novembre"; break;
+             case 12: echo "décembre"; break;
+           }
+          ?> <?php echo $donnees['annee']; ?> à
+          <?php echo $donnees['heure']; ?>:<?php echo $donnees['minute']; ?></span>
+          <span><?php
+            try {
+              $bddMOD = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+            }
+
+            catch (Exception $e) {
+              die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+            $reponseMOD = $bddMOD->prepare('SELECT * FROM articles WHERE `articles`.`titre` = :titre');
+
+            $reponseMOD->execute(array(
+              'titre' => $donnees['titre']
+            ));
+
+            while ($donneesMOD = $reponseMOD->fetch()) {
+
+              $createurDeLArticle = $donneesMOD['pseudo'];
+
+            } $reponseMOD->closeCursor();
+
+            if (isset($_SESSION['pseudo']) AND $_SESSION['pseudo'] == $createurDeLArticle) { ?>
+              <a class="icon bouttonModifier fa-pencil" href="fourmiliere.php?modifier=<?php echo htmlspecialchars($donnees['titre']); ?>&etape=editer"> Modifier</a>
+            <?php } ?>
+            <a href="fourmiliere.php?article=<?php echo htmlspecialchars($donnees['titre']); ?>" class="icon fa-eye" title="Afficher uniquement cette page"> Afficher uniquement cet article</a>
+          </span>
+        </div>
+        <br>
+        <span class="titreArticle"><?php echo htmlspecialchars($donnees['titre']); ?></span>
+        <br>
+        <br>
+        <div class="article"><?php echo compilerCodeFourmie($donnees['article']); ?></div>
+        <br>
+        <br>
+        <?php if (isset($_SESSION['pseudo'])) { ?>
+          <form method="post" action="fourmiliere.php?articlecommenté=<?php echo htmlspecialchars($donnees['titre']); ?>">
+            <input name="commentaire" class="champMoyen inline" placeholder="Commentez ici, 250 caractères maximum" type="text" title="255 caractères maximum" maxlength="255" required/>
+            <input class="inline small" type="submit" value="Publier" />
+          </form>
+
+        <?php } else { ?>
+
+          <input disabled name="commentaire" class="champMoyen inline disabled" placeholder="Vous devez être connecté·e pour poster des commentaires." type="text" title="255 caractères maximum" maxlength="255" required/>
+          <input disabled class="inline small disabled" title="Vous devez être connecté·e pour poster des commentaires." type="submit" value="Publier" />
+
+            <br>
+        <?php }
+
+
+
+        include "inc/loginsbdd.php";
+
+        try {
+          $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+        }
+
+        catch (Exception $e) {
+          die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+          $repSQL = $bdd->prepare('SELECT * FROM commentairesArticle WHERE `commentairesArticle`.`titre` = :titre');
+
+
+          $repSQL->execute(array(
+            'titre' => $donnees['titre']
+          ));
+
+          while ($fourm = $repSQL->fetch()) { ?>
+        <br>
+
+            <div class="commentairePseudo">
+              <span title="Pseudo" class="pseudo"><?php echo htmlspecialchars($fourm['pseudo']); ?></span>
+              <br>
+              <div title='Commentaire posté par <?php echo htmlspecialchars($fourm['pseudo']); ?>.' class="commentaire"><?php echo htmlspecialchars($fourm['commentaire']); ?></div>
+            </div>
+
+          <?php }
+
+          $repSQL->closeCursor(); ?>
+
+      </div>
+
+    <?php } $reponse->closeCursor(); ?>
+
+
+
+
+
+
+
+  <?php // ------------------------- Créer / Modifier un article -------------------------
+} else if (isset($_SESSION['pseudo']) AND isset($_GET['etape']) AND $_GET['etape'] == "editer") {
+
+
+  // Modifier un article déjà existant
+  if (isset($_GET['modifier'])) {
+
+
+    try {
+      $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+    }
+
+    catch (Exception $e) {
+      die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+    $reponse = $bdd->prepare('SELECT * FROM articles WHERE `articles`.`titre` = :titre');
+
+    $reponse->execute(array(
+      'titre' => $_GET['modifier']
+    ));
+
+    while ($donnees = $reponse->fetch()) {
+
+      $createurDeLArticle = $donnees['pseudo'];
+
+    } $reponse->closeCursor();
+
+    if (!isset($createurDeLArticle)) {
+      echo "YAPAS !";
+
+    }
+
+
+    if ($_SESSION['pseudo'] == $createurDeLArticle) { ?>
+
+      <form method="post" action="fourmiliere.php?<?php echo "modifier=" . $_GET['modifier'] . "&"; ?>etape=publier">
+        <strong><?php echo $_SESSION['pseudo']; ?></strong><br><br>
+        <input required class="champLarge disabled" type="text" value="<?php echo htmlspecialchars($_GET['modifier']); ?>" name="titre" maxlength="200" disabled title="Entrez ici le titre de votre article" placeholder="Le titre de votre article, 200 caractères maximum"/>
+        <br>
+        <br>
+        <textarea class="formArticle" name="article" type="text" maxlength="50000" placeholder="Votre article en code fourmie (voir plus bas)" title="50000 caractères maximum, les retours à la ligne ne sont pas pris en compte"  rows="20" required><?php
+
+          try {
+            $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+          }
+
+          catch (Exception $e) {
+            die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+          $reponse = $bdd->prepare('SELECT * FROM articles WHERE `articles`.`titre` = :titre');
+
+          $reponse->execute(array(
+            'titre' => $_GET['modifier']
+          ));
+
+          while ($donnees = $reponse->fetch()) {
+
+            echo $donnees['article'];
+
+          } $reponse->closeCursor();
+
+          ?>
+        </textarea>
+        <br>
+        <br>
+        <input type="submit" value="Publier" class="special" />
+
+      </form>
+
+
+    <?php } else {
+      echo "ERREUR : Vous n'avez pas créé cet article";
+    }
+
+  // Créer un nouvel article
+  } else {?>
+
+    <form method="post" action="fourmiliere.php?etape=publier">
+
+      <strong><?php echo $_SESSION['pseudo']; ?></strong><br><br>
+      <input required class="champLarge" type="text" name="titre" maxlength="200" title="Entrez ici le titre de votre article" placeholder="Le titre de votre article, 200 caractères maximum"/>
+      <br>
+      <br>
+      <textarea class="formArticle" name="article" type="text" maxlength="50000" placeholder="Votre article en code fourmie (voir plus bas)" title="50000 caractères maximum, les retours à la ligne ne sont pas pris en compte"  rows="20" required></textarea>
+      <br>
+      <br>
+      <input type="submit" value="Publier" class="special" />
+
+    </form>
+
+
+
+  <?php } ?>
+
+    <br>
+    <h2>Code fourmie</h2>
+
+      <table class="alt">
+        <thead>
+          <tr>
+            <th>Code Source (tel que l'on doit l'écrire)</th>
+            <th>Code Compilé (tel qu'il sera affiché)</th>
+
+          </tr>
+        </thead>
+        <tbody>
+
+          <tr>
+            <?php $codeSource = "[grand]Voici le code fourmie ![/grand]
+            <br>[l] Ceci est un tableau avec à [rouge] gauche[/rouge], le code que vous devez écrire sur votre page pour afficher le résultat à [bleu] droite[/bleu].
+            <br>[l] que l'on peut [gras] afficher [/gras] dans [lien|https://anternet.pw/web/fourmiliere.php|] La fourmilière [/lien] avec du [italique] code fourmie [/italique] !
+            <br>[l] [boite] [rouge] [souligné] /!\[/souligné] [/rouge] Il ne faut pas oublier la balise pour faire les retours à la ligne ! [/boite]
+            <br>[l] Vous pouvez mettre un mot en [jaunefoncé] jaune foncé[/jaunefoncé], en [vert] vert[/vert], en [cyan] cyan[/cyan], en [rosefoncé] rose foncé[/rosefoncé] etc...
+            <br>[l]
+            <br>[l] Si vous ne voulez pas vous casser la tête, sachez que les balises suivantes ne sont qu'optionnelles, à l'exception de la lettre l entre crochets, indispensable pour créer une nouvelle ligne.
+            <br>[l]
+            <br>[l] Bonne chance :)"; ?>
+            <td width="50%"><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+
+            <td>[l]</td>
+            <td>(Les retours à la ligne ne sont pris en compte qu'avec cette balise)</td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[grand]Texte en grand[/grand]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[boite]Texte emboité[/boite]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[gras]Texte en gras[/gras]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[italique]Texte en italique[/italique]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[souligné]Texte souligné[/souligné]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[lien|https://anternet.pw/web|]Lien vers le site de Ant[/lien]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?> (Doit commencer par http:// ou https://)</td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = ":)"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[gris]Texte en gris[/gris]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[rougefoncé]Texte en rouge foncé[/rougefoncé]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[rouge]Texte en rouge[/rouge]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[orange]Texte en orange[/orange]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[rosefoncé]Texte en rose foncé[/rosefoncé]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[rose]Texte en rose[/rose]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[vertfoncé]Texte en vert foncé[/vertfoncé]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[vert]Texte en vert[/vert]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[jaunefoncé]Texte en jaune foncé[/jaunefoncé]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[bleufoncé]Texte en bleu foncé[/bleufoncé]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[bleu]Texte en bleu[/bleu]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[cyanfoncé]Texte en cyan foncé[/cyanfoncé]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+          <tr>
+            <?php $codeSource = "[cyan]Texte en cyan[/cyan]"; ?>
+            <td><?php echo $codeSource; ?></td>
+            <td><?php echo compilerCodeFourmie($codeSource); ?></td>
+          </tr>
+
+        </tbody>
+
+      </table>
+
+
+  <?php
+} else { ?>
+    Vous n'êtes pas connecté·e ou vous n'avez rien écrit
+    <br><br>
+    <a href="connexion.php" title="Se connecter à son compte Ant" class="button icon fa-user"> Se connecter</a>
+<?php } } ?>
+
+
+
+
+
+
+
+
+<?php include "inc/footer.php"; ?>

inc/codefourmie.php

@@ -0,0 +1,49 @@
+<?php
+// ------------------------- Transformer le code fourmie rentré par l'utilisateur en code HTML / CSS -------------------------
+function compilerCodeFourmie($codeEnCompilation) {
+  $codeEnCompilation = preg_replace('#<br>#', '', $codeEnCompilation);
+
+  include "inc/loginsbdd.php";
+
+  try {
+    $bddCF = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+  }
+
+  catch (Exception $e) {
+    die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+    $reponseCF = $bddCF->query('SELECT * FROM codeFourmie');
+
+    while ($donneesCF = $reponseCF->fetch()) {
+
+      $source = $donneesCF['codeSource'];
+      $compile = $donneesCF['codeCompilé'];
+
+      $codeEnCompilation = preg_replace("$source", "$compile", $codeEnCompilation);
+
+
+
+    } $reponseCF->closeCursor();
+
+      $codeEnCompilation = preg_replace('#\[/vert\]|\[/rouge\]|\[/bleu\]|\[/rose\]|\[/cyan\]|\[/vertfoncé\]|\[/rougefoncé\]|\[/gris\]|\[/orange\]|\[/bleufoncé\]|\[/rosefoncé\]|\[/cyanfoncé\]|\[/jaunefoncé\]|\[/souligné\]|\[/grand\]|\[/gras\]|\[/boite\]|\[/italique\]#', '</span>', $codeEnCompilation);
+
+
+      $codeEnCompilation = preg_replace('#\[/lien\]#', '<span class="icon fa-external-link"></span></a>', $codeEnCompilation);
+      $codeEnCompilation = preg_replace('#\|]#', '">', $codeEnCompilation);
+      $codeEnCompilation = preg_replace('#nepasconfirmer=oui#', '', $codeEnCompilation);
+
+
+  if (isset($_SESSION['confirmerLien']) AND $_SESSION['confirmerLien'] == "non") {
+
+    $codeEnCompilation = preg_replace('#\[lien\|#', '<a href="confirmationlien.php?nepasconfirmer=oui&lien=', $codeEnCompilation);
+
+  } else {
+
+    $codeEnCompilation = preg_replace('#\[lien\|#', '<a href="confirmationlien.php?lien=', $codeEnCompilation);
+
+  }
+
+return $codeEnCompilation;
+
+
+} ?>

inc/debut.php

@@ -0,0 +1,220 @@
+<?php session_start();
+
+function head($adresse) {
+
+include "inc/loginsbdd.php";
+
+try {
+  $bdd = new PDO('mysql:host=localhost;dbname=anternet;charset=utf8', $userBDD, $mdpBDD, array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION));
+}
+
+catch (Exception $e) {
+  die('Erreur PHP / MySQL : ' . $e->getMessage()); }
+
+  $reponse = $bdd->prepare('SELECT * FROM pages WHERE `pages`.`adresse` = :adresse');
+
+
+  $reponse->execute(array(
+    'adresse' => $adresse
+  ));
+
+  while ($page = $reponse->fetch()) { ?>
+
+
+
+    <!DOCTYPE HTML>
+    <html lang="fr" id="haut">
+      <head>
+        <meta charset="UTF-8" />
+        <title><?php echo $page['titre']; ?> | Ant</title>
+        <link type="text/css" rel="stylesheet" href="assets/css/main.css"/>
+        <link type="text/css" rel="stylesheet" href="assets/fontello/css/fontello.css"/>
+        <link rel="icon" type="image/ico" href="media/favicon.ico"/>
+        <meta name="author" lang="fr" content="Miraty">
+        <meta name="publisher" content="Ant">
+        <meta name="distribution" content="global">
+        <meta name="robots" content="index, follow">
+        <meta name="keywords" lang="fr" content="antopie.org, Ant, Miraty, Antopie">
+        <meta name="description" content="<?php echo $page['description']; ?>"/>
+        <meta property="og:locale" content="fr"/>
+        <meta property="og:type" content="website"/>
+        <meta property="og:title" content="<?php echo $page['titre']; ?> | Ant"/>
+        <meta property="og:site_name" content="Ant"/>
+        <meta property="og:image" content="https://anternet.pw/web/media/logo/antorigine.png"/>
+        <meta property="og:image:secure_url" content="https://anternet.pw/web/media/logo/antorigine.png"/>
+        <meta property="og:image:type" content="image/png"/>
+        <meta property="og:image:width" content="1680"/>
+        <meta property="og:image:height" content="510"/>
+        <meta property="og:image:alt" content="Logo Ant"/>
+        <meta property="og:description" content="<?php echo $page['description']; ?>"/>
+      </head>
+
+
+    <body lang="fr">
+    	<div class="main">
+        <div id="emplacementmenu">
+          <nav class="menugauche"><a href="index.php" title="Retour à la page d'accueil" class="option optionhaute fin-it">
+              <div class="logo"><img src="media/logo/ant.png" width="100%" alt="Logo Ant" /></div>
+              <?php
+              switch (mt_rand(1, 18)) {
+                case 1: ?>
+                Antièrement libre
+                <?php break;
+                case 2: ?>
+                https://www.antopie.org
+                <?php break;
+                case 3: ?>
+                Créé par un FrAntçais
+                <?php break;
+                case 4: ?>
+                Antopie
+                <?php break;
+                case 5: ?>
+                À l'Antipode des GAFAM
+                <?php break;
+                case 6: ?>
+                Anterrons le capitalisme
+                <?php break;
+                case 7: ?>
+                Pour la liberté d'Anternet !
+                <?php break;
+                case 8: ?>
+                Les combattAnts d'internet
+                <?php break;
+                case 9: ?>
+                PlAntons l'avenir
+                <?php break;
+                case 10: ?>
+                Pour les parAnts et les enfAnts
+                <?php break;
+                case 11: ?>
+                Le slogan trop marrAnt !
+                <?php break;
+                case 12: ?>
+                Sans publicités gênAntes
+                <?php break;
+                case 13: ?>
+                FAntastique !
+                <?php break;
+                case 14: ?>
+                La fourmillière géAnte !
+                <?php break;
+                case 15: ?>
+                Un site fourmillittAnt
+                <?php break;
+                case 16: ?>
+                Fourmiedable !
+                <?php break;
+                case 17: ?>
+                Un site indépendAnt
+                <?php break;
+                case 18: ?>
+                Les fourmies n'ont pas d'L mais elles ont des E
+                <?php break;
+
+              } ?>
+            </a>
+          <div class="dossier">
+            <?php if (isset($_SESSION['pseudo'])) { ?>
+              <div class="nomdossier">
+                Vous êtes connecté·e en tant que <span class="pseudo"><?php echo $_SESSION['pseudo']; ?></span>
+              </div>
+              <a href="fourmiliere.php" title="Site de blog" class="optiondossier option premieroptiondossier icon-doc-text-inv-1">
+                La fourmilière
+              </a>
+              <a href="commentaire.php" title="Lire/Envoyer des commentaires" class="optiondossier option icon fa-comments" >
+                Espace commentaire
+              </a>
+              <a href="deconnexion.php?depuis=<?php echo $page['adresse']; ?>" title="Cliquez ici pour vous déconnecter" class="petiteoption optiondossier option icon fa-sign-out">
+                Déconnexion
+              </a>
+            <?php } else { ?>
+              <div class="nomdossier">
+                Vous n'êtes pas connecté·e
+              </div>
+              <a href="fourmiliere.php" title="Site de blog" class="optiondossier premieroptiondossier option icon-doc-text-inv-1">
+                La fourmilière
+              </a>
+             <a href="commentaire.php" title="Lire/Envoyer des commentaires" class="optiondossier option icon icon-comment" >
+               Espace commentaire
+             </a>
+             <a href="connexion.php?depuis=<?php echo $page['adresse']; ?>" title="Se connecter à son compte Ant" class="optiondossier option icon-user">
+               Connexion
+             </a>
+             <a href="signup.php?depuis=<?php echo $page['adresse']; ?>" title="Se créer un compte Ant" class="petiteoption optiondossier option icon-user-plus" >
+               Créer un compte
+             </a>
+             <?php } ?>
+
+              <div class="nomdossier">
+                La cave à l'info-rmatique
+              </div>
+              <a href="cave.module.php" title="Voir la liste des modules que je vous recommande" class="optiondossier petiteoption premieroptiondossier option icon-puzzle">
+                Modules
+              </a>
+              <a href="cave.navigateur.php" title="Voir la liste des navigateurs web" class="optiondossier petiteoption option icon-network">
+                Navigateurs web
+              </a>
+              <a href="cave.mdr.php" title="Voir la liste des moteurs de recherche" class="optiondossier petiteoption option icon-search-8">
+                Moteurs de recherche
+              </a>
+              <a href="cave.os.php" title="Voir la liste des systèmes d'exploitation" class="optiondossier petiteoption option icon-cogs">
+                Systèmes d'exploitation
+              </a>
+              <a href="cave.definition.php" title="Voir des définitions simples concernent internet et l'informatique" class="optiondossier petiteoption option icon-quote">
+                Définitions
+              </a>
+            </div>
+            <a href="antmusique.php" title="Écouter les AntMusiques" class="option icon-music">
+              AntMusiques
+            </a>
+            <a href="monnavigateur.php" title="Voir des informations en rapport avec mon navigateur Web" class="option icon-info-circled">
+              Mon navigateur
+            </a>
+            <a href="aleatoire.php" title="Générer un évènement aléatoirement" class="option icon-shuffle">
+              Générateur aléatoire
+            </a>
+            <a href="https://nuant.antopie.org/" title="Accéder à NuAnt, le nuage Ant" class="option icon-cloud" >
+              NuAnt
+            </a>
+            <a href="2048/" title="Jouer au 2048 en ligne" class="option icon-gamepad" >
+              2048
+            </a>
+
+            <a href="apropos.php" title="À propos du site" class="option icon-code">
+              À propos
+            </a>
+
+          </nav>
+
+          <div class="pub-carree-bloc">
+
+            <div class="pub-carree">
+              <script src="sense3/sense3.js" data-sense3="300x250;adblock,advertising,amazon,apple,browser,chrome,degooglisons,elementary,encyclopedia,facebook,firefox,framabookin,gafam,generic,google,linux,mac,mageia,microsoft,mozilla,opera,referrer,safari,social,system,twitter,ubuntu,wikipedia,windows,peertube;#ffffff,#ff0000,#000000,#3783ff,#00ddff,#FFFFFF"></script>
+            </div>
+
+          </div>
+
+
+          <br/>
+
+          <span class="in92pack">J'aime les <a href="assets/fonts/aboutant.html" class="li192pack">trains</a>.</span>
+
+
+        </div>
+
+        <div class="texte">
+          <button id="bouttonmenu" onClick="asideswipe()">Afficher/masquer le menu</button>
+          <script src="js/menu.js"></script>
+
+
+
+
+
+
+
+
+  <?php } $reponse->closeCursor(); ?>
+
+
+      <?php } ?>

inc/loginsbdd.php

@@ -0,0 +1,4 @@
+<?php
+include "../loginsbdd.php"
+
+?>

js/menu.js

@@ -0,0 +1,15 @@
+
+
+
+
+
+function asideswipe()   {
+    var div = document.getElementById('emplacementmenu'),
+    display = getComputedStyle(div, null).display;
+
+    if(display == "block")  {
+        document.getElementById("emplacementmenu").style.display = "none";
+    } else   {
+        document.getElementById("emplacementmenu").style.display = "block";
+    }
+}

licences/fontello.txt

@@ -0,0 +1,129 @@
+Font license info
+
+
+## Fontelico
+
+   Copyright (C) 2012 by Fontello project
+
+   Author:    Crowdsourced, for Fontello project
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://fontello.com
+
+
+## Font Awesome
+
+   Copyright (C) 2016 by Dave Gandy
+
+   Author:    Dave Gandy
+   License:   SIL ()
+   Homepage:  http://fortawesome.github.com/Font-Awesome/
+
+
+## Entypo
+
+   Copyright (C) 2012 by Daniel Bruce
+
+   Author:    Daniel Bruce
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.entypo.com
+
+
+## Typicons
+
+   (c) Stephen Hutchings 2012
+
+   Author:    Stephen Hutchings
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://typicons.com/
+
+
+## Iconic
+
+   Copyright (C) 2012 by P.J. Onori
+
+   Author:    P.J. Onori
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://somerandomdude.com/work/iconic/
+
+
+## Modern Pictograms
+
+   Copyright (c) 2012 by John Caserta. All rights reserved.
+
+   Author:    John Caserta
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://thedesignoffice.org/project/modern-pictograms/
+
+
+## Meteocons
+
+   Copyright (C) 2012 by Alessio Atzeni
+
+   Author:    Alessio Atzeni
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.alessioatzeni.com
+
+
+## MFG Labs
+
+   Copyright (C) 2012 by Daniel Bruce
+
+   Author:    MFG Labs
+   License:   SIL (http://scripts.sil.org/OFL)
+   Homepage:  http://www.mfglabs.com/
+
+
+## Maki
+
+   Copyright (C) Mapbox, LCC
+