";
+ }
+ require "temp2/" . $nomPage . ".temp2";
+ if ($page['type'] == "article") {
+ echo "";
+ } else if ($page['type'] == "centré") {
+ echo "
";
+ }
+ require "inc/footer.php";
+ file_put_contents($nomPage . ".html", ob_get_contents());
+ ob_end_clean();
+
+ }
+
+ // exemple.html > exemple.html.gz
+ // Compresse les fichiers textes statiques HTML & CSS à la racine
+ exec('bibli/static-compress -c zopfli "*.html" "*.css"');
+
+} else {
+ echo "Non authentifié·e";
+}
diff --git a/details-techniques.php b/details-techniques.php
deleted file mode 100644
index 6a7896c..0000000
--- a/details-techniques.php
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-
-
-
diff --git a/inc/footer.php b/inc/footer.php
index cbac8c9..6ee9df9 100755
--- a/inc/footer.php
+++ b/inc/footer.php
@@ -3,16 +3,11 @@
diff --git a/inc/page.php b/inc/page.php
deleted file mode 100755
index 4978e24..0000000
--- a/inc/page.php
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- 'plume.png',
- 'peertube' => 'peertube.png',
- 'gitea' => 'gitea.png',
- 'libreqr' => 'qr.png',
- 'bitwarden' => 'bitwarden.png',
- 'nextcloud' => 'nextcloud.png',
- 'synapse' => 'matrix.png',
- 'riot' => 'riot.png',
- 'privatebin' => 'privatebin.png',
- 'jirafeau' => 'jirafeau.png',
- 'rssbridge' => 'rssbridge.png',
- 'searx' => 'searx.png',
- 'etherpad' => 'etherpad.png',
- 'diagrams' => 'diagrams.png',
- 'opensondage' => 'opensondage.png',
-);
-
-$urlService = array(
- 'plume' => clearnetOrOnion('https://blog.antopie.org', 'http://antblogn2vnc4hncjiow4jn7yidxe64l2o2qhj2tyla33jjhrrf5v2ad.onion'),
- 'peertube' => 'https://video.antopie.org',
- 'gitea' => clearnetOrOnion('https://code.antopie.org', 'http://antcode5h4tntfei362x7eydifyxdjskjisv5pezk2othlh7oho2zhyd.onion'),
- 'libreqr' => clearnetOrOnion('https://qr.antopie.org', 'http://libreqrh5gsyzaaexx4vwyp6k2sd5keg5svyj2gpbkhg7zzyjvswiiyd.onion'),
- 'bitwarden' => clearnetOrOnion('https://mdp.antopie.org', 'http://antmdpizuaquzfz5kzv3tz3k2funlcgma5gxtujxs5sl6z7wyk76x3qd.onion'),
- 'nextcloud' => 'https://nuage.antopie.org',
- 'synapse' => 'https://matrix.antopie.org',
- 'riot' => 'https://riot.antopie.org',
- 'privatebin' => clearnetOrOnion('https://texte.antopie.org', 'http://anttxt2u75lbrpl23szr6qtgzx5kkcz7larjmg24udwypceuslzel5qd.onion'),
- 'jirafeau' => clearnetOrOnion('https://up.antopie.org', 'http://antuplo4vcln7ftoatr5iualwb3py7ccii6t32gemzannhu4blj2xqid.onion'),
- 'rssbridge' => clearnetOrOnion('https://rss.antopie.org', 'http://antrssv5553pjemejxyszija6ceii4soc5ozk6pdj7y3vauzioavdkid.onion'),
- 'searx' => clearnetOrOnion('https://searx.antopie.org', 'http://antsrxhuvxylfgvu6c33m6gzlp3dsrxfnil7z3ppfya2vqvs4hkuy7qd.onion'),
- 'etherpad' => 'https://pad.antopie.org',
- 'diagrams' => 'https://draw.antopie.org',
- 'opensondage' => clearnetOrOnion('https://sondage.antopie.org', 'http://antaskuzziqjodxfighsptanvhrwmb7h5nsgjwei2dvvtsuqgjsaxvad.onion'),
-);
-
-$nomService = array(
- 'plume' => 'Plume',
- 'peertube' => 'PeerTube',
- 'gitea' => 'Gitea',
- 'libreqr' => 'LibreQR',
- 'bitwarden' => 'Bitwarden',
- 'nextcloud' => 'Nextcloud',
- 'synapse' => 'Synapse',
- 'riot' => 'Riot',
- 'privatebin' => 'PrivateBin',
- 'jirafeau' => 'Jirafeau',
- 'rssbridge' => 'RSS Bridge',
- 'searx' => 'Searx',
- 'etherpad' => 'Etherpad',
- 'diagrams' => 'Diagrammes',
- 'opensondage' => 'OpenSondage',
-);
-
-$infoThemeService = array(
- 'plume' => 'Thème sombre & rouge',
- 'peertube' => 'Thème rouge',
- 'gitea' => 'Thème sombre',
- 'libreqr' => 'Thème sombre',
- 'bitwarden' => NULL,
- 'nextcloud' => 'Thème sombre',
- 'synapse' => NULL,
- 'riot' => NULL,
- 'privatebin' => 'Thème sombre',
- 'jirafeau' => 'Thème sombre',
- 'rssbridge' => 'Thème sombre & rouge',
- 'searx' => 'Thème sombre',
- 'etherpad' => NULL,
- 'diagrams' => NULL,
- 'opensondage' => NULL,
-);
-
-$descService = array(
- 'plume' => 'Créez simplement un blog qui sera accessible via le Web, le
Fédiverse et un flux
Atom.',
- 'peertube' => 'Regardez ou publiez des vidéos sur le
Fédiverse en
pair à pair.',
- 'gitea' => '
Forge logicielle simple basée sur
Git.',
- 'libreqr' => "Un générateur de
codes QR fait maison.",
- 'bitwarden' => 'Générez, enregistrez et synchronisez des mots ou phrases de passe fortes.',
- 'nextcloud' => 'Synchronisation de fichiers, de contacts (
CardDAV), d’agenda (
CalDAV),
Carnet , et plein d’autres fonctionnalités grâce à des extensions.',
- 'synapse' => 'Un serveur
Matrix, qui est un protocole internet moderne pour la communication écrite, audio ou vidéo.',
- 'riot' => 'Client Web pour
Matrix.',
- 'privatebin' => 'Partagez des textes, codes sources ou
Markdown rapidement.',
- 'jirafeau' => 'Partagez rapidement n’importe quel fichier avec n’importe qui.',
- 'rssbridge' => 'Exportez les données de centaines de sites aux formats
Atom,
JSON,
HTML, Mrss ou texte.',
- 'searx' => '
Métamoteur anonymé : combine plusieurs moteurs de recherche sur une seule page.',
- 'etherpad' => 'Éditez un texte sur plusieurs appareils en même temps. Utilisable avec
MyPads.',
- 'diagrams' => 'Créez des graphiques pour représenter des idées.',
- 'opensondage' => 'Planifiez un rendez-vous ou prenez des décisions.'
-);
-
-$siteOfficielService = array(
- 'plume' => 'joinplu.me',
- 'peertube' => 'joinpeertube.org',
- 'gitea' => 'gitea.io',
- 'libreqr' => NULL,
- 'bitwarden' => 'bitwarden.com',
- 'nextcloud' => 'nextcloud.com/fr_FR',
- 'synapse' => NULL,
- 'riot' => 'about.riot.im',
- 'privatebin' => 'privatebin.info',
- 'jirafeau' => NULL,
- 'rssbridge' => NULL,
- 'searx' => 'asciimoo.github.io/searx',
- 'etherpad' => 'etherpad.org',
- 'diagrams' => 'www.diagrams.net',
- 'opensondage' => NULL,
-);
-
-$gitService = array(
- 'plume' => 'github.com/Plume-org/Plume',
- 'peertube' => 'github.com/Chocobozzz/PeerTube',
- 'gitea' => 'github.com/go-gitea/gitea',
- 'libreqr' => 'code.antopie.org/miraty/libreqr',
- 'bitwarden' => 'github.com/dani-garcia/bitwarden_rs',
- 'nextcloud' => 'github.com/nextcloud/server',
- 'synapse' => 'github.com/matrix-org/synapse',
- 'riot' => 'github.com/vector-im/riot-web',
- 'privatebin' => 'github.com/PrivateBin/PrivateBin',
- 'jirafeau' => 'gitlab.com/mojo42/Jirafeau',
- 'rssbridge' => 'github.com/rss-bridge/rss-bridge',
- 'searx' => 'github.com/asciimoo/searx',
- 'etherpad' => 'github.com/ether/etherpad-lite',
- 'diagrams' => 'github.com/jgraph/drawio',
- 'opensondage' => 'framagit.org/framasoft/framadate/framadate'
-);
-
-$paquetYnhService = array(
- 'plume' => 'github.com/YunoHost-Apps/plume_ynh',
- 'peertube' => 'github.com/YunoHost-Apps/peertube_ynh',
- 'gitea' => 'github.com/YunoHost-Apps/gitea_ynh',
- 'libreqr' => 'code.antopie.org/miraty/qr_ynh',
- 'bitwarden' => 'github.com/YunoHost-Apps/bitwarden_ynh',
- 'nextcloud' => 'github.com/YunoHost-Apps/nextcloud_ynh',
- 'synapse' => 'github.com/YunoHost-Apps/synapse_ynh',
- 'riot' => 'github.com/YunoHost-Apps/riot_ynh',
- 'privatebin' => 'github.com/YunoHost-Apps/zerobin_ynh',
- 'jirafeau' => 'github.com/YunoHost-Apps/jirafeau_ynh',
- 'rssbridge' => 'github.com/YunoHost-Apps/rss-bridge_ynh',
- 'searx' => 'github.com/YunoHost-Apps/searx_ynh',
- 'etherpad' => 'github.com/YunoHost-Apps/etherpad_mypads_ynh',
- 'diagrams' => 'github.com/YunoHost-Apps/diagramsnet_ynh',
- 'opensondage' => 'github.com/YunoHost-Apps/opensondage_ynh',
-);
-
- foreach($descService as $codeService => $descService) { ?>
-
-
-
= $descService ?>
-
· = $infoThemeService[$codeService] ?> ·
-
-
-
-
-
-
-
-
-
-
- Vous trouverez également votre IP, agent utilisateur, référent HTTP et langues demandées sur ">cette page.
-
-
-
- Antopie n'a pas besoin de dons pour être financée, si vous avez toutefois suffisamment d'argent, vous pouvez par exemple soutenir La Quadrature du Net, la v3 de PeerTube ou un projet libre sur Liberapay.
-
-
-
- Vous pouvez me contacter par mail : miraty+web@antopie.org, le Fédiverse : @miraty@plero.antopie.org ou Matrix : @miraty:matrix.antopie.org.
-
-
-
-
diff --git a/manifeste-sur-le-contenu.php b/manifeste-sur-le-contenu.php
deleted file mode 100644
index 118c9c0..0000000
--- a/manifeste-sur-le-contenu.php
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-Manifeste sur le contenu
-
-
-
- Antopie refuse d'héberger du contenu soutenant une vision du monde droitiste. Cela inclut :
-
-
- - Fascisme, racisme, capacitisme, essentialisme
- - Capitalisme, publicité
- - Sexisme, homophobie, transphobie
- - Théisme, conspirationnisme, spiritualisme
-
-
- Antopie encourage la diffusion d'idées gauchistes. Cela inclut :
-
-
- - Librisme, datalove, kopimisme
- - Anarchisme, communisme, socialisme
- - Féminisme, queer
- - Écologisme, véganisme, décroissance
- - Éducation populaire, pensée critique
-
-
-
- L'utilisation de licences libres est encouragée.
-
-
-
- Les contenus qui n'ont pas spécifiquement d'impact politique sont également les bienvenus.
-
-
-
- Ces règles s'appliquent principalement aux contenus hébergés publiquement par Antopie sur PeerTube et ">Plume.
-
-
-
- Les contenus accessibles par la fédération ou par une URL communiquée en privé sont moins concernés pas ce manifeste.
-
-
-
- Ces règles sont édictées pour que vous puissiez vous faire une idée de la modération et du but d'Antopie. Il ne s'agit pas d'une vérité absolue. Je garde ma liberté de ne pas modérer ou de modérer pour d'autres raisons.
-
-
- Ce n'est pas une atteinte à la liberté d'expression
-
-
- Internet est un réseau libre et vous y dites ce que vous voulez. Cependant quand vous publiez du contenu par le serveur de quelqu'un d'autre, c'est aux yeux d'Internet cette personne qui s'exprime à votre place.
-
-
-
- On peut comparer l'hébergement Internet à l'hébergement dans son sens original : vous êtes ici chez moi. Je permet à d'autres de venir discuter chez moi. Mais je ne souhaite pas que vous veniez chez moi pour dire des bêtises. Dans ce cas, je vous invite plutôt à vous taire aller dans une autre maison ou construire la vôtre.
-
-
-
- L'avantage d'Internet étant que l'on peut passer très rapidement d'une maison à l'autre.
-
-
-
- Cette comparaison fonctionne surtout car Antopie utilise des logiciels libres : avec des logiciels privateurs, vous ne pouvez pas construire votre propre maison.
-
-
-
-
-
diff --git a/navigateur.php b/navigateur.php
deleted file mode 100755
index 59f7f01..0000000
--- a/navigateur.php
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-
- Informations de votre navigateur Web
-
-
-
-
Votre adresse IP
-
- Votre adresse IP est :
-
- Une adresse IP (IP pour Internet Protocol) est une information permettant d'identifier un ordinateur. Elle est utilisée pour n'importe quel échange sur internet.
-
-
-
-
-
-
-
Votre référent HTTP
-
-
-
-
- Votre navigateur n'a pas envoyé de référent HTTP (HTTP referer).
-
-
- Votre référent HTTP (HTTP referer) est :
-
-
- Un référent HTTP est une information envoyée par votre navigateur indiquant au site sur quelle page vous vous trouviez avant d'utiliser le lien qui vous a conduit ici.
-
-
-
-
-
-
-
-
-
-
-
Votre agent utilisateur
- L'agent utilisateur (user agent) envoyé par votre navigateur est :
-
- Un agent utilisateur est une information envoyée par votre navigateur indiquant au site diverses informations sur vous. Il peut contenir votre système d'exploitation, votre navigateur, sa version et votre langue.
-
-
-
-
-
-
-
Langues demandées
- Votre navigateur a demandé la ou les langue·s suivante·s :
-
- Votre navigateur envoie aux pages qu'il visite la liste des langues que vous êtes censé·e pouvoir lire (généralement en se basant sur la langue de son interface).
-
-
-
-
-
-
- ";
- echo htmlspecialchars($_SERVER['HTTP_USER_AGENT']);
-
-} else {
- echo "Erreur : Mauvais argument·s";
-}
diff --git a/pages/404.md b/pages/404.md
new file mode 100644
index 0000000..f2af9c3
--- /dev/null
+++ b/pages/404.md
@@ -0,0 +1,6 @@
+
+![Erreur 404](img/404fourmie.png){#img404}
+
+La page à laquelle vous avez tenté d'accéder a été Antièrement dévorée par une armée de fourmis affamées !
+
+[Page d'accueil](.){.bouton}
diff --git a/pages/autres-initiatives.md b/pages/autres-initiatives.md
new file mode 100644
index 0000000..cddba4f
--- /dev/null
+++ b/pages/autres-initiatives.md
@@ -0,0 +1,12 @@
+Cette page liste d'autres initiative de décentraliser et décommercialiser Internet.
+
+Snopyta
+DryCat
+riseup.net
+NixNet
+Disroot
+ACAB.IO
+42l
+TeDomum
+Infini
+Hostux
diff --git a/pages/cgu.md b/pages/cgu.md
new file mode 100644
index 0000000..8a42034
--- /dev/null
+++ b/pages/cgu.md
@@ -0,0 +1,28 @@
+## Préambule
+
+L'utilisation des services Antopie vous lie aux conditions suivantes.
+Antopie se réserve le droit de mettre à jour et modifier ces conditions à tout moment.
+Ces conditions sont dérivées de [celles de Framasoft](https://framasoft.org/fr/cgu/).
+
+## Conditions des services
+
+* Vous êtes responsable de la sécurité de votre compte et de votre mot de passe.
+* Vous êtes responsable de tout contenu affiché et de l’activité qui se produit sous votre compte.
+* Vous ne pouvez pas vendre, échanger ou exploiter dans un but commercial un compte du service utilisé.
+* L’échec d'Antopie à exercer ou à appliquer tout droit ou disposition des Conditions d’utilisation ne constitue pas une renonciation à ce droit ou à cette disposition.
+* Les conditions d'utilisation actuelles remplacent les anciennes versions.
+* Vous ne devez pas tenter de nuire aux services Antopie ou à celleux les utilisant.
+* Les services étant hébergés en France par une personne de nationnalité française, vous devez respecter au moins la législation en vigueur en France.
+* Savoir orthographier correctement le mot « spatule » n'est pas nécessaire pour utiliser les services Antopie.
+
+## Garantie
+
+* Antopie se dégage de toutes responsabilités dans la limite de la loi.
+* Antopie se réserve le droit, à tout moment de modifier ou d’interrompre, temporairement ou définitivement, le service avec ou sans préavis.
+
+## Données personnelles
+
+* Conformément à l’article 34 de la loi « Informatique et Libertés », Antopie garantit à l’utilisateurice un droit d’opposition, d’accès et de rectification sur les données nominatives læ concernant. L'utilisateurice a la possibilité d’exercer ce droit en envoyant un [email](mailto:miraty+legal@antopie.org) à l'admin.
+* Malgré ce que certaines interfaces pourraient laisser penser, il n'est jamais nécessaire de révéler votre identité pour utiliser les services.
+* Tout comme d’autres services en ligne, Antopie enregistre automatiquement certaines informations concernant votre utilisation du service (exemple : type de navigateur, adresse IP, date et heure de l’accès, URL de référence).
+Ces données ne sont ni vendues, ni transmises à des tiers, dans la limite de la loi.
diff --git a/pages/contact.md b/pages/contact.md
new file mode 100644
index 0000000..4d6d6a9
--- /dev/null
+++ b/pages/contact.md
@@ -0,0 +1,5 @@
+Vous pouvez me contacter par l'un des moyens suivants :
+* Mail : [miraty+antopie@antopie.org](mailto:miraty+antopie@antopie.org)
+ OpenPGP : [`B16B 12A8 957B 2EC7 9659 04A6 B82D 15F0 3E67 B2B5`](= clearnetOrOnion("https://miraty.antopie.org", "http://miratyww5h7xhki2ttodapygnukmnrywn4osw3d32llc4sggzmyso5id.onion") ?>/B16B12A8957B2EC7965904A6B82D15F03E67B2B5.asc)
+* Matrix : @miraty:matrix.antopie.org
+* Fédiverse : [@miraty@plero.antopie.org](https://plero.antopie.org/miraty)
diff --git a/pages/courriel.md b/pages/courriel.md
new file mode 100644
index 0000000..f9bb979
--- /dev/null
+++ b/pages/courriel.md
@@ -0,0 +1,55 @@
+Cette page de concerne que les personnes pour lesquelles j'ai manuellement créé un compte interne. Ce service n'est pas ouvert au public.
+
+## Webmail Roundcube
+
+[https://mail.antopie.org](https://mail.antopie.org)
+Connectez vous avec vos identifiants YunoHost.
+Lors de votre première connexion, Roundcube vous demandera votre adresse mail.
+Changez `pseudo@localhost` en `pseudo@antopie.org` puis validez.
+
+## Sur son PC, avec Thunderbird
+
+### Installer Thunderbird
+
+#### Linux
+
+Le paquet `thunderbird` devrait être disponible. Si l'interface est en anglais, installer aussi le paquet de langue (`thunderbird-locale-fr` sous Debian/Ubuntu)
+
+#### Partout
+
+Télécharger sur [le site officiel](https://www.thunderbird.net).
+
+### Configurer Thunderbird
+
+Lors du premier démarrage, Thunderbird demande automatiquement à configurer un nouveau compte. Si vous avez déjà une installation de Thunderbird avec un autre compte mail, faites clic droit sur l'adresse du compte, paramètres, gestion des comptes, ajouter un compte de messagerie.
+
+Renseignez les 3 premiers champs (le mot de passe est le même que celui pour accéder à [https://yuno.antopie.org](https://yuno.antopie.org)), puis cliquer sur "Configuration avancée".
+Ensuite remplir les champs comme dans l'image ci-dessous :
+
+![config-thunderbird.png](img/docs/config-thunderbird.png)
+
+Puis cliquer sur "Terminé".
+
+## Sur Android, avec K9-Material
+
+### Installer F-Droid
+
+F-Droid est un dépôt de logiciels libres et une application pour Android. En l'installant, elle vous permettra de facilement installer et mettre à jour des logiciels libres sur votre système Android.
+
+Si ce n'est pas déjà fait, téléchargez l'APK d'F-Droid depuis [le site officiel](https://f-droid.org/), puis le lancer. Android demandera peut-être à autoriser votre navigateur à installer des applications, faites-le.
+
+Ne désinstallez pas F-Droid, sinon toutes les applications que vous avez installées avec ne seront plus mises à jour !
+
+### Installer K9 Material
+
+K9 Material est un client mail pour Android, qui fourni une interface plus jolie à K9.
+
+Pour l'installer, rechercher son nom dans F-Droid puis cliquer sur le bouton Télécharger ou Installer.
+
+Ouvrir l'application et cliquer sur ajouter un nouveau compte, renseigner son adresse mail et son mot de passe, puis valider. Remplir ensuite les champs comme ils sont remplis ci-dessous.
+
+![k9-imap-300.png](img/docs/k9-imap-300.png) ![k9-smtp-300.png](img/docs/k9-smtp-300.png)
+
+Choisissez la fréquence de récupération du dossier (tous les combiens de temps K9 devra vérifier si vous avez reçu de nouveau messages ? ; choisir "Toutes les minutes" consommera plus de batterie).
+
+Ce tutoriel a été aidé par [la documentation de YunoHost](https://yunohost.org/#/email_configure_client_fr).
diff --git a/pages/details-techniques.md b/pages/details-techniques.md
new file mode 100644
index 0000000..d866360
--- /dev/null
+++ b/pages/details-techniques.md
@@ -0,0 +1,38 @@
+*[FTTH]: Fiber To The Home
+*[FAI]: Fournisseur d'Accès à Internet
+*[DNSSEC]: Domain Name System Security Extensions
+*[HSTS]: HTTP Strict Transport Security
+
+## Matériel
+
+Une tour nommée Pastèque avec :
+* 12 Go de RAM
+* Disque dur d'1,5 To
+* Intel Core i5 64 bits 4 cœurs 3.4GHz
+
+## Système
+
+[YunoHost](https://yunohost.org) 3.8 (basé sur [Debian](https://www.debian.org) 9) et son écosystème : Nginx, Postfix, Fail2ban...
+
+## DNS
+
+Le domaine `antopie.org` est enregistré chez [Gandi](https://gandi.net) et administré sur leur interface Web LiveDNS.
+[DNSSEC](https://fr.wikipedia.org/wiki/Domain_Name_System_Security_Extensions) est activé dessus.
+Il est enregistré dans la [HSTS Preload List](https://hstspreload.org).
+
+## Internet
+
+Pastèque est connectée à Internet via une connexion du FAI Free en fibre optique (FTTH) à Paris.
+Le débit maximal disponible varie entre 50 Mo/s (400 Mbit/s) et 100 Mo/s (800 Mbit/s).
+Adresse IPv6 : `2a01:e34:ec23:b760:5604:a6ff:fec4:58bd`
+Adresse IPv4 : `78.194.59.118`
+
+## Sauvegarde
+
+Des sauvegardes sont faites régulièrement avec le [système intégré à YunoHost](https://yunohost.org/#/backup).
+PeerTube et Nextcloud ne sont pas sauvegardées car cela prendrait trop de place.
+Les sauvegardes sont copiées sur un disque dans la même pièce.
+
+## Relai Tor
+
+Pastèque héberge aussi [un relai Tor](https://metrics.torproject.org/rs.html#details/BE8737597F2E6B4F805893202C935125829A902E).
diff --git a/pages/index.md b/pages/index.md
new file mode 100644
index 0000000..81250ee
--- /dev/null
+++ b/pages/index.md
@@ -0,0 +1,206 @@
+*[RSS]: Really Simple Syndication
+*[v3]: version 3
+
+Antopie propose des services Internet, administrés par et hébergés chez [Miraty]() grâce à [YunoHost](https://yunohost.org).
+
+Le compte @Antopie@miaou.drycat.fr ([RSS](https://miaou.drycat.fr/@Antopie.rss)) informe des pannes, mises à jour et nouveaux services.
+
+[Manifeste sur le contenu]() {.bouton} [Détails techniques]() {.bouton} [Conditions d'utilisation]() {.bouton}
+
+
+
+ 'plume.png',
+'peertube' => 'peertube.png',
+'gitea' => 'gitea.png',
+'libreqr' => 'libreqr.png',
+'bitwarden' => 'bitwarden.png',
+'nextcloud' => 'nextcloud.png',
+'synapse' => 'matrix.png',
+'riot' => 'riot.png',
+'privatebin' => 'privatebin.png',
+'jirafeau' => 'jirafeau.png',
+'rssbridge' => 'rssbridge.png',
+'searx' => 'searx.png',
+'etherpad' => 'etherpad.png',
+'diagrams' => 'diagrams.png',
+'opensondage' => 'opensondage.png',
+'iprefua' => NULL,
+);
+
+$urlService = array(
+'plume' => clearnetOrOnion('https://blog.antopie.org', 'http://antblogn2vnc4hncjiow4jn7yidxe64l2o2qhj2tyla33jjhrrf5v2ad.onion'),
+'peertube' => 'https://video.antopie.org',
+'gitea' => clearnetOrOnion('https://code.antopie.org', 'http://antcode5h4tntfei362x7eydifyxdjskjisv5pezk2othlh7oho2zhyd.onion'),
+'libreqr' => clearnetOrOnion('https://qr.antopie.org', 'http://libreqrh5gsyzaaexx4vwyp6k2sd5keg5svyj2gpbkhg7zzyjvswiiyd.onion'),
+'bitwarden' => clearnetOrOnion('https://mdp.antopie.org', 'http://antmdpizuaquzfz5kzv3tz3k2funlcgma5gxtujxs5sl6z7wyk76x3qd.onion'),
+'nextcloud' => 'https://nuage.antopie.org',
+'synapse' => 'https://matrix.antopie.org',
+'riot' => 'https://riot.antopie.org',
+'privatebin' => clearnetOrOnion('https://texte.antopie.org', 'http://anttxt2u75lbrpl23szr6qtgzx5kkcz7larjmg24udwypceuslzel5qd.onion'),
+'jirafeau' => clearnetOrOnion('https://up.antopie.org', 'http://antuplo4vcln7ftoatr5iualwb3py7ccii6t32gemzannhu4blj2xqid.onion'),
+'rssbridge' => clearnetOrOnion('https://rss.antopie.org', 'http://antrssv5553pjemejxyszija6ceii4soc5ozk6pdj7y3vauzioavdkid.onion'),
+'searx' => clearnetOrOnion('https://searx.antopie.org', 'http://antsrxhuvxylfgvu6c33m6gzlp3dsrxfnil7z3ppfya2vqvs4hkuy7qd.onion'),
+'etherpad' => 'https://pad.antopie.org',
+'diagrams' => 'https://draw.antopie.org',
+'opensondage' => clearnetOrOnion('https://sondage.antopie.org', 'http://antaskuzziqjodxfighsptanvhrwmb7h5nsgjwei2dvvtsuqgjsaxvad.onion'),
+'iprefua' => 'https://ip.antopie.org',
+);
+
+$nomService = array(
+'plume' => 'Plume',
+'peertube' => 'PeerTube',
+'gitea' => 'Gitea',
+'libreqr' => 'LibreQR',
+'bitwarden' => 'Bitwarden',
+'nextcloud' => 'Nextcloud',
+'synapse' => 'Synapse',
+'riot' => 'Riot',
+'privatebin' => 'PrivateBin',
+'jirafeau' => 'Jirafeau',
+'rssbridge' => 'RSS Bridge',
+'searx' => 'Searx',
+'etherpad' => 'Etherpad',
+'diagrams' => 'Diagrammes',
+'opensondage' => 'OpenSondage',
+'iprefua' => 'Iprefua',
+);
+
+$descService = array(
+'plume' => 'Créez simplement un blog qui sera accessible via le Web, le
Fédiverse et un flux
Atom.',
+'peertube' => 'Regardez ou publiez des vidéos sur le
Fédiverse en
pair à pair.',
+'gitea' => '
Forge logicielle simple basée sur
Git.',
+'libreqr' => 'Un générateur de
codes QR fait maison.',
+'bitwarden' => 'Générez, enregistrez et synchronisez des mots ou phrases de passe fortes.',
+'nextcloud' => 'Synchronisation de fichiers, de contacts (
CardDAV), d’agenda (
CalDAV),
Carnet , et plein d’autres fonctionnalités grâce à des extensions.',
+'synapse' => 'Un serveur
Matrix, qui est un protocole internet moderne pour la communication écrite, audio ou vidéo.
matrix.antopie.org
',
+'riot' => 'Client Web pour
Matrix.',
+'privatebin' => 'Partagez des textes, codes sources ou
Markdown rapidement.',
+'jirafeau' => 'Partagez rapidement n’importe quel fichier avec n’importe qui.',
+'rssbridge' => 'Exportez les données de centaines de sites aux formats
Atom,
JSON,
HTML, Mrss ou texte.',
+'searx' => '
Métamoteur anonymé : combine plusieurs moteurs de recherche sur une seule page.',
+'etherpad' => 'Éditez un texte sur plusieurs appareils en même temps. Utilisable avec
MyPads.',
+'diagrams' => 'Créez des diagrammes.',
+'opensondage' => 'Planifiez un rendez-vous ou prenez des décisions.',
+'iprefua' => 'Afficher adresse IP, agent utilisateur, référent HTTP et langues demandées.',
+);
+
+$siteOfficielService = array(
+'plume' => 'joinplu.me',
+'peertube' => 'joinpeertube.org',
+'gitea' => 'gitea.io',
+'libreqr' => NULL,
+'bitwarden' => 'bitwarden.com',
+'nextcloud' => 'nextcloud.com/fr_FR',
+'synapse' => NULL,
+'riot' => 'about.riot.im',
+'privatebin' => 'privatebin.info',
+'jirafeau' => NULL,
+'rssbridge' => NULL,
+'searx' => 'asciimoo.github.io/searx',
+'etherpad' => 'etherpad.org',
+'diagrams' => 'www.diagrams.net',
+'opensondage' => NULL,
+'iprefua' => NULL,
+);
+
+$gitService = array(
+'plume' => 'git.joinplu.me/plume/plume',
+'peertube' => 'github.com/Chocobozzz/PeerTube',
+'gitea' => 'github.com/go-gitea/gitea',
+'libreqr' => 'code.antopie.org/miraty/libreqr',
+'bitwarden' => 'github.com/dani-garcia/bitwarden_rs',
+'nextcloud' => 'github.com/nextcloud/server',
+'synapse' => 'github.com/matrix-org/synapse',
+'riot' => 'github.com/vector-im/riot-web',
+'privatebin' => 'github.com/PrivateBin/PrivateBin',
+'jirafeau' => 'gitlab.com/mojo42/Jirafeau',
+'rssbridge' => 'github.com/rss-bridge/rss-bridge',
+'searx' => 'github.com/asciimoo/searx',
+'etherpad' => 'github.com/ether/etherpad-lite',
+'diagrams' => 'github.com/jgraph/drawio',
+'opensondage' => 'framagit.org/framasoft/framadate/framadate',
+'iprefua' => 'code.antopie.org/miraty/iprefua',
+);
+
+$paquetYnhService = array(
+'plume' => 'github.com/YunoHost-Apps/plume_ynh',
+'peertube' => 'github.com/YunoHost-Apps/peertube_ynh',
+'gitea' => 'github.com/YunoHost-Apps/gitea_ynh',
+'libreqr' => 'code.antopie.org/miraty/qr_ynh',
+'bitwarden' => 'github.com/YunoHost-Apps/bitwarden_ynh',
+'nextcloud' => 'github.com/YunoHost-Apps/nextcloud_ynh',
+'synapse' => 'github.com/YunoHost-Apps/synapse_ynh',
+'riot' => 'github.com/YunoHost-Apps/riot_ynh',
+'privatebin' => 'github.com/YunoHost-Apps/zerobin_ynh',
+'jirafeau' => 'github.com/YunoHost-Apps/jirafeau_ynh',
+'rssbridge' => 'github.com/YunoHost-Apps/rss-bridge_ynh',
+'searx' => 'github.com/YunoHost-Apps/searx_ynh',
+'etherpad' => 'github.com/YunoHost-Apps/etherpad_mypads_ynh',
+'diagrams' => 'github.com/YunoHost-Apps/diagramsnet_ynh',
+'opensondage' => 'github.com/YunoHost-Apps/opensondage_ynh',
+'iprefua' => 'github.com/YunoHost-Apps/multi_webapp_ynh',
+);
+
+$actionService = array(
+'plume' => 'Bloguer',
+'peertube' => 'Accéder au service',
+'gitea' => 'Coder',
+'libreqr' => 'Accéder au service',
+'bitwarden' => 'Accéder au service',
+'nextcloud' => 'Accéder au service',
+'synapse' => "Plus d'infos",
+'riot' => 'Clavarder',
+'privatebin' => 'Téléverser du texte',
+'jirafeau' => 'Téléverser un fichier',
+'rssbridge' => 'Bridger',
+'searx' => 'Rechercher',
+'etherpad' => 'Créer un nouveau pad',
+'diagrams' => 'Accéder au service',
+'opensondage' => 'Créer un sondage',
+'iprefua' => 'Accéder au service',
+);
+
+$aboutService = array(
+'plume' => NULL,
+'peertube' => NULL,
+'gitea' => NULL,
+'libreqr' => NULL,
+'bitwarden' => NULL,
+'nextcloud' => 'nextcloud',
+'synapse' => NULL,
+'riot' => NULL,
+'privatebin' => NULL,
+'jirafeau' => NULL,
+'rssbridge' => NULL,
+'searx' => NULL,
+'etherpad' => NULL,
+'diagrams' => NULL,
+'opensondage' => NULL,
+'iprefua' => NULL,
+);
+
+foreach($descService as $codeService => $descService) { ?>
+
+
+
+
+
diff --git a/pages/manifeste-sur-le-contenu.md b/pages/manifeste-sur-le-contenu.md
new file mode 100644
index 0000000..cbc4ec2
--- /dev/null
+++ b/pages/manifeste-sur-le-contenu.md
@@ -0,0 +1,20 @@
+Ce manifeste s'applique aux cas où les services Antopie sont utilisés pour diffuser publiquement du contenu. L'utilisation des services dans un cadre privé n'est pas concernée par ce manifeste.
+
+Antopie refuse d'héberger du contenu soutenant une vision du monde droitiste, y compris :
+* Fascisme, racisme, capacitisme, essentialisme
+* Capitalisme, publicité
+* Sexisme, homophobie, transphobie
+* Théisme, conspirationnisme, spiritualisme
+
+Antopie encourage la diffusion d'idées gauchistes, y compris :
+* Librisme, datalove, kopimisme
+* Anarchisme, communisme, socialisme
+* Féminisme, queer
+* Écologisme, véganisme, décroissance
+* Éducation populaire, pensée critique
+
+**Les contenus qui n'ont pas particulièrement d'impact politique sont également les bienvenus.**
+
+Ces règles sont édictées pour que vous puissiez vous faire une idée de la modération et du but d'Antopie. Il ne s'agit pas d'une vérité absolue. Je garde ma liberté de ne pas modérer ou de modérer pour d'autres raisons.
+
+**Ce n'est pas une atteinte à la liberté d'expression.** Ce manifeste ne vous interdit pas de vous exprimer. Il vous demande simplement de ne pas le faire par un service Antopie si vous avez des idées trop différentes, auquel cas vous pourrez trouvez un service qui vous convient mieux.
diff --git a/pages/matrix.md b/pages/matrix.md
new file mode 100644
index 0000000..2e198f0
--- /dev/null
+++ b/pages/matrix.md
@@ -0,0 +1,55 @@
+
+Matrix est un protocole de communication permettant les communications instantanées sur Internet.
+
+Antopie propose un serveur Matrix à l'adresse `matrix.antopie.org` et le client Web Riot à l'adresse [https://riot.antopie.org](https://riot.antopie.org).
+Ce tutoriel se propose de vous apprendre à utiliser ces services.
+
+## Client / serveur
+
+Tout comme les courriels, Matrix fonctionne sur le modèle client/serveur.
+
+Le serveur est un logiciel qui tourne sur un ordinateur laissé allumé en permanence.
+
+Le client, c'est votre appareil qui se connecte au serveur pour vérifier si il a reçu de nouveaux messages ou pour en envoyer.
+
+## La pratique
+
+Rendez-vous sur [https://riot.antopie.org/#/register](https://riot.antopie.org/#/register).
+Renseignez votre pseudo ou nom et définissez un nouveau mot de passe, puis validez. Vous pouvez aussi spécifier une adresse mail pour changer de mot de passe si vous l'avez oublié.
+Vous arriverez sur l'interface de Riot, et rejoindrez automatiquement le salon de discussion publique `#antopie:matrix.antopie.org`.
+
+Si vous souhaitez que d'autres personnes vous contactent, votre identifiant Matrix est `@pseudo:matrix.antopie.org`.
+
+Pour commencer une autre discussion, cliquez sur le plus à côté de la section messages directs, à gauche, et cherchez l'identifiant Matrix.
+
+Mon identifiant Matrix est `@miraty:matrix.antopie.org`.
+
+## Les clients
+
+### Linux
+
+#### [Riot](https://riot.im/download/desktop/)
+
+#### Fractal
+
+#### Nhecko
+
+#### Quaternion
+
+### Windows et MacOS
+
+#### [Riot](https://riot.im/download/desktop/)
+
+### Android
+
+#### Riot
+
+[Sur F-Droid](https://f-droid.org/fr/packages/im.vector.alpha/) et le Google Play Store
+
+#### RiotX
+
+Une version destinée à terme à remplacer la version actuelle de Riot.
+
+### iOS
+
+Il y a aussi une version de Riot sur l'App Store d'iOS
diff --git a/pages/nextcloud.md b/pages/nextcloud.md
new file mode 100644
index 0000000..ad48f08
--- /dev/null
+++ b/pages/nextcloud.md
@@ -0,0 +1,60 @@
+*[SMTP]: Simple Mail Transfer Protocol
+*[IMAP]: Internet Message Access Protocol
+*[Gio]: gibioctet
+
+Antopie propose une instance Nextcloud sur [https://nuage.antopie.org](https://nuage.antopie.org).
+L'instance utilise un thème sombre, basé sur breeze dark de KDE.
+
+![L'interface de Nextcloud](img/docs/nextcloud-files-zoom.png) {.imgArticle}
+
+La limite de stockage par défaut est de 20 Gio.
+Les données de Nextcloud ne sont pas sauvegardées ; n'en gardez pas d'importantes uniquement dessus.
+
+## Créer un compte
+
+Pour commencer à utiliser l'instance Nextcloud d'Antopie :
+
+1. Accéder à [https://nuage.antopie.org/apps/registration](https://nuage.antopie.org/apps/registration).
+2. Indiquer son adresse courriel
+3. Cliquer sur le lien envoyé par courriel
+4. Indiquer son pseudo/nom et un mot de passe
+5. Accepter les [conditions d'utilisation]()
+
+## Applications disponibles
+
+Les applications listées ici sont celle qui semblent les plus stables ou officielles, ou qui ont été plus testées. D'autres sont disponibles mais utilisez-les avec plus de précautions.
+
+Fichiers
+: Sauvegarder et synchroniser des fichiers
+ Fonctionnalité principale de Nextcloud
+ [Télécharger les clients](https://nextcloud.com/install/#install-clients)
+
+Carnet
+: Prise de notes
+ Peut se syncroniser avec les autres clients Carnet
+ [Télécharger les clients](https://getcarnet.app/)
+
+Mail
+: Webmail
+ Permet d'ajouter n'importe quel compte IMAP/SMTP
+
+Contacts
+: Gestion de contacts
+ Syncronisation CardDAV possible
+
+Agenda
+: Gestion d'agendas
+ Syncronisation CalDAV possible
+
+Nextcloud Notes
+: Prise de notes
+
+Sondage
+: Équivalent Nextcloud à [OpenSondage](= clearnetOrOnion('https://sondage.antopie.org', 'http://antaskuzziqjodxfighsptanvhrwmb7h5nsgjwei2dvvtsuqgjsaxvad.onion') ?>)
+
+Favoris
+: Gestion de marques-pages
+ Peut se syncroniser avec les marques-pages du navigateur Web via [Floccus](https://addons.mozilla.org/firefox/addon/floccus)
+
+Talk
+: Permet de chatter et de faire des appels audio/vidéo
diff --git a/services.php b/services.php
deleted file mode 100644
index e5a63c1..0000000
--- a/services.php
+++ /dev/null
@@ -1,180 +0,0 @@
-
-
-
-
-
-
- 'plume.png',
- 'peertube' => 'peertube.png',
- 'gitea' => 'gitea.png',
- 'libreqr' => 'qr.png',
- 'bitwarden' => 'bitwarden.png',
- 'nextcloud' => 'nextcloud.png',
- 'synapse' => 'matrix.png',
- 'riot' => 'riot.png',
- 'privatebin' => 'privatebin.png',
- 'jirafeau' => 'jirafeau.png',
- 'rssbridge' => 'rssbridge.png',
- 'searx' => 'searx.png',
- 'etherpad' => 'etherpad.png',
- 'diagrams' => 'diagrams.png',
- 'opensondage' => 'opensondage.png',
-);
-
-$urlService = array(
- 'plume' => 'blog',
- 'peertube' => 'video',
- 'gitea' => 'code',
- 'libreqr' => 'qr',
- 'bitwarden' => 'mdp',
- 'nextcloud' => 'nuage',
- 'synapse' => 'matrix',
- 'riot' => 'riot',
- 'privatebin' => 'texte',
- 'jirafeau' => 'up',
- 'rssbridge' => 'rss',
- 'searx' => 'searx',
- 'etherpad' => 'pad',
- 'diagrams' => 'draw',
- 'opensondage' => 'sondage',
-);
-
-$nomService = array(
- 'plume' => 'Plume',
- 'peertube' => 'PeerTube',
- 'gitea' => 'Gitea',
- 'libreqr' => 'LibreQR',
- 'bitwarden' => 'Bitwarden',
- 'nextcloud' => 'Nextcloud',
- 'synapse' => 'Synapse',
- 'riot' => 'Riot',
- 'privatebin' => 'PrivateBin',
- 'jirafeau' => 'Jirafeau',
- 'rssbridge' => 'RSS Bridge',
- 'searx' => 'Searx',
- 'etherpad' => 'Etherpad',
- 'diagrams' => 'Diagrammes',
- 'opensondage' => 'OpenSondage',
-);
-
-$infoThemeService = array(
- 'plume' => 'Thème sombre & rouge',
- 'peertube' => 'Thème rouge',
- 'gitea' => 'Thème sombre',
- 'libreqr' => 'Thème sombre',
- 'bitwarden' => NULL,
- 'nextcloud' => 'Thème sombre',
- 'synapse' => NULL,
- 'riot' => NULL,
- 'privatebin' => 'Thème sombre',
- 'jirafeau' => 'Thème sombre',
- 'rssbridge' => 'Thème sombre & rouge',
- 'searx' => 'Thème sombre',
- 'etherpad' => NULL,
- 'diagrams' => NULL,
- 'opensondage' => NULL,
-);
-
-$descService = array(
- 'plume' => 'Créez simplement un blog qui sera accessible via le Web, le
Fédiverse et un flux
Atom.',
- 'peertube' => 'Regardez ou publiez des vidéos sur le
Fédiverse en
pair à pair.',
- 'gitea' => '
Forge logicielle simple basée sur
Git.',
- 'libreqr' => "Un générateur de
codes QR fait maison.",
- 'bitwarden' => 'Générez, enregistrez et synchronisez des mots ou phrases de passe fortes.',
- 'nextcloud' => 'Synchronisation de fichiers, de contacts (
CardDAV), d’agenda (
CalDAV),
Carnet , et plein d’autres fonctionnalités grâce à des extensions.',
- 'synapse' => 'Un serveur
Matrix, qui est un protocole internet moderne pour la communication écrite, audio ou vidéo.',
- 'riot' => 'Client Web pour
Matrix.',
- 'privatebin' => 'Partagez des textes, codes sources ou
Markdown rapidement.',
- 'jirafeau' => 'Partagez rapidement n’importe quel fichier avec n’importe qui.',
- 'rssbridge' => 'Exportez les données de centaines de sites aux formats
Atom,
JSON,
HTML, Mrss ou texte.',
- 'searx' => '
Métamoteur anonymé : combine plusieurs moteurs de recherche sur une seule page.',
- 'etherpad' => 'Éditez un texte sur plusieurs appareils en même temps. Utilisable avec
MyPads.',
- 'diagrams' => 'Créez des graphiques pour représenter des idées.',
- 'opensondage' => 'Planifiez un rendez-vous ou prenez des décisions rapidement et simplement.'
-);
-
-$siteOfficielService = array(
- 'plume' => 'joinplu.me',
- 'peertube' => 'joinpeertube.org',
- 'gitea' => 'gitea.io',
- 'libreqr' => NULL,
- 'bitwarden' => 'bitwarden.com',
- 'nextcloud' => 'nextcloud.com/fr_FR',
- 'synapse' => NULL,
- 'riot' => 'about.riot.im',
- 'privatebin' => 'privatebin.info',
- 'jirafeau' => NULL,
- 'rssbridge' => NULL,
- 'searx' => 'asciimoo.github.io/searx',
- 'etherpad' => 'etherpad.org',
- 'diagrams' => 'www.diagrams.net',
- 'opensondage' => NULL,
-);
-
-$gitService = array(
- 'plume' => 'github.com/Plume-org/Plume',
- 'peertube' => 'github.com/Chocobozzz/PeerTube',
- 'gitea' => 'github.com/go-gitea/gitea',
- 'libreqr' => 'code.antopie.org/miraty/libreqr',
- 'bitwarden' => 'github.com/dani-garcia/bitwarden_rs',
- 'nextcloud' => 'github.com/nextcloud/server',
- 'synapse' => 'github.com/matrix-org/synapse',
- 'riot' => 'github.com/vector-im/riot-web',
- 'privatebin' => 'github.com/PrivateBin/PrivateBin',
- 'jirafeau' => 'gitlab.com/mojo42/Jirafeau',
- 'rssbridge' => 'github.com/rss-bridge/rss-bridge',
- 'searx' => 'github.com/asciimoo/searx',
- 'etherpad' => 'github.com/ether/etherpad-lite',
- 'diagrams' => 'github.com/jgraph/drawio',
- 'opensondage' => 'framagit.org/framasoft/framadate/framadate'
-);
-
-$paquetYnhService = array(
- 'plume' => 'github.com/YunoHost-Apps/plume_ynh',
- 'peertube' => 'github.com/YunoHost-Apps/peertube_ynh',
- 'gitea' => 'github.com/YunoHost-Apps/gitea_ynh',
- 'libreqr' => 'code.antopie.org/miraty/qr_ynh',
- 'bitwarden' => 'github.com/YunoHost-Apps/bitwarden_ynh',
- 'nextcloud' => 'github.com/YunoHost-Apps/nextcloud_ynh',
- 'synapse' => 'github.com/YunoHost-Apps/synapse_ynh',
- 'riot' => 'github.com/YunoHost-Apps/riot_ynh',
- 'privatebin' => 'github.com/YunoHost-Apps/zerobin_ynh',
- 'jirafeau' => 'github.com/YunoHost-Apps/jirafeau_ynh',
- 'rssbridge' => 'github.com/YunoHost-Apps/rss-bridge_ynh',
- 'searx' => 'github.com/YunoHost-Apps/searx_ynh',
- 'etherpad' => 'github.com/YunoHost-Apps/etherpad_mypads_ynh',
- 'diagrams' => 'github.com/YunoHost-Apps/diagramsnet_ynh',
- 'opensondage' => 'github.com/YunoHost-Apps/opensondage_ynh',
-);
-
- foreach($descService as $codeService => $descService) { ?>
-
-
-
= $descService ?>
-
· = $infoThemeService[$codeService] ?> ·
-
-
-
-
-
-
-
-
-
-
-
diff --git a/style.less b/style.less
index e6154b9..1be214d 100755
--- a/style.less
+++ b/style.less
@@ -1,14 +1,12 @@
@fond: #2a2a2a;
@fondSecondaire: #222222;
@fondOptionHover: lighten(@fond, 10%);
-@texteSecondaire: #aaaaaa;
@texte: white;
-@couleurL: white;
+@couleurLien: white;
@couleurPrincipale: red;
-
-.texte-secondaire {
- color: @texteSecondaire;
-}
+@border: #5f5f5f;
+@borderHover: #808080;
+@borderFocus: white;
::selection {
color: @fond;
@@ -33,23 +31,35 @@
}
+.petit-bouton {
+ border: 2px solid grey;
+ padding: 2px;
+ padding-left: 10px;
+ padding-right: 10px;
+ margin: 5px;
+ font-size: 80%;
+ display: inline-block;
+ border-radius: 14px;
+ color: @texte;
+ text-decoration: none;
+
+ &:hover {
+ color: @couleurPrincipale;
+ border: 2px solid @couleurPrincipale;
+ }
+
+}
+
html {
font-size: 20px;
scrollbar-color: @texte @fond;
scrollbar-width: auto;
}
-@media all and (max-width: 640px) {
-
- html {
- font-size: 13px;
- }
-
-}
a, a:visited {
text-decoration: underline;
- color: @couleurL;
+ color: @couleurLien;
transition: all 0.1s linear;
&:hover {
@@ -63,17 +73,18 @@ a, a:visited {
margin-bottom: 10px;
}
-#img404 {
- padding-top: 10px;
- padding-bottom: 30px;
- width: 30%;
- @media (max-width: 1300px) {
- width: 766px;
- }
+img {
+ height: auto;
+ max-width: 100%;
}
-#page404 {
- text-align: center;
+.imgArticle {
+ border: 1px white solid;
+ border-radius: 5px;
+ display: block;
+ margin: auto;
+ margin-top: 20px;
+ margin-bottom: 20px;
}
del {
@@ -92,7 +103,7 @@ body {
font-family: "Ubuntu", sans-serif;
padding: 0px;
margin: 0px;
- background-color: @fond;
+ background-color: @fondSecondaire;
color: @texte;
font-size: 25px;
line-height: 35px;
@@ -102,11 +113,30 @@ address {
font-style: normal;
}
+ul {
+ padding-left: 35px;
+ margin: 0px;
+}
+
+dt {
+ font-weight: 500;
+}
+
+dd {
+ margin-left: 25px;
+ padding-bottom: 10px;
+}
+
+p {
+ margin: 0px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
.grille-services {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;
- padding-top: 30px;
@media (max-width: 1500px) {
grid-template-columns: 1fr 1fr 1fr;
@@ -128,28 +158,6 @@ address {
justify-content: center;
}
-.lienService, .lienService:visited {
- padding: 20px;
- border: 2px @fond solid;
- border-radius: 16px;
- transition: border 0.2s linear;
- color: @texte;
- text-decoration: none;
- display: block;
- padding-bottom: 10px;
- margin-bottom: 10px;
- max-width: 210px;
- &:hover {
- border: 2px white solid;
- color: @texte;
- }
-}
-
-.themeService {
- text-align: center;
- font-size: 0.8em;
-}
-
.titreService {
font-size: 1.3em;
text-align: center;
@@ -164,7 +172,8 @@ address {
.metaService {
text-decoration: none;
- font-size: 26px;
+ font-size: 28px;
+ margin-top: 6px;
}
.metasService {
@@ -191,11 +200,15 @@ address {
}
main {
+ background-color: @fond;
margin: 0px;
- margin-top: 30px;
- margin-left: 30px;
- margin-bottom: 50px;
- margin-right: 30px;
+ padding: 30px;
+ padding-top: 15px;
+
+ @media (max-width: 500px) {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
}
.centre {
@@ -203,7 +216,6 @@ main {
justify-content: center;
}
-
article {
margin-left: 20%;
margin-right: 20%;
@@ -234,11 +246,9 @@ article {
// FOOTER
.textefooter {
- margin: 10px;
+ margin: 30px;
line-height: 1.5em;
- width: 60%;
- padding-left: 20px;
- padding-right: 20px;
+ text-align: center;
}
.interlude {
@@ -252,23 +262,11 @@ article {
.traitinterlude {
border-top: 2px gray dashed;
- width: 650px;
-}
-
-.basfooter {
- display: flex;
- justify-content: space-around;
- margin-top: 30px;
- margin-bottom: 20px;
-}
-
-.corps {
- text-align: center;
+ width: 250px;
}
footer {
text-align: center;
- background-color: @fondSecondaire;
display: flex;
flex-direction: column;
}
@@ -279,21 +277,6 @@ footer {
text-align: center;
}
-.ant {
- background-color: @fondSecondaire;
- background-image: url(img/antpetitgris.png);
- background-repeat: no-repeat;
- background-position: center top;
- display: inline-block;
- text-decoration: none;
- min-width: 264px;
- min-height: 80px;
-}
-
-.ant:hover {
- background-image: url(img/antpetit.png);
-}
-
.liensfooter {
display: flex;
flex-direction: row;
@@ -332,7 +315,6 @@ footer {
header {
display: flex;
justify-content: center;
- background-color: @fondSecondaire;
}
@@ -360,47 +342,35 @@ h1, h2, h3, h4, h5, h6 {
h1 {
font-size: 250%;
text-align: center;
+ margin: 0px;
+ padding-bottom: 20px;
+ padding-top: 15px;
}
h2 {
- font-size: 170%;
+ font-size: 200%;
+ margin-top: 50px;
+ margin-bottom: 20px;
}
h3 {
font-size: 160%;
+ margin-top: 30px;
+ margin-bottom: 10px;
}
h4 {
- font-size: 140%;
+ font-size: 130%;
+ margin-top: 0px;
+ margin-bottom: 0px;
}
h5 {
- font-size: 125%;
+ font-size: 115%;
}
h6 {
- font-size: 110%;
-}
-
-#LRI {
- color: pink !important;
- aime: "les pizza ananas-champignons";
- width: 200px;
- position: absolute;
- top: 10px;
- left: 10px;
- @media (max-width: 1300px) {
- width: 60px;
- position: absolute;
- top: 2px;
- left: 2px;
- }
- @media (max-width: 1000px) {
- width: 32px;
- position: absolute;
- top: 2px;
- left: 2px;
- }
+ font-size: 107%;
}
.gomeza {
@@ -411,35 +381,59 @@ h6 {
z-index: 100;
}
+// --- Formulaire ---
+/*
+input, textarea {
+ border: 2px @border solid;
+ border-radius: 10px;
+ font-size: 20px;
+ font-weight: normal;
+ color: @texte;
+ transition: border 0.1s linear;
+ background-color: @fondSecondaire;
+ margin-top: 8px;
+ font-family: "Ubuntu", sans-serif;
+ padding: 10px;
+ margin: 10px;
+
+ &:hover {
+ border: 2px @borderHover solid;
+ }
+
+ &:focus {
+ border: 2px @borderFocus solid;
+ outline: none;
+ }
+}
+
+input[type="text"] {
+ width: 100px;
+}
+
+textarea {
+ background-color: @fondSecondaire;
+ color: @texte;
+ scrollbar-color: @texte @fond;
+ scrollbar-width: auto;
+ width: 90%;
+}
+
+textarea::placeholder {
+ color: @texteSecondaire;
+ opacity: 1;
+ font-family: "Ubuntu", sans-serif;
+ font-weight: normal;
+ font-size: 1em;
+}
+*/
@media (max-width: 800px) {
.basfooter {
flex-direction: column;
}
- .textefooter {
- width: auto;
- margin: 4%;
- margin-bottom: 0px;
- }
-
.logofooter {
padding: 0px;
}
- .traitinterlude {
- width: 80%;
- }
-}
-
-@media (max-width: 500px) {
- .textefooter {
- padding-left: 8%;
- padding-right: 8%;
- margin: 0px;
- }
-
- .liensfooter {
- flex-direction: column;
- }
}