From 014b0a44824aa25faaf9b9a0cd734355104fdf47 Mon Sep 17 00:00:00 2001 From: Miraty Date: Wed, 8 Dec 2021 20:17:00 +0100 Subject: [PATCH] Black background in dark theme --- config.ini | 3 --- end.inc.html | 2 +- img/logos/libreqr.png | Bin 354 -> 178 bytes img/logos/libreqr.webp | Bin 152 -> 330 bytes src/cgu.md | 12 ++++++------ src/index.md | 38 +++++++++++++++++++------------------- style.less | 32 ++++++++++++++++++-------------- 7 files changed, 44 insertions(+), 43 deletions(-) diff --git a/config.ini b/config.ini index fbbc2ed..ad79088 100644 --- a/config.ini +++ b/config.ini @@ -1,9 +1,6 @@ ; Used in 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 diff --git a/end.inc.html b/end.inc.html index 591ea02..539ef62 100644 --- a/end.inc.html +++ b/end.inc.html @@ -1,4 +1,4 @@ -<footer class="antopie"> +<footer> <div class="interlude"> <hr> </div> diff --git a/img/logos/libreqr.png b/img/logos/libreqr.png index d86b54a16bbd75ab6e2d477f151bfe1ae0dfe67e..b3a4d5bb6df321b4ca9c04ef327f135798992f3b 100644 GIT binary patch literal 178 zcmeAS@N?(olHy`uVBq!ia0vp^4Is?O3?zSk_}l@c*aCb)T>t<74`hZOx?BgO(mh=q zLp+Y3y?T)MfC7(m;QResRwp?*iT`-o@L=v572QwiolJXI^UJ98o@Znh?P#5v8OqtZ zJ6WQq^R6_r*Ahb`9t&Bi+Gd66a*`Y&^;1GRnq5}6D8xK;xRL6$+QLI^w|xrBzmM<i Y1(qBxJ@Wk7cA%9Ep00i_>zopr0N;v1rvLx| literal 354 zcmeAS@N?(olHy`uVBq!ia0y~yU;;9k7#Nv>)VXbLJAo8Sx}&cn1H;CC?mvmFKt5w} zkh>GZx^prwfgH8~pAgso|Nm=gX<a!Xx(z7u%hSa%q~g}w+m3vP6?j-2{{4UXB`B10 zqhpreUB2lGDbMy8owJZz#|Tu)z@Q)`arBqSp6{`|U~WUq10gBD>CZMtL-`pCe(Pm} zr5Ie8Luag*B?RI8W6qFQ*jM`y!uxRfKv_rO)d>)u0Oy&;Mck69n?YV-U~o_|P~N@S zXdy(hgLxPCZAUf;XX1gZhJ{V~)ezoB2XT`!Urq?;=7Cq~?Ro_e&Iz_vimmUAz?_Df p1>C}-HPQtvV6FhWO(aCoqXuzRZ}YD{r&t9*0-mmZF6*2UngHZcUt$0N diff --git a/img/logos/libreqr.webp b/img/logos/libreqr.webp index b8e4c8243de608df38a26e3532e59ee89f3f34cd..4711fed352783c367e5319235c25b19e7f020f72 100644 GIT binary patch literal 330 zcmV-Q0k!^8Nk&FO0RRA3MM6+kP&gnq0RR9n7XY0BDu4ih06vj4k4L4Vp&<}Juo4Mr z1h58Z2jB*P2jB<j2k-!W&-4TM2jB<jU+}-*-v0nS5DNNEUGI&^GY8qa7S_mzX$*7k z%+|1lshxW#nVX^?1%}>LcO2vZV^7$1I(ul+Nj_MVe6H$GN99kgL`l!iftnvZuk7jd zs-*GCUB_W$ADzu+Mdu4s$kM*$k~Zi92#6qmS5oHRi~{E7`EgqVIAo!<RcJt`;7X8d z)8KrT&6y34sAt3_008sPfoVPaIiK;`Siaxdo<HZuEndLNK0aCSg{$$zDgHZm$E4?u zZ01cV8?&H~kF|LK{~XNyhP`<9KjZNCn3*)?`00lq|M$GRJv}#V#*xE+|GnhTkG1&l czZ`7*aslz}2gllcaVdX6<lZ`;<Iey906adWg8%>k literal 152 zcmV;J0B8SFNk&GH00012MM6+kP&iD30000l|G|F%5Ac=$ul#@IfBxeEjN7&ir2Uun z!?4pEz=w$bPk?>_@-zV$Pq&=v1fXcDHyyxt0J|<Hr?$N3-X=-1`;Pk_K$1*x%Mp!p z=K$94H#b*pt~vp1IX6!|wY}YKJWoVLfIX+W15i!ebO7Dm+<ebvlcY|OdduDI4xqT@ Gwm$&fOh~u@ diff --git a/src/cgu.md b/src/cgu.md index 242c02d..8fe8db9 100755 --- a/src/cgu.md +++ b/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). diff --git a/src/index.md b/src/index.md index e1ee1f3..2279fe3 100755 --- a/src/index.md +++ b/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­.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.', ); diff --git a/style.less b/style.less index 593dbb6..c95ecca 100644 --- a/style.less +++ b/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; + } }