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
This commit is contained in:
Miraty 2018-11-03 16:15:54 +01:00
parent adff683551
commit dce7d41d3d
10 changed files with 186 additions and 195 deletions

View File

@ -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)

View File

@ -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>

View File

@ -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;
}

View File

@ -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 } ?>

View File

@ -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.

View File

@ -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>

View File

@ -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";
}
}

View File

@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

View File

@ -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") {