Black background in dark theme

config.ini

@@ -1,9 +1,6 @@
 ; Used in <title> and <header>
 siteTitle = "Antopie"
 
-; Whether to use dark and white or black and white
-trueBlack = false
-
 ; Whether to advertise of the CSS files in the HTML document or not
 css = true
 

end.inc.html

@@ -1,4 +1,4 @@
-<footer class="antopie">
+<footer>
   <div class="interlude">
     <hr>
   </div>

src/cgu.md

@@ -2,15 +2,15 @@
 
 ## Préambule
 
-<span class="red">Antopie</span> est un ensemble de services Internet créé en France par une seule personne y résidant. L'utilisation de ces services oblige la pleine acceptation des présentes conditions.
+<span class="antopie">Antopie</span> est un ensemble de services Internet créé en France par une seule personne y résidant. L'utilisation de ces services oblige la pleine acceptation des présentes conditions.
 
 * Celles-ci peuvent être mises à jour et modifiées à tout moment.
 * Seule leur dernière version est applicable.
 
 ## Conditions
 
-* <span >Antopie</span> est soumise à toutes les restrictions et obligations de la loi française. Cela prévaut partout.
-* <span class="red">Antopie</span> se dégage de toutes responsabilités. Les services peuvent être à tout moment modifiés ou interrompus, temporairement ou définitivement, avec ou sans préavis.
-* L'utilisation d'<span class="red">Antopie</span> pour une communication publique est régie par <a href="<?php formerUrlLocale('manifeste-sur-le-contenu'); ?>">le manifeste sur le contenu d'<span class="red">Antopie</span></a>.
-* <span class="red">Antopie</span> est ouverte à toute conscience à priori.
-* Vous pouvez contacter l'administrataire d'<span class="red">Antopie</span> par courriel : [miraty+legal@antopie.org](mailto:miraty+legal@antopie.org).
+* <span class="antopie">Antopie</span> est soumise à toutes les restrictions et obligations de la loi française. Cela prévaut partout.
+* <span class="antopie">Antopie</span> se dégage de toutes responsabilités. Les services peuvent être à tout moment modifiés ou interrompus, temporairement ou définitivement, avec ou sans préavis.
+* L'utilisation d'<span class="antopie">Antopie</span> pour une communication publique est régie par <a href="<?php formerUrlLocale('manifeste-sur-le-contenu'); ?>">le manifeste sur le contenu d'<span class="antopie">Antopie</span></a>.
+* <span class="antopie">Antopie</span> est ouverte à toute conscience à priori.
+* Vous pouvez contacter l'administrataire d'<span class="antopie">Antopie</span> par courriel : [miraty+legal@antopie.org](mailto:miraty+legal@antopie.org).

src/index.md

