Black background in dark theme

This commit is contained in:
Miraty 2021-12-08 20:17:00 +01:00
parent a53404dafc
commit 014b0a4482
7 changed files with 44 additions and 43 deletions

View File

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

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 354 B

After

Width:  |  Height:  |  Size: 178 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 152 B

After

Width:  |  Height:  |  Size: 330 B

View File

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

View File

@ -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>), dagenda (<a href="https://fr.wikipedia.org/wiki/CalDAV">CalDAV</a>), <a href="https://getcarnet.app/">Carnet</a> , et plein dautres 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 nimporte quel fichier avec nimporte 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.',
);

View File

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