Retrait de Riot et Lutim, ajout de PrivateBin

README.md

@@ -1,37 +1,29 @@
 # Présentation
 
-Voici le code source de mon site : [https://www.antopie.org](https://www.antopie.org).
+Voici le code source de mon site : <https://www.antopie.org>.
 Ce code est testé avec les dernières version de PHP et MySQL.
 
-Le site Web dépend d'une base de donnée ; pour faire fonctionner ce site vous devrez importer le fichier bdd.sql dans une base de donnée nommé *my_webapp* et placer dans le dossier parent de *web* un fichier *loginsbdd.php* sous la forme :
+Le site Web dépend d'une base de donnée ; pour faire fonctionner ce site vous devrez importer le fichier bdd.sql dans une base de donnée nommé _my_webapp_ et placer dans le dossier parent de _web_ un fichier _loginsbdd.php_ sous la forme :
 
-	<?php
+    <?php
-	// Identifiants de la base de données my_webapp
+    // Identifiants de la base de données my_webapp
-	$userBDD = "nom d'utilisateur";
+    $userBDD = "nom d'utilisateur";
-	$mdpBDD = "mot de passe";
+    $mdpBDD = "mot de passe";
-
-
-
-
-
-Si vous avez besoin d'aide vous pouvez me contacter sur Mastodon : [@Miraty@social.antopie.org](https://social.antopie.org/@miraty), via Matrix **@miraty:matrix.antopie.org** ou par mail : miraty<arraubase>antopie.org.
 
+Si vous avez besoin d'aide vous pouvez me contacter sur Mastodon : [@Miraty@social.antopie.org](https://social.antopie.org/@miraty) ou par mail : miraty<arraubase>antopie.org.
 
 # Structure
 
-
+-   **web**
-* **web**
+    		_ **bibli** _Contient des bibliothèques diverses\*
-	* **bibli** *Contient des bibliothèques diverses*
+    			_  **fontello** _Le pack d'icones\*
-		*  **fontello** *Le pack d'icones*
+    			_  **sense3** _Les "publicités"\*
-		*  **sense3** *Les "publicités"*
+    			_  **ubuntu** _Les polices d'Ubuntu utilisés sur le site\*
-		*  **ubuntu** *Les polices d'Ubuntu utilisés sur le site*
+    			_  **less.js** _Le JS pour compiler le code LESS en CSS\*
-		*  **less.js** *Le JS pour compiler le code LESS en CSS*
+    			_  **less.min.js** _Même chose en plus léger\*
-		*  **less.min.js** *Même chose en plus léger*
+    			_  **nomalize.css** _Du CSS qui réinitalise le CSS pour que tous les navigateurs aient le même rendu\*
-		*  **nomalize.css** *Du CSS qui réinitalise le CSS pour que tous les navigateurs aient le même rendu*
+    		_ **inc** _Les fichiers PHP qui ne sont pas des pages Web et qui sont inclus dans d'autres\*
-	* **inc** *Les fichiers PHP qui ne sont pas des pages Web et qui sont inclus dans d'autres*
+    		_ **media** _Image, vidéo, audio\*
-	* **media** *Image, vidéo, audio*
+    		_ **README.md** _Le fichier Markdown que vous êtes en train de lire\*
-	* **README.md** *Le fichier Markdown que vous êtes en train de lire*
+    		_ **bdd.sql** _Contient la structure de la base de données\*
-	* **bdd.sql** *Contient la structure de la base de données*
+-   **loginsbdd.php** _Les identifiants de la base de données_
-* **loginsbdd.php** *Les identifiants de la base de données*
-
-

cave.os.php

@@ -1,13 +1,16 @@
 <?php include "inc/debut.php";
 head("cave.os.php"); ?>
 
-	<article>
 			<h1>Systèmes d'exploitation</h1>
 
 			L'abréviation "OS" désigne les systèmes d'exploitation (Operating System en anglais).
 
+			<script src="js/os.js"></script>
 			<div class="pgauche">
-				<h2>Linux</h2>
+				<h2><button id="bouttonReduireSection" onClick="reduireSection()" title="Afficher/masquer cette section" class="icon-angle-up"></button>Linux</h2>
+				<script src="js/os.js"></script>
+				<div id="linux">
+
 				Le noyau Linux est un logiciel TRÈS complexe qui sert de base à beaucoup d'OS en raison de la liberté de son code.
 				Linux désigne les OS basés sur son noyau.
 
@@ -91,6 +94,8 @@ head("cave.os.php"); ?>
 					</div>
 
 				</div>
+
+				</div>
 			</div>
 
 			<div class="pgauche">
@@ -114,6 +119,5 @@ head("cave.os.php"); ?>
 				<h2>MacOS / iOS</h2>
 			</div>
 
-		</article>
 
 <?php include "inc/footer.php"; ?>

inc/debut.php

@@ -96,20 +96,20 @@ while ($page = $reponse->fetch()) { ?>
             </a>
             <div class="dossier">
                 <div class="nomdossier">
-                  Services auto-hébergés
+                  Services décentralisés
                 </div>
-                <a href="https://social.antopie.org/" title="Mantodon, une instance Mastodon, un logiciel de microblogage" class="petiteoption optiondossier premieroptiondossier option icon-network">
+                <a href="https://social.antopie.org/" title="Mantodon, une instance Mastodon, un service de microblogage fédéré" 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="petiteoption optiondossier option icon-cloud" >
+               <a href="https://nuage.antopie.org/" title="Nuage, une instance Nextcloud, un service de stockage et de syncronisation de fichiers" 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="petiteoption optiondossier option icon-chat">
+               <a href="https://texte.antopie.org/" title="PrivateBin est un 'pastebin' (ou gestionnaire d'extraits de texte et de code source) minimaliste et open source, dans lequel le serveur n'a aucune connaissance des données envoyées. Les données sont chiffrées/déchiffrées dans le navigateur par un chiffrage AES 256 bits." class="petiteoption optiondossier option icon-doc-text-inv-1" >
-                 Riot
+                 PrivateBin
-               </a>
-               <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">
             <?php if (isset($_SESSION['pseudo'])) { ?>

inc/footer.php

@@ -43,7 +43,7 @@
     </div>
     <div class="textefooter">
 
-      Fait avec <span class="icon-heart"></span> en France.<br>
+      Fait avec <span class="icon-heart" title="coeur"></span> en France.<br>
       <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>.

index.php

@@ -3,7 +3,7 @@ head("index.php"); ?>
 
 
 <div class="pres pdroite">
-	<h1>Services auto-hébergés</h1>
+	<h1>Services décentralisés</h1>
 	<span class="descriptionCategorie">Des services en accès libre</span>
 	<br><br>
 		<div>
@@ -17,14 +17,9 @@ head("index.php"); ?>
 		 	</a>
  		</div>
 	 	<div>
-		 <a href="https://chat.antopie.org/" title="Une instance Riot, fournie avec le serveur matrix.antopie.org" class="button icon-chat">
+			<a href="https://texte.antopie.org/" title="PrivateBin est un 'pastebin' (ou gestionnaire d'extraits de texte et de code source) minimaliste et open source, dans lequel le serveur n'a aucune connaissance des données envoyées. Les données sont chiffrées/déchiffrées dans le navigateur par un chiffrage AES 256 bits." class="button icon-cloud icon-doc-text-inv-1" >
-			 Riot
+				PrivateBin
-		 </a>
+			</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>
 

js/os.js

@@ -0,0 +1,13 @@
+function reduireSection() {
+  var div = document.getElementById('linux'),
+    display = getComputedStyle(div, null).display;
+
+  if (display == "block") {
+    document.getElementById("linux").style.display = "none";
+    document.getElementById("bouttonReduireSection").className = "icon-angle-down";
+  } else {
+    document.getElementById("linux").style.display = "block";
+    document.getElementById("bouttonReduireSection").className = "icon-angle-up";
+
+  }
+}