Plein de changements

- Modif du bouton pour réduire le menu - Mise à jour du A propos - Thèmes sombre sur la LFTCQTV - Ajout des services auto-hébergés
4 years ago · dce7d41d3d
10 changed files with 187 additions and 196 deletions
--- a/antmusique.php
+++ b/antmusique.php
@ -4,7 +4,7 @@ head("antmusique.php"); ?>

 				<h1>Les AntMusiques</h1>
 				<br>
-				Les AntMusiques sont publiées sous <a title="License Fait Tout Ce Que Tu Veux" href="lftcqtv.html">LFTCQTV</a>.
+				Les AntMusiques sont publiées sous <a title="License Fait Tout Ce Que Tu Veux" href="licences/lftcqtv.html">LFTCQTV</a>.
 				<br><br><br>
 				<a download="AntMusiques" href="media/antmusiques.zip" title="Télécharger les 10 AntMusiques en fichier ZIP (32,3 Mo)" class="button special big icon-download">
 					Tout Télécharger (32 Mo)
--- a/apropos.php
+++ b/apropos.php
@ -4,54 +4,40 @@ head("apropos.php"); ?>
 			<h1>À propos</h1>

 			<div class="pgauche">
-				Site réalisé par Miraty et publié sous license libre <a href="licences/cecill.html" title="Lire la license CeCILL" class="icon-doc-text-2 souligne">CeCILL</a> à l'exception des AntMusiques publiées sous <a href="licences/lftcqtv.html" title="Lire la LFTCQTV" class="icon-doc-text-1 souligne"> LFTCQTV (Licence Fais Tout Ce Que Tu Veux)</a>.
-				<br><br>
-				<a href="https://framagit.org/Miraty/Antopie" title="Voir le code source sur Framagit" class="icon-gitlab"> Voir le code source sur Framagit</a>
-
-				<br><br>
-				Les icones de ce site sont celles du pack fontello.
-				<br><br>
-				<a href="licences/fontello.txt" class="icon-doc-text souligne"> Licences Fontello</a>
+				Site réalisé par Miraty et publié sous license libre <a href="licences/cecill.html" title="Lire la license CeCILL" class="icon-doc-text-2 souligne">CeCILL</a>.
 				<br><br>
+				<a href="https://code.antopie.org/Ant/web" title="Accédez au code source sur Gitea" class="icon-fork">Accéder au code source sur Gitea</a>
+				<br>
+				<br>
+				<br>
+				Les icones de ce site sont celles du pack <a href="licences/fontello.txt" class="icon-doc-text souligne">Fontello</a>.
+				<br>
+				<br>
+				<br>
 				Les "publicité" du site sont celles du projet <a href="https://sense3.org/fr/home/" title="Le projet sense3">sense3</a> créé par <a href="https://liberapay.com/josephk/" title="Soutenir JosephK sur Liberapay">JosephK</a> et diffusé sous <a href="licences/sense3.txt" title="License MIT">licence MIT</a>.
-				<br><br>
-Code CSS partiellement issu de <a href="https://html5up.net/" title="Voir le site html5up.net">HTML5 UP</a>.
-			</div>
-			<br>
-			<br>
-
-			<div>
+				<br>
+				<br>
+				<br>
 				Merci à <strong>Zarkaa</strong> pour avoir réalisé le logo Ant et l'image de la page 404.
 			</div>
-
-
+			
 			<br>
 			<br>

-			<div>
-				Code du 2048 issu de <a href="https://git.io/2048">ce site</a>, créé par <a href="https://gabrielecirulli.com/">Gabriele Cirulli</a>.
-			</div>
-
-
-
-			<br><br>
 			<div>
 				Ce site ne charge aucun contenu depuis des sites tiers et n'utilise que des technologies libres.
 			</div>
-			<br><br>
-			<div>
-					NuAnt est une instance de l'excellent <a href="https://nextcloud.com/">Nextcloud</a>, un service d'hébergement de fichier en ligne.
-					Si vous voulez un compte sur NuAnt demandez moi par mail.
-			</div>

 			<br><br>
 			<div class="pgauche">

 				Me contacter :
 				<br><br>