@@ -74,22 +74,22 @@ $urlService = array(
 );
 
 $domService = array(
-'plume' => clearnetOrOnion('<code>blog.antopie.org</code>', '<em>antblog</em>n2vnc4hncjiow4jn7yidxe64l2o2qhj2tyla33jjhrrf5v2ad.onion'),
+'plume' => '<code>' . clearnetOrOnion('blog.antopie.org', '<em>antblog</em>n2vnc4hncjiow4jn7yidxe64l2o2qhj2tyla33jjhrrf5v2ad.onion') . '</code>',
 'peertube' => '<code>video.antopie.org</code>',
-'gitea' => clearnetOrOnion('<code>code.antopie.org</code>', '<em>antcode</em>5h4tntfei362x7eydifyxdjskjisv5pezk2othlh7oho2zhyd.onion'),
-'libreqr' => clearnetOrOnion('<code>qr.antopie.org</code>', '<em>libreqr</em>h5gsyzaaexx4vwyp6k2sd5keg5svyj2gpbkhg7zzyjvswiiyd.onion'),
-'vaultwarden' => clearnetOrOnion('<code>mdp.antopie.org</code>', '<em>antmdp</em>izuaquzfz5kzv3tz3k2funlcgma5gxtujxs5sl6z7wyk76x3qd.onion'),
+'gitea' => '<code>' . clearnetOrOnion('code.antopie.org', '<em>antcode</em>5h4tntfei362x7eydifyxdjskjisv5pezk2othlh7oho2zhyd.onion') . '</code>',
+'libreqr' => '<code>' . clearnetOrOnion('qr.antopie.org', '<em>libreqr</em>h5gsyzaaexx4vwyp6k2sd5keg5svyj2gpbkhg7zzyjvswiiyd.onion') . '</code>',
+'vaultwarden' => '<code>' . clearnetOrOnion('mdp.antopie.org', '<em>antmdp</em>izuaquzfz5kzv3tz3k2funlcgma5gxtujxs5sl6z7wyk76x3qd&shy;.onion') . '</code>',
 'nextcloud' => '<code>nuage.antopie.org</code>',
 'synapse' => '<code>matrix.antopie.org</code>',
 'element' => '<code>riot.antopie.org</code>',
-'privatebin' => clearnetOrOnion('<code>texte.antopie.org</code>', '<em>anttxt</em>2u75lbrpl23szr6qtgzx5kkcz7larjmg24udwypceuslzel5qd.onion'),
-'jirafeau' => clearnetOrOnion('<code>up.antopie.org</code>', '<em>antuplo4</em>vcln7ftoatr5iualwb3py7ccii6t32gemzannhu4blj2xqid.onion'),
-'rssbridge' => clearnetOrOnion('<code>rss.antopie.org</code>', '<em>antrss</em>v5553pjemejxyszija6ceii4soc5ozk6pdj7y3vauzioavdkid.onion'),
-'searx' => clearnetOrOnion('<code>searx.antopie.org</code>', '<em>antsrx</em>huvxylfgvu6c33m6gzlp3dsrxfnil7z3ppfya2vqvs4hkuy7qd.onion'),
+'privatebin' => '<code>' . clearnetOrOnion('texte.antopie.org', '<em>anttxt</em>2u75lbrpl23szr6qtgzx5kkcz7larjmg24udwypceuslzel5qd.onion') . '</code>',
+'jirafeau' => '<code>' . clearnetOrOnion('up.antopie.org', '<em>antuplo4</em>vcln7ftoatr5iualwb3py7ccii6t32gemzannhu4blj2xqid.onion') . '</code>',
+'rssbridge' => '<code>' . clearnetOrOnion('rss.antopie.org', '<em>antrss</em>v5553pjemejxyszija6ceii4soc5ozk6pdj7y3vauzioavdkid.onion') . '</code>',
+'searx' => '<code>' . clearnetOrOnion('searx.antopie.org', '<em>antsrx</em>huvxylfgvu6c33m6gzlp3dsrxfnil7z3ppfya2vqvs4hkuy7qd.onion') . '</code>',
 'etherpad' => '<code>pad.antopie.org</code>',
 'diagrams' => '<code>draw.antopie.org</code>',
-'opensondage' => clearnetOrOnion('<code>sondage.antopie.org</code>', '<em>antask</em>uzziqjodxfighsptanvhrwmb7h5nsgjwei2dvvtsuqgjsaxvad.onion'),
-'iprefua' => clearnetOrOnion('<code>ip.antopie.org</code>', '<em>antipr3</em>53qn3siq2ttnlk43fye4uhd5lc4cxubv5umfglzxqy37cmmyd.onion'),
+'opensondage' => '<code>' . clearnetOrOnion('sondage.antopie.org', '<em>antask</em>uzziqjodxfighsptanvhrwmb7h5nsgjwei2dvvtsuqgjsaxvad.onion') . '</code>',
+'iprefua' => '<code>' . clearnetOrOnion('ip.antopie.org', '<em>antipr3</em>53qn3siq2ttnlk43fye4uhd5lc4cxubv5umfglzxqy37cmmyd.onion') . '</code>',
 );
 
 $nomService = array(
@@ -112,21 +112,21 @@ $nomService = array(
 );
 
 $descService = array(
-'plume' => 'Créez simplement un blog qui sera accessible via le Web, le <a href="https://fr.wikipedia.org/wiki/Fediverse">Fédiverse</a> et un flux <a href="https://fr.wikipedia.org/wiki/Atom_Syndication_Format">Atom</a>.',
-'peertube' => 'Regardez ou publiez des vidéos sur le <a href="https://fr.wikipedia.org/wiki/Fediverse">Fédiverse</a>.',
+'plume' => 'Lire et créer des blogs accessibles par le Web, le <a href="https://fr.wikipedia.org/wiki/Fediverse">Fédiverse</a> et un flux <a href="https://fr.wikipedia.org/wiki/Atom_Syndication_Format">Atom</a>.',
+'peertube' => 'Regarder et publier des vidéos sur le <a href="https://fr.wikipedia.org/wiki/Fediverse">Fédiverse</a>.',
 'gitea' => '<a href="https://fr.wikipedia.org/wiki/Forge_(informatique)">Forge logicielle</a> simple basée sur <a href="https://fr.wikipedia.org/wiki/Git">Git</a>.',
 'libreqr' => 'Un générateur de <a href="https://fr.wikipedia.org/wiki/Code_QR">codes QR</a> fait maison.',
-'vaultwarden' => 'Générez, enregistrez et synchronisez des mots ou phrases de passe fortes.',
+'vaultwarden' => 'Générer, enregistrer et synchroniser des mots ou phrases de passe fortes.',
 'nextcloud' => 'Synchronisation de fichiers, de contacts (<a href="https://fr.wikipedia.org/wiki/CardDAV">CardDAV</a>), d’agenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), <a href="https://getcarnet.app/">Carnet</a> , et plein d’autres fonctionnalités grâce à des extensions.',
 'synapse' => 'Un serveur <a href="https://fr.wikipedia.org/wiki/Matrix_(protocole)">Matrix</a>, qui est un protocole internet moderne pour la communication écrite, audio ou vidéo.',
 'element' => 'Client Web pour <a href="https://fr.wikipedia.org/wiki/Matrix_(protocole)">Matrix</a>.',
-'privatebin' => 'Partagez des textes, codes sources ou <a href="https://fr.wikipedia.org/wiki/Markdown">Markdown</a> rapidement.',
-'jirafeau' => 'Partagez rapidement n’importe quel fichier avec n’importe qui.',
-'rssbridge' => 'Exportez les données de centaines de sites aux formats <a href="https://fr.wikipedia.org/wiki/Atom_Syndication_Format">Atom</a>, <a href="https://fr.wikipedia.org/wiki/JavaScript_Object_Notation">JSON</a>, <a href="https://fr.wikipedia.org/wiki/Hypertext_Markup_Language">HTML</a>, Mrss ou texte.',
+'privatebin' => 'Partager des textes, codes sources ou <a href="https://fr.wikipedia.org/wiki/Markdown">Markdown</a> rapidement.',
+'jirafeau' => 'Rendre un fichier accessible par une URL Web.',
+'rssbridge' => 'Exporter les données de centaines de sites aux formats <a href="https://fr.wikipedia.org/wiki/Atom_Syndication_Format">Atom</a>, <a href="https://fr.wikipedia.org/wiki/JavaScript_Object_Notation">JSON</a>, <a href="https://fr.wikipedia.org/wiki/Hypertext_Markup_Language">HTML</a>, Mrss ou texte.',
 'searx' => '<a href="https://fr.wikipedia.org/wiki/M%C3%A9tamoteur">Métamoteur</a> anonymé : combine plusieurs moteurs de recherche sur une seule page.',
-'etherpad' => 'Éditez un texte sur plusieurs appareils en même temps. Utilisable avec <a href="https://pad.antopie.org/mypads/">MyPads</a>.',
-'diagrams' => 'Créez des diagrammes.',
-'opensondage' => 'Planifiez un rendez-vous ou prenez des décisions.',
+'etherpad' => 'Éditer un texte sur plusieurs appareils en même temps. Utilisable avec <a href="https://pad.antopie.org/mypads/">MyPads</a>.',
+'diagrams' => 'Créer des diagrammes.',
+'opensondage' => 'Planifier un rendez-vous et prendre des décisions.',
 'iprefua' => 'Afficher adresse IP, agent utilisateur, référent HTTP et langues demandées.',
 );
 

style.less

@@ -25,6 +25,14 @@
 
 }
 