-				<span class="icon-at"> Par E-mail : <code>miraty</code>&#60;arrow-base&#62;<code>lilo</code>&#60;point&#62;<code>org</code></span>
-				<br>
-				<span class="svg icon-at"><?php include "media/logomastodon.svg"; ?> Sur Mastodon : <a href="https://oc.todon.fr/@Miraty">@Miraty@oc.todon.fr</a></span>
+				<span class="icon-at"> Par E-mail : <code>miraty</code>&#60;arrow-base&#62;<code>antopie</code>&#60;point&#62;<code>org</code></span>
+				<br><br>
+				<span class="svg"><?php include "media/logomastodon.svg"; ?> Sur Mastodon : <a href="https://social.antopie.org/@miraty">@miraty@social.antopie.org</a></span>
+				<br><br>
+				<span class="icon-chat">Via Matrix : @miraty:matrix.antopie.org</span>


 			</div>
--- a/css/base.less
+++ b/css/base.less
@ -1,4 +1,8 @@

+@import "../bibli/fontello/css/fontello.css"; // Icones
+@import "../bibli/normalize.css"; // Réinitialisation
+
+
@fond: #2D2F34;
@fond-footer: darken(@fond, 3%);
@fond-option-hover: lighten(@fond, 10%);
@ -11,6 +15,29 @@
 }


+input[type=text],[type=password] {
+	background-color: @fond-footer;
+	border: 2px @texte-principal solid;
+	border-radius: 10px;
+	height: 50px;
+
+	&:hover {
+		background-color: @fond;
+		transition: all 0.2s;
+		border: 2px fadein(@couleur-principale, 70%) solid;
+
+	}
+
+	&:focus {
+		background-color: @fond;
+		border: 2px fadein(@couleur-principale, 30%) solid;
+
+
+	}
+
+
+}
+
 // BOUTONS

 .button {
@ -31,6 +58,24 @@



+.conteneurLigne {
+	display: flex;
+	justify-content: space-around;
+	text-align: center;
+
+}
+
+.elementLigne {
+	width: (100% / 5);
+	display: inline-block;
+	display: flex;
+	justify-content: space-around;
+	text-align: center;
+
+}
+
+
+

 html {
 	font-size: 20px;
@ -147,19 +192,14 @@ nav a:link {
 }

 #bouttonmenu {
-	transform: rotate(-90deg);

-	height: 4em;
-	width: 10em;
+	height: 50px;
+	width: 50px;

-	color: white;
-	background-color: white;
+	background-color: @fond;

 	border: white 2px solid;

-	padding: 4px;
-	margin-bottom: -100px;
-
 }

 .descriptionCategorie {
@ -310,7 +350,7 @@ body {
 	margin-top: 20px;
 	margin-left: 30px;
 	margin-bottom: 50px;
-	width: 100%;
+
 	margin-right: 50px;

 }
@ -361,7 +401,7 @@ body {

 .avertissement {
 	border: 2px yellow solid;
-	border-radius: 12px 12px 12px 12px;background-color: #1E2125;
+	border-radius: 12px;
 	padding: 10px;
 	margin: 5px;
 	background-color: lemonchiffon;
@ -399,6 +439,8 @@ font-weight: bold;

 }

+// FOOTER
+
 .textefooter {
 	margin: 10px;
 	line-height: 1.5em;
@ -447,6 +489,7 @@ footer {
 	background-image: url(../media/logo/antpetitgris.png);
 	width: 264px;
 	height: 80px;
+	display: inline-block;

 }

@ -486,6 +529,7 @@ footer {
 	text-align: center;
 	transition: all 1s ease-in;
 	margin-bottom: 0px;
+	margin-right: 0px;

 }

@ -845,3 +889,52 @@ footer {
 	transition: color 10s ease-in-out;

 }
+
+
+// HEADERS
+
+h1 {
+	font-size: 250%;
+	text-align: center;
+
+
+
+}
+
+h2 {
+font-size: 250%;
+
+}
+
+h3 {
+font-size: 200%;
+
+}
+
+h4 {
+font-size: 150%;
+
+}
+
+h5 {
+font-size: 125%;
+
+}
+
+h6 {
+font-size: 110%;
+
+}
+
+
+.pgauche > h1 {
+
+	text-align: left;
+
+}
+
+.pdroite > h1 {
+
+	text-align: right;
+
+}
--- a/inc/debut.php
+++ b/inc/debut.php
@ -28,8 +28,6 @@ while ($page = $reponse->fetch()) { ?>
      <title><?php echo $page['titre']; ?> | Ant</title>
      <link rel="stylesheet/less" type="text/css" href="css/base.less" />
      <script src="bibli/less.min.js" ></script>
-      <link type="text/css" rel="stylesheet" href="bibli/normalize.css"/>
-      <link type="text/css" rel="stylesheet" href="bibli/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">
@ -56,7 +54,7 @@ while ($page = $reponse->fetch()) { ?>
          <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)) {
+              switch (mt_rand(1, 12)) {
                case 1: ?>
                Antièrement libre
                <?php break;
@ -64,53 +62,35 @@ while ($page = $reponse->fetch()) { ?>
                https://www.antopie.org
                <?php break;
                case 3: ?>
-                Créé par un FrAntçais
+                À l'Antipode des GAFAMs
                <?php break;
                case 4: ?>
-                Antopie
-                <?php break;
-                case 5: ?>
-                À l'Antipode des GAFAM
-                <?php break;
-                case 6: ?>
                Anterrons le capitalisme
                <?php break;
-                case 7: ?>
+                case 5: ?>
                Pour la liberté d'Anternet !
                <?php break;
-                case 8: ?>
-                Les combattAnts d'internet
-                <?php break;
-                case 9: ?>
-                PlAntons l'avenir
-                <?php break;
-                case 10: ?>
+                case 6: ?>
                Pour les parAnts et les enfAnts
                <?php break;
-                case 11: ?>
+                case 7: ?>
                Le slogan trop marrAnt !
                <?php break;
-                case 12: ?>
+                case 8: ?>
                Sans publicités gênAntes
                <?php break;
-                case 13: ?>
+                case 9: ?>
                FAntastique !
                <?php break;
-                case 14: ?>
-                La fourmillière géAnte !
-                <?php break;
-                case 15: ?>
+                case 10: ?>
                Un site fourmillittAnt
                <?php break;
-                case 16: ?>
+                case 11: ?>
                Fourmiedable !
                <?php break;
-                case 17: ?>
+                case 12: ?>
                100% indépendAnt
                <?php break;
-                case 18: ?>
-                Les fourmies n'ont pas d'L mais elles ont des E
-                <?php break;

              } ?>
            </a>
@ -118,20 +98,17 @@ while ($page = $reponse->fetch()) { ?>
                <div class="nomdossier">
                  Services auto-hébergés
                </div>
-                <a href="https://social.antopie.org/" title="Mantodon, une instance Mastodon, un logiciel de microblogage" class="optiondossier premieroptiondossier option icon-network">
+                <a href="https://social.antopie.org/" title="Mantodon, une instance Mastodon, un logiciel de microblogage" class="petiteoption optiondossier premieroptiondossier option icon-network">
                  Mastodon
                </a>
-               <a href="https://nuage.antopie.org/" title="Nuage, une instance Nextcloud, un logiciel d'hébergement et de syncronisation de fichiers en ligne" class="optiondossier option icon-cloud" >
+               <a href="https://nuage.antopie.org/" title="Nuage, une instance Nextcloud, un logiciel d'hébergement et de syncronisation de fichiers en ligne" class="petiteoption optiondossier option icon-cloud" >
                 Nextcloud
               </a>
-               <a href="https://chat.antopie.org/" title="Une instance Riot, fournie avec le serveur matrix.antopie.org" class="optiondossier option icon-chat">
+               <a href="https://chat.antopie.org/" title="Une instance Riot, fournie avec le serveur matrix.antopie.org" class="petiteoption optiondossier option icon-chat">
                 Riot
               </a>
-               <a href="https://code.antopie.org/" title="Une instance Gitea, un logiciel léger de forge logicielle" class="petiteoption optiondossier option icon-fork" >
-                 Gitea
-               </a>
-               <a href="https://texte.antopie.org/" title="Une instance PrivateBin, un pastebin" class="petiteoption optiondossier option icon-doc-text" >
-                 PrivateBin
+               <a href="https://image.antopie.org/" title="Une instance Lutim, pour téléverser des images" class="petiteoption optiondossier option icon-picture" >
+                 Lutim
               </a>
              </div>
          <div class="dossier">
@ -173,7 +150,7 @@ while ($page = $reponse->fetch()) { ?>
              <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">
+              <a href="cave.navigateur.php" title="Voir la liste des navigateurs web" class="optiondossier petiteoption option icon-window">
                Navigateurs web
              </a>
              <a href="cave.mdr.php" title="Voir la liste des moteurs de recherche" class="optiondossier petiteoption option icon-search-8">
@ -192,29 +169,23 @@ while ($page = $reponse->fetch()) { ?>
            <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="https://jirafourmie.antopie.org/" title="Accéder à Jirafourmie, un service de téléversement de fichiers" class="option icon-upload-cloud" >
-              Jirafourmie
-            </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="bibli/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;#26282C,#ffffff,#FFFFFF,#00d414,#ffffff,#26282C"></script>
+              <script src="bibli/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;#2D2F34,#ffffff,#FFFFFF,#00d414,#ffffff,#26282C"></script>
            </div>
          </div>
          <br/>
          <span class="in92pack">J'aime les <a href="licences/aboutant.html" class="li192pack">trains</a>.</span>
        </div>
-        <div class="texte">
-          <button id="bouttonmenu" onClick="asideswipe()">Afficher/masquer le menu</button>
+
+        <div class="corps">
+          <button id="bouttonmenu" onClick="asideswipe()" title="Afficher/masquer le menu" class="icon-angle-left"></button>
          <script src="js/menu.js"></script>
+          <div class="texte">
+
 <?php } $reponse->closeCursor(); ?>
 <?php } ?>
--- a/inc/footer.php
+++ b/inc/footer.php
@ -1,5 +1,6 @@
 </div>
 </div>
+</div>
 <footer>
  <div class="liensfooter centre">
    <div class="lienfooter">
@ -38,15 +39,12 @@
  </div>
  <div class="t07 basfooter">
    <div class="logofooter">
-      <a href="index.php" title="Afficher la page d'accueil d'Antopie">
-        <div class="logogris">
-        </div>
-      </a>
+      <a href="index.php" title="Afficher la page d'accueil d'Antopie"><div class="logogris"></div></a>
    </div>
    <div class="textefooter">

      Fait avec <span class="icon-heart"></span> en France.<br>
-      Copyleft Ant 2018. Tous droits distribués. Toute reproduction autorisée.
+      <a href="https://code.antopie.org/Ant/web" title="Voir le code source sur Gitea">Copyleft</a> Ant 2018. Tous droits distribués. Toute reproduction autorisée.
      <br>Antopie.org n'est ni affilié aux Illuminatis™, ni à Corée du Nord GmbH, ni à Lactalis® et ni à Nicolas Dupont-Aignan.
      En utilisant ce site, vous acceptez ses <a href="cgu.php" title="Lire les Conditions générales d'utilisation">Conditions générales d'utilisation</a>.
      Je n'ai pas bu de jus d'orange ces 15 dernières minutes.
--- a/index.php
+++ b/index.php
@ -2,12 +2,39 @@
 head("index.php"); ?>


+<div class="pres pdroite">
+	<h1>Services auto-hébergés</h1>
+	<span class="descriptionCategorie">Des services en accès libre</span>
+	<br><br>
+		<div>
+			<a href="https://social.antopie.org/" title="Mantodon, une instance Mastodon, un logiciel de microblogage" class="button icon-network">
+				Mastodon
+			</a>
+		</div>
+		<div>
+			<a href="https://nuage.antopie.org/" title="Nuage, une instance Nextcloud, un logiciel d'hébergement et de syncronisation de fichiers en ligne" class="button icon-cloud" >
+			 	Nextcloud
+		 	</a>
+ 		</div>
+	 	<div>
+		 <a href="https://chat.antopie.org/" title="Une instance Riot, fournie avec le serveur matrix.antopie.org" class="button icon-chat">
+			 Riot
+		 </a>
+ 		</div>
+	 	<div>
+	 		<a href="https://image.antopie.org/" title="Une instance Lutim, pour téléverser des images" class="button icon-picture" >
+		 		Lutim
+	 		</a>
+ 		</div>
+</div>
+
+
+
 <div class="pres pgauche">
 	<h1>La fourmilière</h1>
 	<span class="descriptionCategorie">Un espace pour publier et lire des pages d'article.</span>
 	<br>
 	<br>
-	<br>
 	<a href="fourmiliere.php" title="Accéder à la fourmilière" class="button special big icon-doc-text-inv-1">
 		La fourmilière
 	</a>
@ -29,11 +56,13 @@ head("index.php"); ?>
 	<h1>La cave à l'info-rmatique</h1>
 	<span class="descriptionCategorie">Des infos sur les navigateurs web, les moteurs de recherche, les modules complémentaires, les systèmes d'exploitation ...</span>
 	<br><br>
-	<div><a href="cave.module.php" title="Voir les modules que je vous recommande" class="button icon-puzzle">Modules</a></div>
-	<div><a href="cave.navigateur.php" title="Voir la liste des navigateurs web" class="button icon icon-network">Navigateurs web</a></div>
-	<div><a href="cave.mdr.php" title="Voir la liste de moteurs de recherche" class="button icon icon-search-8">Moteurs de recherche</a></div>
-	<div><a href="cave.os.php" title="Voir la liste des systèmes d'exploitation" class="button icon-cogs">Systèmes d'exploitation</a></div>
-	<div><a href="cave.definition.php" title="Voir des définitions simples concernent internet et l'informatique" class="button icon-quote">Définitions</a></div>
+	<div class="conteneurLigne">
+		<div class="elementLigne"><a href="cave.module.php" title="Voir les modules que je vous recommande" class="button icon-puzzle">Modules</a></div>
+		<div class="elementLigne"><a href="cave.navigateur.php" title="Voir la liste des navigateurs web" class="button icon icon-network">Navigateurs web</a></div>
+		<div class="elementLigne"><a href="cave.mdr.php" title="Voir la liste de moteurs de recherche" class="button icon icon-search-8">Moteurs de recherche</a></div>
+		<div class="elementLigne"><a href="cave.os.php" title="Voir la liste des systèmes d'exploitation" class="button icon-cogs">Systèmes d'exploitation</a></div>
+		<div class="elementLigne"><a href="cave.definition.php" title="Voir des définitions simples concernent internet et l'informatique" class="button icon-quote">Définitions</a></div>
+	</div>
 </div>

 <div class="pres pgauche">
@ -49,28 +78,6 @@ head("index.php"); ?>
 	</a>
 </div>

-<div class="pres pdroite">
-	<h1>
-		NuAnt
-	</h1>
-	<span class="descriptionCategorie">Une instance de Nextcloud, un service de stockage en ligne, hébergé par Ant.</span>
-	<br><br>
-	<a href="https://anternet.pw/nuage" title="Accéder à l'espace de stockage NuAnt" class="button special icon-cloud">
-		Accéder à NuAnt
-	</a>
-</div>
-
-<div class="pres pgauche">
-	<h1>
-		Jirafourmie
-	</h1>
-	<span class="descriptionCategorie">Accéder à JiraAAAAAAAAAAAAAafourmie, un service de téléversement de fichiers.</span>
-	<br><br>
-	<a href="https://jirafourmie.antopie.org/" title="Accéder à Jirafourmie, un service de téléversement de fichiers" class="button special icon-upload-cloud" >
-		Jirafourmie
-	</a>
-</div>
-

 <div class="pres pdroite">
 	<h1>
@ -83,8 +90,4 @@ head("index.php"); ?>
 	</a>
 </div>

-		</div>
-	</div>
 	<?php include "inc/footer.php"; ?>
-</body>
-</html>
--- a/js/menu.js
+++ b/js/menu.js
@ -9,7 +9,10 @@ function asideswipe()   {

    if(display == "block")  {
        document.getElementById("emplacementmenu").style.display = "none";
+        document.getElementById("bouttonmenu").className = "icon-angle-right";
    } else   {
        document.getElementById("emplacementmenu").style.display = "block";
+        document.getElementById("bouttonmenu").className = "icon-angle-left";
+
    }
 }
--- a/licences/lftcqtv.html
+++ b/licences/lftcqtv.html
@ -4,7 +4,7 @@
    <meta charset="utf-8" />
    <title>LICENCE FAIS TOUT CE QUE TU VEUX</title>
    <style type="text/css">
-      body {text-align: center;}
+      body {text-align: center; background-color: #2D2F34; color: white;}
    </style>
  </head>
  <body>
@ -12,9 +12,6 @@
    Version 1, Mai 2018
    <br>
    <br>
-    Copyleft Miraty 2018
-    <br>
-    <br>
    N'importe qui est autorisé à copier, distribuer et modifier ce texte de licence sans restriction.
    <br>
    <h2>TERMES ET CONDITIONS DE COPIE, PUBLICATION ET MODIFICATION D'OEUVRE PUBLIÉE SOUS LFTCQTV</h2>
--- a/media/copyleft.png
+++ b/media/copyleft.png
--- a/monnavigateur.php
+++ b/monnavigateur.php
@ -51,67 +51,7 @@
  			</div>


-        <h2>Les polices du site</h2>
-
-
-  					<a download="" href="assets/ubuntu/condense.ttf" class="icon-download"> Télécharger</a><code>condense</code> :<br><br>
-  					<span class="condense">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="condense">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/fin.ttf" class="icon-download"> Télécharger</a><code>fin</code> :<br><br>
-  					<span class="fin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="fin">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/fin-it.ttf" class="icon-download"> Télécharger</a><code>fin-it</code> :<br><br>
-  					<span class="fin-it">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="fin-it">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/gras.ttf" class="icon-download"> Télécharger</a><code>gras</code> :<br><br>
-  					<span class="gras">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="gras">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/gras-it.ttf" class="icon-download"> Télécharger</a><code>gras-it</code> :<br><br>
-  					<span class="gras-it">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="gras-it">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/moyen.ttf" class="icon-download"> Télécharger</a><code>moyen</code> :<br><br>
-  					<span class="moyen">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="moyen">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/moyen-it.ttf" class="icon-download"> Télécharger</a><code>moyen-it</code> :<br><br>
-  					<span class="moyen-it">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="moyen-it">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/ubuntu.ttf" class="icon-download"> Télécharger</a><code>ubuntu</code> :<br><br>
-  					<span class="ubuntu">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="ubuntu">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-          <br><br><br>
-
-  					<a download="" href="assets/ubuntu/ubuntu-it.ttf" class="icon-download"> Télécharger</a><code>ubuntu-it</code> :<br><br>
-  					<span class="ubuntu-it">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
-  					<br>
-  					<span class="ubuntu-it">ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789àèéù''""()[]{}\/*-+=,?;.:!§%*µ^¨$£¤°@ç^_`|#~&</span>
-  					<br><br>
-
-
-  				</div>
-  		</div>
+
  		<?php include "inc/footer.php";

 } else if (isset($_GET["afficherUniquement"]) AND $_GET["afficherUniquement"] == "ip") {