+// Add a white shadow to dark images to get enought contrast with dark theme
+img[src="img/logos/searx.webp"], img[src="img/logos/peertube.webp"] {
+  filter: drop-shadow(1px 1px 0 white)
+          drop-shadow(-1px -1px 0 white)
+          drop-shadow(-1px 1px 0 white)
+          drop-shadow(1px -1px 0 white);
+}
+
 .action::before {
   content: "➡ ";
 }
@@ -40,6 +48,7 @@
 
 .domService {
 	font-size: 0.8em;
+	line-height: 24px;
 }
 
 .domService code, .domService em {
@@ -48,17 +57,6 @@
 
 .domService, .domService code {
 	overflow-wrap: anywhere;
-	@media @light {
-    color: @darkerColor;
-  }
-  @media @dark {
-    color: @lightlessColor;
-  }
-}
-
-footer.antopie {
-	display: flex;
-	flex-direction: column;
 }
 
 .interlude {
@@ -89,7 +87,7 @@ footer.antopie {
 	padding: 10px;
 }
 
-small.row a {
+small {
 	font-size: 0.8em;
 }
 
@@ -101,6 +99,12 @@ h1.titreService {
 	padding-top: 0px;
 }
 
-.red {
-	color: red;
+.antopie {
+	font-weight: 500;
+	@media @light {
+    color: red;
+  }
+  @media @dark {
+    color: #ff1e00;
+  }
 }