Amélioration de l'accessibilité + Ajout éléments pour navigation textuelle

This commit is contained in:
Vincent Finance 2021-04-17 01:58:04 +02:00
parent b55eb243a3
commit e5524e97da
129 changed files with 944 additions and 712 deletions

View File

@ -1 +1,26 @@
Site web officiel de la plateforme Automario
# Site web officiel de la plateforme Automario
## Description
Site principal de la plateforme Automario. Il contient les liens vers les différents services de la plateforme, une page de description et des formulaires PHP pour envoyer un mail à l'administrateur et gérer un système automatique pour afficher le mot de passe de l'utilisateur à l'aide d'un lien unique et aléatoire qui disparaît après ouverture.
## Construction
### Dépendances pour construire le site
* Ruby avec support des *gems*
* Nanoc + ADSF (pour le rendu)
* Kramdown (support du Markdown)
### Commandes à lancer
* Fedora GNU/Linux :
```sh
$ sudo dnf install ruby ruby-devel
$ sudo gem update
$ sudo gem install nanoc adsf kramdown
```
## Licence du projet
Licence MIT (équivalent d'une BSD-clause 2 ou d'une Creative Commons Attribution (CC-BY))

View File

@ -100,9 +100,9 @@
function show_form()
{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo '<h2 id="inscription">Demander à créer votre compte Bitwarden</h2>';
echo '<h1 id="inscription">Demander à créer votre compte Bitwarden</h1>';
echo '<form id="contact" class="formstyle" method="post" action="'.$GLOBALS['subscribe_page'].'">';
echo '<ul>';
echo '<li>';
@ -123,7 +123,7 @@
echo '</ul>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</main>';
}
/* Inscription demandée, on affiche la réponse */
@ -172,23 +172,23 @@
// Envoi du mail
if (mail($admin_email, 'Demande de nouvelle inscription Bitwarden', $message, $headers)) {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Demande effectuée avec succès</h2>";
echo "<p>Votre demande est bien envoyée, l'admin va s'en occuper.</p>";
echo "<p>Après réception, l'administrateur va vous envoyer une invitation par mail pour créer vos identifiants sur l'instance et vous permettre de vous connecter. Attention, chaque lien d'invitation est unique et se périme automatiquement.<br/>Nous vous invitons à consulter votre dossier Courrier indésirable en cas de non réception ou bien à contacter l'administrateur au besoin.</p>";
echo "<p>Vous pourrez vous enregistrer directement via le lien envoyé.";
echo '</div>';
echo '</div>';
echo '</main>';
} else {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Echec du traitement de votre demande</h2>";
echo "<p>Une erreur est survenue lors de l'envoi du message. Nous n'avons pas pu traiter votre demande d'inscription.</p>";
echo "<p>Nous vous invitons à réessayer plus tard ou à contacter l'administrateur par mail ou IRC si vous n'arrivez toujours pas à nous l'envoyer.</p>";
echo "<p>Nous nous excusons pour la gêne occasionnée.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
};
}
}

View File

@ -2,7 +2,7 @@
title: Bitwarden
---
<div class="formel">
<h2>Stockage de mots de passe Bitwarden</h2>
<h1>Stockage de mots de passe Bitwarden</h1>
<p>Un service de stockage de mots de passe pour stocker vos identifiants et vos mots de passe et pour les synchroniser avec tous vos appareils en quelques clics.</p>
<p>Ce service est proposé sur invitation : vous recevrez un mail de confirmation qui vous permettra de créer un compte.</p>
</div>
@ -22,10 +22,10 @@ title: Bitwarden
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour configurer votre compte ?</h3>
<p><a href="/doc/bitwarden/app/" target="_blank" rel="noopener noreferrer">Aide concernant la configuration de Bitwarden</a></p>
<p><a href="/doc/bitwarden/app/" target="_blank" rel="noreferrer">Aide concernant la configuration de Bitwarden</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://help.bitwarden.com/article/install-on-premise/" target="_blank" rel="noopener noreferrer">Documentation officielle de Bitwarden (en anglais)</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/wiki" target="_blank" rel="noopener noreferrer">Documentation officielle de Bitwarden_rs (alternative utilisée, en anglais)</a></p>
<p><a href="/doc/bitwarden-rs/docker/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation de Bitwarden_rs sous Debian</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/" target="_blank" rel="noopener noreferrer">Code-source de Bitwarden_rs</a></p>
<p><a href="https://help.bitwarden.com/article/install-on-premise/" target="_blank" rel="noreferrer">Documentation officielle de Bitwarden (en anglais)</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/wiki" target="_blank" rel="noreferrer">Documentation officielle de Bitwarden_rs (alternative utilisée, en anglais)</a></p>
<p><a href="/doc/bitwarden-rs/docker/" target="_blank" rel="noreferrer">Tutoriel d'installation de Bitwarden_rs sous Debian</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/" target="_blank" rel="noreferrer">Code-source de Bitwarden_rs</a></p>
</div>

View File

@ -100,9 +100,9 @@
function show_form()
{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo '<h2 id="inscription">Créer votre compte Nextcloud</h2>';
echo '<h1 id="inscription">Créer votre compte Nextcloud</h1>';
echo '<form id="contact" class="formstyle" method="post" action="'.$GLOBALS['subscribe_page'].'">';
echo '<ul>';
echo '<li>';
@ -127,7 +127,7 @@
echo '</ul>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</main>';
}
/* Inscription demandée, on affiche la réponse */
@ -180,23 +180,23 @@
// Envoi du mail
if (mail($admin_email, 'Demande de nouvelle inscription Cloud', $message, $headers)) {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Demande effectuée avec succès</h2>";
echo "<p>Votre demande est bien envoyée, l'admin va s'en occuper.</p>";
echo "<p>Après réception, l'administrateur vous enverra un mail contenant vos identifiants de connexion. Le mot de passe assigné est généré aléatoirement.<br/>Je vous invite à bien sauvegarder ces informations et à changer votre mot de passe rapidement ou à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Attention : selon votre hébergeur, les mails peuvent arriver dans votre boîte de messages indésirables. Je vous invite alors à vérifier cette boîte avant de me contacter pour tout problème de réception de vos identifiants.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
} else {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Echec du traitement de votre demande</h2>";
echo "<p>Une erreur est survenue lors de l'envoi du message. Nous n'avons pas pu traiter votre demande d'inscription.</p>";
echo "<p>Nous vous invitons à réessayer plus tard ou à contacter l'administrateur par mail ou IRC si vous n'arrivez toujours pas à nous l'envoyer.</p>";
echo "<p>Nous nous excusons pour la gêne occasionnée.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
};
}
}
@ -215,7 +215,7 @@
$content = file_get_contents($path);
unlink($path);
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Bienvenue sur automario.eu ☺</h2>";
echo "<p>Vos identifiants sont : </p>";
@ -229,16 +229,16 @@
echo "<p>Vous pouvez modifier votre mot de passe via l'interface de votre espace Nextcloud.<br/>Nous vous invitons à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Pour vous connecter, cliquez sur <a href=https://cloud.automario.eu>ce lien</a>.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}
else{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Votre compte n'est pas (encore) disponible</h2>";
echo "<p>Il semble que votre compte ne soit pas encore prêt, ou bien le lien suivi est erroné ou périmé.</p>";
echo "<p>Dans le premier cas, réessayez plus tard, l'admin traite votre demande.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}

View File

@ -2,7 +2,7 @@
title: Cloud
---
<div class="formel">
<h2>Stockage en ligne</h2>
<h1>Stockage en ligne</h1>
<p>Un service de stockage en ligne pour stocker vos documents et y accéder partout.</p>
<p><strong>Pour l'instant, les inscriptions sont fermées pour assurer la continuité du service, mais elles seront de nouveau ouvertes plus tard.</strong></p>
</div>
@ -23,11 +23,11 @@ title: Cloud
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser votre compte ?</h3>
<p><a href="/doc/cloud/fichiers/" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation du client de synchronisation</a></p>
<p><a href="/doc/cloud/calendriers/" target="_blank" rel="noopener noreferrer">Aide concernant la synchronisation des agendas</a></p>
<p><a href="/doc/cloud/contacts/" target="_blank" rel="noopener noreferrer">Aide concernant la synchronisation des contacts</a></p>
<p><a href="/doc/cloud/fichiers/" target="_blank" rel="noreferrer">Aide concernant l'utilisation du client de synchronisation</a></p>
<p><a href="/doc/cloud/calendriers/" target="_blank" rel="noreferrer">Aide concernant la synchronisation des agendas</a></p>
<p><a href="/doc/cloud/contacts/" target="_blank" rel="noreferrer">Aide concernant la synchronisation des contacts</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://docs.nextcloud.com/server/17/admin_manual/installation/index.html" target="_blank" rel="noopener noreferrer">Documentation officielle de Nextcloud</a></p>
<p><a href="/doc/nextcloud/installation/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation de Nextcloud pour Debian 10</a></p>
<p><a href="https://github.com/nextcloud/server" target="_blank" rel="noopener noreferrer">Code-source de Nextcloud Server</a></p>
<p><a href="https://docs.nextcloud.com/server/17/admin_manual/installation/index.html" target="_blank" rel="noreferrer">Documentation officielle de Nextcloud</a></p>
<p><a href="/doc/nextcloud/installation/" target="_blank" rel="noreferrer">Tutoriel d'installation de Nextcloud pour Debian 10</a></p>
<p><a href="https://github.com/nextcloud/server" target="_blank" rel="noreferrer">Code-source de Nextcloud Server</a></p>
</div>

View File

@ -2,7 +2,7 @@
title: Nous contacter
---
<div class="formel">
<h2>Nous contacter</h2>
<h1>Nous contacter</h1>
<p>Pour toute demande, vous pouvez me joindre directement par l'intermédiaire des moyens suivants :</p>
<ul>
<li>Par mail : <a href="mailto:linuxmario+automario@linuxmario.net">linuxmario+automario@linuxmario.net</a> ou <a href="mailto:vincentfinance@3hg.fr">vincentfinance@3hg.fr</a></li>
@ -22,4 +22,4 @@ title: Nous contacter
<h2>Droit à l'oubli et demande de suppression</h2>
<p>Tout utilisateur peut faire exercer son droit à l'oubli et demander la suppression de son compte sur la plateforme, ainsi que toutes les données qui sont stockées sur celle-ci : il suffit simplement de me le demander par mail.</p>
<p>Je m'engage alors à supprimer toute trace de l'utilisateur sur la plateforme et à lui envoyer un mail de confirmation si une adresse de secours valide a été fournie. J'invite cependant à bien sauvegarder vos données avant de demander la suppression, car aucune copie ne pourra être fournie après.</p>
</div>
</div>

View File

@ -1,5 +1,5 @@
@charset "UTF-8";
/* Polices textuelles */
/* Import des polices textuelles */
@font-face {
font-family: 'roboto_slabregular';
src: url('/fonts/RobotoSlab-Regular.woff') format('woff');
@ -12,14 +12,14 @@
font-weight: bold;
font-style: bold;
}
/* Polices utilisées */
/* Polices utilisées pour le texte normal et les titres */
* {
font-family: 'roboto_slabregular', serif;
}
h1,h2,h3,h4 {
font-family: "roboto_slabbold", serif;
}
/* Réglages du corps de page */
/* Réglages de la page */
body {
text-align: center;
font-size: medium;
@ -33,29 +33,37 @@ body {
a {
text-decoration: underline dotted;
}
.service a {
text-decoration: none;
}
a:link,
a:visited {
color: #dbdce4;
color: #ebfffc;
}
a:hover {
color: #9ee883;
}
/* Focus pour la navigation au clavier */
a:focus {
outline: 3px solid white;
outline-offset: 4px;
}
.service a {
text-decoration: none;
}
/* Réglages pour le corps de page */
header, footer {
background: #3e748f;
}
#main {
main {
display: block;
margin: auto;
background: rgba(20, 85, 118, 0.78);
}
.formel {
text-align: left;
margin: 0 15%;
padding: 0.5% 5%;
font-size: 1.25em;
}
/* Réglages pour les blocs du menu de navigation */
.service {
padding: 15px;
margin: 10px 10px;
@ -72,16 +80,16 @@ header, footer {
.boutoff {
background: none;
}
.formel {
text-align: justify;
margin: 0 15%;
padding: 0.5% 5%;
font-size: 1.25em;
/* Réglage pour cacher du texte utilisé uniquement par les navigateurs textes dans Firefox et consorts */
.textmode {
display: none;
}
/* Réglages pour les images */
img {
margin: 0 auto;
display: block;
}
svg {
margin: 10% 30%;
}
/* Réglages pour les listes */
ul {
@ -92,38 +100,20 @@ ul {
footer {
padding: 20px 0;
font-weight: bold;
margin: auto 0;
}
footer p {
margin: 0;
}
/* Réglages permettant d'améliorer l'expérience mobile */
/* Amélioration de l'expérience mobile */
@media (max-width: 1060px) {
body {
font-size: small;
}
.un, .deux {
.formel {
font-size: medium;
}
}
/* Ligature Symbols */
@font-face {
font-family: 'LigatureSymbols';
src: url('/fonts/LigatureSymbols-2.11.eot');
src: url('/fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
url('/fonts/LigatureSymbols-2.11.woff') format('woff'),
url('/fonts/LigatureSymbols-2.11.ttf') format('truetype'),
url('/fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
src: url('/fonts/LigatureSymbols-2.11.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.lsf, .lsf-icon:before {
font-family: 'LigatureSymbols';
text-rendering: optimizeLegibility;
}
.lsf, .lsf-icon:before {
content:attr(title);
font-size:500%;
/* Désactivation du masquage des éléments pour les navigateurs textes (si prise en charge du CSS) */
@media (grid) and (monochrome) {
.textmode {
display: inherit;
}
}

View File

@ -33,5 +33,5 @@ logo: /pictures/logo.png
</div>
<div class="formel">
<h3>Infos concernant la réalisation de ce document</h3>
<p>Ce document a été réalisé avec l'avis de membres du collectif <a title="Lien vers le collectif CHATONS" target="_blank" rel="noopener noreferrer" href="https://chatons.org/">CHATONS</a> et de leur analyse. Il a été inspiré en grande partie par les documents publiés par les hébergeurs <a title="Lien vers INFINI" target="_blank" rel="noopener noreferrer" href="https://www.infini.fr/">INFINI</a> et <a title="Lien vers 3HG" target="_blank" rel="noopener noreferrer" href="https://3hg.fr/CHATONS/">3HG</a> et publié selon la même licence libre que ces deux documents.</p>
</div>
<p>Ce document a été réalisé avec l'avis de membres du collectif <a title="Lien vers le collectif CHATONS" target="_blank" rel="noreferrer" href="https://chatons.org/">CHATONS</a> et de leur analyse. Il a été inspiré en grande partie par les documents publiés par les hébergeurs <a title="Lien vers INFINI" target="_blank" rel="noreferrer" href="https://www.infini.fr/">INFINI</a> et <a title="Lien vers 3HG" target="_blank" rel="noreferrer" href="https://3hg.fr/CHATONS/">3HG</a> et publié selon la même licence libre que ces deux documents.</p>
</div>

View File

@ -3,7 +3,7 @@ title: Dépenses et recettes
logo: /pictures/logo.png
---
<div class="formel">
<h2>Détails concernant le financement de la plateforme</h2>
<h1>Détails concernant le financement de la plateforme</h1>
<p>À des fins de transparence, nous avons fait le choix de vous présenter la situation financière globale derrière AutoMario.</p>
<p>Il est à noter que ce projet de plateforme d'hébergement ne possède pas de compte bancaire dédié et est, pour l'instant, financé entièrement par mes propres fonds. Les prix des services sont basés sur le système de donations à prix libre : vous donnez ce que vous voulez et quand vous voulez.<br/>Il est également important de noter que ce projet <em>ne vise pas</em> un but lucratif, mais que l'expérience acquise pour maintenir les services en fonctionnement peut servir dans d'autres projets qui peuvent avoir ce but.</p>
<p>Il est possible de donner via deux plateformes : Liberapay (pratique si vous souhaitez faire des dons récurrents) et PayPal (pratique si vous souhaitez donner une fois).</p>
@ -28,4 +28,4 @@ logo: /pictures/logo.png
<li>Donations via PayPal : 0€ par an</li>
</ul>
<h3>Total des recettes : 12€ par an en moyenne</h3>
</div>
</div>

View File

@ -1,11 +1,12 @@
---
title: Nos engagements
title: Mes engagements
logo: /pictures/logo.png
---
<div class="formel">
<h1>Mes engagements</h1>
<h2>Être transparent et décentralisé</h2>
<p>Cette plateforme existe en partie grâce au mouvement de décentralisation initié par l'association Framasoft et le projet du Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires (CHATONS). Je souhaite fournir une alternative aux services proposés par les géants du Web comme Google ou Microsoft et montrer une autre voie vers un Internet plus propre et neutre.<br/>En faisant partie de ce collectif, je m'engage à être le plus transparent possible et à fournir des services utilisables par tou.te.s, quel que soit le contexte ou l'objectif visé.</p>
<p>Pour mieux comprendre la démarche du collectif, vous pouvez vous référer directement à son <a target="_blank" rel="noopener noreferrer" title="Lien vers le manifeste du collectif CHATONS" href="https://chatons.org/charte-et-manifeste#Manifeste">Manifeste</a>.</p>
<p>Pour mieux comprendre la démarche du collectif, vous pouvez vous référer directement à son <a target="_blank" rel="noreferrer" title="Lien vers le manifeste du collectif CHATONS" href="https://chatons.org/charte-et-manifeste#Manifeste">Manifeste</a>.</p>
</div>
<div class="formel">
<h2>Défendre la vie privée</h2>
@ -14,11 +15,11 @@ logo: /pictures/logo.png
</div>
<div class="formel">
<h2>Partager le savoir</h2>
<p>Si vous souhaitez savoir comment fonctionne Automario en interne, j'ai mis en ligne une documentation complète qui détaille l'installation des services sur mon serveur. Elle est disponible à l'adresse <a target="_blank" rel="noopener noreferrer" href="/doc/" title="Lien vers la documentation d'Automario">https://www.automario.eu/doc/</a>. L'ensemble de cette documentation est publiée sous licence MIT, pour que tout le monde puisse s'en servir librement. N'hésitez pas l'utiliser pour vos propres besoins si vous le souhaitez et à la partager comme bon vous semble.</p>
<p>Si besoin, l'ensemble des modifications faites aux logiciels utilisés ou les éventuels logiciels que je développe pour cette plateforme sont disponibles sous licences libres sur ma <a target="_blank" rel="noopener noreferrer" href="https://git.automario.eu/">forge Git</a>.</p>
<p>Si vous souhaitez savoir comment fonctionne Automario en interne, j'ai mis en ligne une documentation complète qui détaille l'installation des services sur mon serveur. Elle est disponible à l'adresse <a target="_blank" rel="noreferrer" href="/doc/" title="Lien vers la documentation d'Automario">https://www.automario.eu/doc/</a>. L'ensemble de cette documentation est publiée sous licence MIT, pour que tout le monde puisse s'en servir librement. N'hésitez pas l'utiliser pour vos propres besoins si vous le souhaitez et à la partager comme bon vous semble.</p>
<p>Si besoin, l'ensemble des modifications faites aux logiciels utilisés ou les éventuels logiciels que je développe pour cette plateforme sont disponibles sous licences libres sur ma <a target="_blank" rel="noreferrer" href="https://git.automario.eu/">forge Git</a>.</p>
</div>
<div class="formel">
<h2>Promouvoir et soutenir le Libre</h2>
<p>En utilisant ces services, vous soutenez la communauté du libre et vous faites la promotion de logiciels et technologies publiés sous licences libres. Mon infrastructure utilise également un serveur de secours fourni par l'association <a target="_blank" rel="noopener noreferrer" href="https://arn-fai.net/apropos">Alsace Réseau Neutre</a>. Ainsi, vous soutenez de ce fait la construction d'un Internet neutre à travers l'utilisation de mes services et vos donations.</p>
<p>Je m'engage enfin à inclure une petite participation à d'autres CHATONS et/ou à l'association Framasoft au sein de mes frais de fonctionnement, afin de soutenir leur travail et leur engagement quotidien. Si vous souhaitez plus de détails sur mes dépenses, vous pouvez consulter la page <a target="_blank" rel="noopener noreferrer" href="/engage/finance.html">Finances</a>.</p>
</div>
<p>En utilisant ces services, vous soutenez la communauté du libre et vous faites la promotion de logiciels et technologies publiés sous licences libres. Mon infrastructure utilise également un serveur de secours fourni par l'association <a target="_blank" rel="noreferrer" href="https://arn-fai.net/apropos">Alsace Réseau Neutre</a>. Ainsi, vous soutenez de ce fait la construction d'un Internet neutre à travers l'utilisation de mes services et vos donations.</p>
<p>Je m'engage enfin à inclure une petite participation à d'autres CHATONS et/ou à l'association Framasoft au sein de mes frais de fonctionnement, afin de soutenir leur travail et leur engagement quotidien. Si vous souhaitez plus de détails sur mes dépenses, vous pouvez consulter la page <a target="_blank" rel="noreferrer" href="/engage/finance.html">Finances</a>.</p>
</div>

View File

@ -3,7 +3,7 @@ title: Matériel utilisé et Serveurs
logo: /pictures/logo.png
---
<div class="formel">
<h2>Détails concernant le matériel utilisé</h2>
<h1>Détails concernant le matériel utilisé</h1>
<p>À des fins de transparence, nous avons fait le choix de vous présenter l'ensemble des équipements et logiciels qui permettent de faire fonctionner l'infrastructure derrière AutoMario. Vous trouverez ici un résumé global du matériel et des logiciels qui sont utilisés par nos soins, ainsi que des informations concernant leur origine.</p>
<p>Si vous souhaitez avoir plus de détails ou si vous souhaitez reproduire une installation similaire, n'hésitez pas à consulter la <a href="/doc/" title="Lien rapide vers la documentation de la plateforme">documentation</a> disponible ou bien contacter l'administrateur via la <a href="/contact.html" title="Lien vers la page de contact">page de contact</a>.</p>
</div>

View File

@ -2,7 +2,7 @@
title: Etherpad
---
<div class="formel">
<h2>Éditeur collaboratif en ligne sous Etherpad</h2>
<h1>Éditeur collaboratif en ligne sous Etherpad</h1>
<p>Un service d'édition collaborative pour écrire des documents à plusieurs depuis son navigateur Web.</p>
<p>Ce service est proposé en libre accès à tou.te.s et aucune inscription n'est requise.</p>
</div>
@ -23,8 +23,8 @@ title: Etherpad
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser Etherpad ?</h3>
<p><a href="https://dane.ac-guyane.fr/spip.php?article428" target="_blank" rel="noopener noreferrer">Tutoriel en français pour utiliser Etherpad</a></p>
<p><a href="https://video.tedomum.net/videos/watch/35ee0b56-3db4-4881-839f-8b039e3bc975" target="_blank" rel="noopener noreferrer">Tutoriel vidéo en français pour utiliser Etherpad</a></p>
<p><a href="https://dane.ac-guyane.fr/spip.php?article428" target="_blank" rel="noreferrer">Tutoriel en français pour utiliser Etherpad</a></p>
<p><a href="https://video.tedomum.net/videos/watch/35ee0b56-3db4-4881-839f-8b039e3bc975" target="_blank" rel="noreferrer">Tutoriel vidéo en français pour utiliser Etherpad</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://github.com/ether/etherpad-lite#installation" target="_blank" rel="noopener noreferrer">Documentation officielle d'Etherpad-lite (en anglais)</a></p>
<p><a href="https://github.com/ether/etherpad-lite#installation" target="_blank" rel="noreferrer">Documentation officielle d'Etherpad-lite (en anglais)</a></p>
</div>

View File

@ -2,8 +2,8 @@
title: Gemini
---
<div class="formel">
<h2>Hébergement de capsules gemini</h2>
<p>Un service pour héberger votre capsule gemini sans prise de tête et pour mettre en avant vos textes et vos contributions. Ce service utilise un nom de domaine dédié (<a href="https://unbon.cafe/" target="_blank" rel="noopener noreferrer">unbon.cafe</a>), mais est hébergé sur la même infrastructure qu'Automario.</p>
<h1>Hébergement de capsules gemini</h1>
<p>Un service pour héberger votre capsule gemini sans prise de tête et pour mettre en avant vos textes et vos contributions. Ce service utilise un nom de domaine dédié (<a href="https://unbon.cafe/" target="_blank" rel="noreferrer">unbon.cafe</a>), mais est hébergé sur la même infrastructure qu'Automario.</p>
<p>Une capsule gemini est lexact équivalent dun site web sur le protocole Gemini. Cela peut être un site généraliste, une application, un blog (on dira alors gemlog).</p>
</div>
<div class="formel">
@ -19,12 +19,12 @@ title: Gemini
<div class="formel">
<h2>Nous rejoindre</h2>
<p>Pour vous inscrire, envoyez votre pseudo et votre clé SSH publique à l'adresse : <a href="mailto:vinishor@unbon.cafe?subject=Nouvelle-capsule-pour-moi">vinishor@unbon.cafe</a></p>
<p>Pour plus de détails, vous pouvez consulter <a href="https://unbon.cafe/gemini.html" target="_blank" rel="noopener noreferrer">ici</a> la page dédié à gemini</p>
<p>Pour plus de détails, vous pouvez consulter <a href="https://unbon.cafe/gemini.html" target="_blank" rel="noreferrer">ici</a> la page dédié à gemini</p>
</div>
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser votre compte ?</h3>
<p><a href="https://unbon.cafe/gemini.html" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation de SFTP</a></p>
<p><a href="https://unbon.cafe/gemini.html" target="_blank" rel="noreferrer">Aide concernant l'utilisation de SFTP</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://tildegit.org/solene/vger" target="_blank" rel="noopener noreferrer">Code-source de Vger (en anglais)</a></p>
</div>
<p><a href="https://tildegit.org/solene/vger" target="_blank" rel="noreferrer">Code-source de Vger (en anglais)</a></p>
</div>

View File

@ -2,54 +2,58 @@
title: Accueil
---
<div class="formel">
<h2>Automario :</h2>
<p>Plateforme lyonnaise qui propose un ensemble de services libres et ouverts à tou.te.s, se basant sur le principe des <a class="inverse" title="Site officiel du collectif CHATONS" target="_blank" rel="noopener noreferrer" href="https://chatons.org/">CHATONS</a> (Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires)</p>
<h1>Automario</h1>
<p>Plateforme lyonnaise qui propose un ensemble de services libres et ouverts à tou.te.s, se basant sur le principe des <a class="inverse" title="Site officiel du collectif CHATONS" target="_blank" rel="noreferrer" href="https://chatons.org/">CHATONS</a> (Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires)</p>
<p>Sa mission : fournir des services de stockage et communication, une alternative aux services "gratuits" financés avec les pubs, pour vous aider à conserver votre vie privée sur Internet.</p>
<a rel="tag" href='#suite'>Aller à la suite</a>
</div>
<nav>
<h2 class="textmode">Menu de navigation</h2>
<div class="service">
<a title="Lien vers la page du service de messagerie" href="/mail/" class="lsf">mail</a>
<p>E-mail</p>
<a href="/mail/form.php" target="_blank" rel="noopener noreferrer" class="bouton">Inscription</a>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<a title="Lien vers la page du service de messagerie" href="/mail/">E-mail</a><br class="textmode">
<a href="/mail/form.php" target="_blank" rel="noreferrer" class="bouton">Inscription</a><br class="textmode">
<a href="https://mail.automario.eu" class="bouton">Accès au webmail</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service de cloud" href="/cloud/" class="lsf">server</a>
<p>Nextcloud</p>
<p class="bouton boutoff">Capacité max. atteinte</p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
<a title="Lien vers la page du service de cloud" href="/cloud/">Nextcloud</a><br class="textmode">
<p class="bouton boutoff">Capacité max. atteinte</p><br class="textmode">
<a href="https://cloud.automario.eu" class="bouton">Accès au cloud</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service de stockage de coffre-fort" href="/bitwarden/" class="lsf">key</a>
<p>Coffre-fort</p>
<a href="/bitwarden/form.php" target="_blank" rel="noopener noreferrer" class="bouton">Inscription</a>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>
<a title="Lien vers la page du service de stockage de coffre-fort" href="/bitwarden/">Coffre-fort</a><br class="textmode">
<a href="/bitwarden/form.php" target="_blank" rel="noreferrer" class="bouton">Inscription</a><br class="textmode">
<a href="https://passwords.automario.eu" class="bouton">Accès au coffre-fort</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service d'éditeur en ligne" href="/etherpad/" class="lsf">edit</a>
<p>Éditeur en ligne</p>
<p class="bouton boutoff">Sans inscription</p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
<a title="Lien vers la page du service d'éditeur collaboratif en ligne" href="/etherpad/">Éditeur en ligne</a><br class="textmode">
<p class="bouton boutoff">Sans inscription</p><br class="textmode">
<a href="https://pad.automario.eu" title="Lien vers l'instance PadMario'" class="bouton">Accès aux pads</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service de messagerie instantanée" href="/xmpp/" class="lsf">comments</a>
<p>Messagerie XMPP</p>
<p class="bouton boutoff">En cours de test</p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
<a title="Lien vers la page du service de messagerie instantanée" href="/xmpp/">Messagerie XMPP</a><br class="textmode">
<p class="bouton boutoff">En cours de test</p><br class="textmode">
<a href="https://meet.automario.eu/" title="Lien vers l'instance Converse.js'" class="bouton">Accès au client XMPP</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service d'hébergement de capsules gemini" href="/gemini/" class="lsf">write</a>
<p>Capsule Gemini</p>
<a href="mailto:vinishor@unbon.cafe?subject=Nouvelle-capsule-pour-moi" target="_blank" rel="noopener noreferrer" class="bouton">Inscription</a>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
<a title="Lien vers la page du service d'hébergement de capsules gemini" href="/gemini/">Capsule Gemini</a><br class="textmode">
<a href="mailto:vinishor@unbon.cafe?subject=Nouvelle-capsule-pour-moi" target="_blank" rel="noreferrer" class="bouton">Inscription</a><br class="textmode">
<a href="gemini://unbon.cafe" title="Lien vers la liste des capsules gemini publiées'" class="bouton">Liste des capsules</a>
</div>
</div><hr class="textmode">
<div class="service">
<a href="/doc/" title="Lien rapide vers la documentation de la plateforme" class="bouton">Documentation</a>
<a href="https://ping.automario.eu/status.php" title="Lien vers le système de surveillance en temps réel" class="bouton">État en temps réel</a>
<a href="https://status.automario.eu" title="Lien vers le système de suivi d'incidents" class="bouton">Suivi des incidents</a>
<a href="/engage/cgu.html" titie="Lien vers la page des Conditions Générales d'Utilisation" class="bouton">C.G.U</a>
<a href="/doc/" title="Lien rapide vers la documentation de la plateforme" class="bouton">Documentation</a><br class="textmode">
<a href="https://ping.automario.eu/status.php" title="Lien vers le système de surveillance en temps réel" class="bouton">État en temps réel</a><br class="textmode">
<a href="https://status.automario.eu" title="Lien vers le système de suivi d'incidents" class="bouton">Suivi des incidents</a><br class="textmode">
<a href="/engage/cgu.html" titie="Lien vers la page des Conditions Générales d'Utilisation" class="bouton">C.G.U</a><br class="textmode">
<a href="/engage/servers.html" titie="Lien vers la page des infos concernant les serveurs" class="bouton">Serveurs</a>
</div>
<div class="formel">
</nav>
<div id="suite" class="formel">
<h2>Les principes d'Automario</h2>
<ul>
<li>Décentralisation</li>
@ -72,8 +76,8 @@ title: Accueil
<ul>
<li>Propulsé par un serveur auto-hébergé et un VPS associatif</li>
<li>Hébergé et géré en France</li>
<li>Créé et maintenu par <a class="inverse" title="Mon site perso" target="_blank" rel="noopener noreferrer" href="http://www.linuxmario.net">LinuxMario</a></li>
<li><a class="inverse" target="_blank" rel="noopener noreferrer" href="/engage/finance.html">Financé</a> à prix libre grâce à <a class="inverse" title="Ma page Liberapay pour les dons" target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">vos dons</a></li>
<li>Inspiré par le projet <a class="inverse" href="https://3hg.fr" target="_blank" rel="noopener noreferrer">3HG</a></li>
<li>Créé et maintenu par <a class="inverse" title="Mon site perso" target="_blank" rel=" noreferrer" href="http://www.linuxmario.net">LinuxMario</a></li>
<li><a class="inverse" target="_blank" rel="noreferrer" href="/engage/finance.html">Financé</a> à prix libre grâce à <a class="inverse" title="Ma page Liberapay pour les dons" target="_blank" rel="noreferrer" href="https://liberapay.com/linuxmario/donate">vos dons</a></li>
<li>Inspiré par le projet <a class="inverse" href="https://3hg.fr" target="_blank" rel="noreferrer">3HG</a></li>
</ul>
</div>

View File

@ -101,9 +101,9 @@
function show_form()
{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo '<h2 id="inscription">Créer votre adresse mail</h2>';
echo '<h1 id="inscription">Créer votre adresse mail</h1>';
echo '<form id="contact" class="formstyle" method="post" action="'.$GLOBALS['subscribe_page'].'">';
echo '<ul>';
echo '<li>';
@ -133,7 +133,7 @@
echo '</ul>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</main>';
}
/* Inscription demandée, on affiche la réponse */
@ -189,23 +189,23 @@
// Envoi du mail
if (mail($admin_email, 'Demande de nouvelle inscription Mail', $message, $headers)) {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Demande effectuée avec succès</h2>";
echo "<p>Votre demande est bien envoyée, l'admin va s'en occuper.</p>";
echo "<p>Après réception, l'administrateur vous enverra un mail contenant vos identifiants de connexion. Le mot de passe assigné est généré aléatoirement.<br/>Je vous invite à bien sauvegarder ces informations et à changer votre mot de passe rapidement ou à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Attention : selon votre hébergeur, les mails peuvent arriver dans votre boîte de messages indésirables. Je vous invite alors à vérifier cette boîte avant de me contacter pour tout problème de réception de vos identifiants.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
} else {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Echec du traitement de votre demande</h2>";
echo "<p>Une erreur est survenue lors de l'envoi du message. Nous n'avons pas pu traiter votre demande d'inscription.</p>";
echo "<p>Nous vous invitons à réessayer plus tard ou à contacter l'administrateur par mail ou IRC si vous n'arrivez toujours pas à nous l'envoyer.</p>";
echo "<p>Nous nous excusons pour la gêne occasionnée.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
};
}
}
@ -224,7 +224,7 @@
$content = file_get_contents($path);
unlink($path);
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Bienvenue sur automario.eu ☺</h2>";
echo "<p>Vos identifiants sont : </p>";
@ -238,16 +238,16 @@
echo "<p>Pour modifier votre mot de passe, vous pouvez utiliser le formulaire disponible sur <a href=https://mail.automario.eu>cette page</a>.<br/>Nous vous invitons à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Pour vous connecter, cliquez sur <a href=https://mail.automario.eu>ce lien</a>.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}
else{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Votre compte n'est pas (encore) disponible</h2>";
echo "<p>Il semble que votre compte ne soit pas encore prêt, ou bien le lien suivi est erroné ou périmé.</p>";
echo "<p>Dans le premier cas, réessayez plus tard, l'admin traite votre demande.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}

View File

@ -2,7 +2,7 @@
title: Mail
---
<div class="formel">
<h2>Messagerie électronique</h2>
<h1>Messagerie électronique</h1>
<p>Un service de courriels pour envoyer vos messages et garantir des communications sans prise de tête.</p>
<p>Vous pouvez choisir entre une adresse en automario.eu et une adresse en unbon.cafe. Le service assuré restera le même dans tous les cas.</p>
</div>
@ -25,12 +25,12 @@ title: Mail
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser votre compte ?</h3>
<p><a href="/doc/mail/thunderbird/" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation du client mail</a></p>
<p><a href="/doc/mail/thunderbird/" target="_blank" rel="noreferrer">Aide concernant l'utilisation du client mail</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="http://www.postfix.org/documentation.html" target="_blank" rel="noopener noreferrer">Documentation officielle de Postfix (en)</a></p>
<p><a href="https://wiki2.dovecot.org/FrontPage" target="_blank" rel="noopener noreferrer">Documentation officielle de Dovecot (en)</a></p>
<p><a href="https://sourceforge.net/p/postfixadmin/wiki/Home/" target="_blank" rel="noopener noreferrer">Documentation officielle de PostfixAdmin (en)</a></p>
<p><a href="/doc/mailserver/installation/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation du couple Postfix + Dovecot pour CentOS</a></p>
<p><a href="https://github.com/roundcube/roundcubemail/" target="_blank" rel="noopener noreferrer">Code-source de Roundcube (webmail)</a></p>
<p><a href="https://sourceforge.net/projects/postfixadmin/files/postfixadmin/" target="_blank" rel="noopener noreferrer">Code-source de PostfixAdmin (gestion des comptes utilisateurs)</a></p>
</div>
<p><a href="http://www.postfix.org/documentation.html" target="_blank" rel="noreferrer">Documentation officielle de Postfix (en)</a></p>
<p><a href="https://wiki2.dovecot.org/FrontPage" target="_blank" rel="noreferrer">Documentation officielle de Dovecot (en)</a></p>
<p><a href="https://sourceforge.net/p/postfixadmin/wiki/Home/" target="_blank" rel="noreferrer">Documentation officielle de PostfixAdmin (en)</a></p>
<p><a href="/doc/mailserver/installation/" target="_blank" rel="noreferrer">Tutoriel d'installation du couple Postfix + Dovecot pour CentOS</a></p>
<p><a href="https://github.com/roundcube/roundcubemail/" target="_blank" rel="noreferrer">Code-source de Roundcube (webmail)</a></p>
<p><a href="https://sourceforge.net/projects/postfixadmin/files/postfixadmin/" target="_blank" rel="noreferrer">Code-source de PostfixAdmin (gestion des comptes utilisateurs)</a></p>
</div>

1
content/pictures/MIT.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="78" height="20" role="img" aria-label="licence: MIT"><title>licence: MIT</title><g shape-rendering="crispEdges"><rect width="47" height="20" fill="#555"/><rect x="47" width="31" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="245" y="140" transform="scale(.1)" fill="#fff" textLength="370">licence</text><text x="615" y="140" transform="scale(.1)" fill="#fff" textLength="210">MIT</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 638 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>

After

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="109" height="20" role="img" aria-label="debian: buster"><title>debian: buster</title><g shape-rendering="crispEdges"><rect width="64" height="20" fill="#555"/><rect x="64" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZXNtb2tlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+RGViaWFuIGljb248L3RpdGxlPjxwYXRoIGQ9Ik0xMy44OCAxMi42ODVjLS40IDAgLjA4LjIuNjAxLjI4LjE0LS4xLjI3LS4yMi4zOS0uMzNhMy4wMDEgMy4wMDEgMCAwMS0uOTkuMDVtMi4xNC0uNTNjLjIzLS4zMy40LS42OS40Ny0xLjA2LS4wNi4yNy0uMi41LS4zMy43My0uNzUuNDctLjA3LS4yNyAwLS41Ni0uOCAxLjAxLS4xMS42LS4xNC44OW0uNzgxLTIuMDVjLjA1LS43MjEtLjE0LS41MDEtLjItLjIyMS4wNy4wNC4xMy41LjIuMjJNMTIuMzguMzFjLjIuMDQuNDUuMDcuNDIuMTIuMjMtLjA1LjI4LS4xLS40My0uMTJtLjQzLjEybC0uMTUuMDMuMTQtLjAxVi40M202LjYzMyA5Ljk0NGMuMDIuNjQtLjIuOTUtLjM4IDEuNWwtLjM1LjE4MWMtLjI4LjU0LjAzLjM1LS4xNy43OC0uNDQuMzktMS4zNCAxLjIyLTEuNjIgMS4zMDEtLjIwMSAwIC4xNC0uMjUuMTktLjM0LS41OTEuNC0uNDgxLjYtMS4zNzEuODVsLS4wMy0uMDZjLTIuMjIxIDEuMDQtNS4zMDMtMS4wMi01LjI1My0zLjg0Mi0uMDMuMTctLjA3LjEzLS4xMi4yYTMuNTUxIDMuNTUyIDAgMDEyLjAwMS0zLjUwMSAzLjM2MSAzLjM2MiAwIDAxMy43MzIuNDggMy4zNDEgMy4zNDIgMCAwMC0yLjcyMS0xLjNjLTEuMTguMDEtMi4yODEuNzYtMi42NTEgMS41Ny0uNi4zOC0uNjcgMS40Ny0uOTMgMS42NjEtLjM2MSAyLjYwMS42NiAzLjcyMiAyLjM4IDUuMDQyLjI3LjE5LjA4LjIxLjEyLjM1YTQuNzAyIDQuNzAyIDAgMDEtMS41My0xLjE2Yy4yMy4zMy40Ny42Ni44LjkxLS41NS0uMTgtMS4yNy0xLjMtMS40OC0xLjM1LjkzIDEuNjYgMy43OCAyLjkyMSA1LjI2MSAyLjNhNi4yMDMgNi4yMDMgMCAwMS0yLjMzLS4yOGMtLjMzLS4xNi0uNzctLjUxLS43LS41N2E1LjgwMiA1LjgwMyAwIDAwNS45MDItLjg0Yy40NC0uMzUuOTMtLjk0IDEuMDctLjk1LS4yLjMyLjA0LjE2LS4xMi40NC40NC0uNzItLjItLjMuNDYtMS4yNGwuMjQuMzNjLS4wOS0uNi43NC0xLjMyMS42Ni0yLjI2Mi4xOS0uMy4yLjMgMCAuOTcuMjktLjc0LjA4LS44NS4xNS0xLjQ2LjA4LjIuMTguNDIuMjMuNjMtLjE4LS43LjItMS4yLjI4LTEuNi0uMDktLjA1LS4yOC4zLS4zMi0uNTMgMC0uMzcuMS0uMi4xNC0uMjgtLjA4LS4wNS0uMjYtLjMyLS4zOC0uODYxLjA4LS4xMy4yMi4zMy4zNC4zNC0uMDgtLjQyLS4yLS43NS0uMi0xLjA4LS4zNC0uNjgtLjEyLjEtLjQtLjMtLjM0LTEuMDkxLjMtLjI1LjM0LS43NC41NC43Ny44NCAxLjk2Ljk4MSAyLjQ2LS4xLS42LS4yOC0xLjItLjQ5LTEuNzYuMTYuMDctLjI2LTEuMjQxLjIxLS4zN0E3LjgyMyA3LjgyNCAwIDAwMTcuNzAyIDEuNmMuMTguMTcuNDIuMzkuMzMuNDItLjc1LS40NS0uNjItLjQ4LS43My0uNjctLjYxLS4yNS0uNjUuMDItMS4wNiAwQzE1LjA4Mi43MyAxNC44NjIuOCAxMy44LjRsLjA1LjIzYy0uNzctLjI1LS45LjEtMS43MyAwLS4wNS0uMDQuMjctLjE0LjUzLS4xOC0uNzQxLjEtLjcwMS0uMTQtMS40MzEuMDMuMTctLjEzLjM2LS4yMS41NS0uMzItLjYuMDQtMS40NC4zNS0xLjE4LjA3QzkuNi42OCA3Ljg0NyAxLjMgNi44NjcgMi4yMkw2LjgzOCAyYy0uNDUuNTQtMS45NiAxLjYxMS0yLjA4IDIuMzExbC0uMTMxLjAzYy0uMjMuNC0uMzguODUtLjU3IDEuMjYxLS4zLjUyLS40NS4yLS40LjI4LS42IDEuMjItLjkgMi4yNTEtMS4xNiAzLjEwMi4xOC4yNyAwIDEuNjUuMDcgMi43Ni0uMyA1LjQ2MyAzLjg0IDEwLjc3NiA4LjM2MyAxMi4wMDYuNjcuMjMgMS42NS4yMyAyLjQ5LjI1LS45OS0uMjgtMS4xMi0uMTUtMi4wOC0uNDktLjctLjMyLS44NS0uNy0xLjM0LTEuMTNsLjIuMzVjLS45NzEtLjM0LS41Ny0uNDItMS4zNjEtLjY3bC4yMS0uMjdjLS4zMS0uMDMtLjgzLS41My0uOTctLjgxbC0uMzQuMDFjLS40MS0uNTAxLS42My0uODcxLS42MS0xLjE2MWwtLjExMS4yYy0uMTMtLjIxLTEuNTItMS45MDEtLjgtMS41MTEtLjEzLS4xMi0uMzEtLjItLjUtLjU1bC4xNC0uMTdjLS4zNS0uNDQtLjY0LTEuMDItLjYyLTEuMi4yLjI0LjMyLjMuNDUuMzMtLjg4LTIuMTcyLS45My0uMTItMS42MDEtMi4yMDJsLjE1LS4wMmMtLjEtLjE2LS4xOC0uMzQtLjI2LS41MWwuMDYtLjZjLS42My0uNzQtLjE4LTMuMTAyLS4wOS00LjQwMi4wNy0uNTQuNTMtMS4xLjg4LTEuOTgxbC0uMjEtLjA0Yy40LS43MSAyLjM0MS0yLjg3MiAzLjI0MS0yLjc2MS40My0uNTUtLjA5IDAtLjE4LS4xNC45Ni0uOTkxIDEuMjYtLjcgMS45MDEtLjg4LjctLjQwMS0uNi4xNi0uMjctLjE1MSAxLjItLjMuODUtLjcgMi40MjEtLjg1LjE2LjEtLjM5LjE0LS41Mi4yNiAxLS40OSAzLjE1MS0uMzcgNC41NjIuMjcgMS42My43NyAzLjQ2MSAzLjAxMSAzLjUzMSA1LjEzMmwuMDguMDJjLS4wNC44NS4xMyAxLjgyMS0uMTcgMi43MTFsLjItLjQyTTkuNTQgMTMuMjM2bC0uMDUuMjhjLjI2LjM1LjQ3LjczLjggMS4wMS0uMjQtLjQ3LS40Mi0uNjYtLjc1LTEuM20uNjItLjAyYy0uMTQtLjE1LS4yMi0uMzQtLjMxLS41Mi4wOC4zMi4yNi42LjQzLjg4bC0uMTItLjM2bTEwLjk0NS0yLjM4MmwtLjA3LjE1Yy0uMS43Ni0uMzQgMS41MTEtLjY5IDIuMjEyLjQtLjczLjY1LTEuNTQxLjc1LTIuMzYyTTEyLjQ1LjEyYy4yNy0uMS42Ni0uMDUuOTUtLjEyLS4zNy4wMy0uNzQuMDUtMS4xLjFsLjE1LjAyTTMuMDA2IDUuMTQyYy4wNy41Ny0uNDMuOC4xMS40Mi4zLS42Ni0uMTEtLjE4LS4xLS40Mm0tLjY0IDIuNjYxYy4xMi0uMzkuMTUtLjYyLjItLjg0LS4zNS40NC0uMTcuNTMtLjIuODMiLz48L3N2Zz4="/><text x="415" y="140" transform="scale(.1)" fill="#fff" textLength="370">debian</text><text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="350">buster</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>

After

Width:  |  Height:  |  Size: 358 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 491 KiB

1
content/pictures/key.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>

After

Width:  |  Height:  |  Size: 345 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>

After

Width:  |  Height:  |  Size: 347 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>

After

Width:  |  Height:  |  Size: 421 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>

After

Width:  |  Height:  |  Size: 298 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="88" height="20" role="img" aria-label="nanoc: 4.12.0"><title>nanoc: 4.12.0</title><g shape-rendering="crispEdges"><rect width="43" height="20" fill="#555"/><rect x="43" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="225" y="140" transform="scale(.1)" fill="#fff" textLength="330">nanoc</text><text x="645" y="140" transform="scale(.1)" fill="#fff" textLength="350">4.12.0</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 641 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>

After

Width:  |  Height:  |  Size: 384 B

1
content/pictures/w3c.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="92" height="20" role="img" aria-label="w3c: validated"><title>w3c: validated</title><g shape-rendering="crispEdges"><rect width="31" height="20" fill="#555"/><rect x="31" width="61" height="20" fill="#4c1"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="165" y="140" transform="scale(.1)" fill="#fff" textLength="210">w3c</text><text x="605" y="140" transform="scale(.1)" fill="#fff" textLength="510">validated</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 641 B

View File

@ -2,7 +2,7 @@
title: XMPP
---
<div class="formel">
<h2>Messagerie instantanée</h2>
<h1>Messagerie instantanée avec XMPP</h1>
<p>Un service de messagerie instantanée pour discuter à plusieurs et passer des appels audio et vidéo d'une personne à une autre.</p>
<p>Ce service sera proposé à toutes et tous via une inscription libre, mais il est encore en phase de test.</p>
</div>
@ -24,9 +24,9 @@ title: XMPP
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour comprendre le fonctionnement de XMPP ?</h3>
<p><a href="/doc/xmpp/client/" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation de XMPP</a></p>
<p><a href="/doc/xmpp/client/" target="_blank" rel="noreferrer">Aide concernant l'utilisation de XMPP</a></p>
<h3>Envie de créer votre serveur XMPP avec support vidéo ?</h3>
<p><a href="https://prosody.im/doc/" target="_blank" rel="noopener noreferrer">Documentation officielle de Prosody (en anglais)</a></p>
<p><a href="/doc/xmppserver/installation/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation de Prosody sous Debian 10</a></p>
<p><a href="https://hg.prosody.im/" target="_blank" rel="noopener noreferrer">Code-source de Prosody</a></p>
<p><a href="https://prosody.im/doc/" target="_blank" rel="noreferrer">Documentation officielle de Prosody (en anglais)</a></p>
<p><a href="/doc/xmppserver/installation/" target="_blank" rel="noreferrer">Tutoriel d'installation de Prosody sous Debian 10</a></p>
<p><a href="https://hg.prosody.im/" target="_blank" rel="noreferrer">Code-source de Prosody</a></p>
</div>

View File

@ -15,15 +15,19 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<%= yield %>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -100,9 +100,9 @@
function show_form()
{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo '<h2 id="inscription">Demander à créer votre compte Bitwarden</h2>';
echo '<h1 id="inscription">Demander à créer votre compte Bitwarden</h1>';
echo '<form id="contact" class="formstyle" method="post" action="'.$GLOBALS['subscribe_page'].'">';
echo '<ul>';
echo '<li>';
@ -123,7 +123,7 @@
echo '</ul>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</main>';
}
/* Inscription demandée, on affiche la réponse */
@ -172,23 +172,23 @@
// Envoi du mail
if (mail($admin_email, 'Demande de nouvelle inscription Bitwarden', $message, $headers)) {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Demande effectuée avec succès</h2>";
echo "<p>Votre demande est bien envoyée, l'admin va s'en occuper.</p>";
echo "<p>Après réception, l'administrateur va vous envoyer une invitation par mail pour créer vos identifiants sur l'instance et vous permettre de vous connecter. Attention, chaque lien d'invitation est unique et se périme automatiquement.<br/>Nous vous invitons à consulter votre dossier Courrier indésirable en cas de non réception ou bien à contacter l'administrateur au besoin.</p>";
echo "<p>Vous pourrez vous enregistrer directement via le lien envoyé.";
echo '</div>';
echo '</div>';
echo '</main>';
} else {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Echec du traitement de votre demande</h2>";
echo "<p>Une erreur est survenue lors de l'envoi du message. Nous n'avons pas pu traiter votre demande d'inscription.</p>";
echo "<p>Nous vous invitons à réessayer plus tard ou à contacter l'administrateur par mail ou IRC si vous n'arrivez toujours pas à nous l'envoyer.</p>";
echo "<p>Nous nous excusons pour la gêne occasionnée.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
};
}
}

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Stockage de mots de passe Bitwarden</h2>
<h1>Stockage de mots de passe Bitwarden</h1>
<p>Un service de stockage de mots de passe pour stocker vos identifiants et vos mots de passe et pour les synchroniser avec tous vos appareils en quelques clics.</p>
<p>Ce service est proposé sur invitation : vous recevrez un mail de confirmation qui vous permettra de créer un compte.</p>
</div>
@ -41,17 +41,21 @@
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour configurer votre compte ?</h3>
<p><a href="/doc/bitwarden/app/" target="_blank" rel="noopener noreferrer">Aide concernant la configuration de Bitwarden</a></p>
<p><a href="/doc/bitwarden/app/" target="_blank" rel="noreferrer">Aide concernant la configuration de Bitwarden</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://help.bitwarden.com/article/install-on-premise/" target="_blank" rel="noopener noreferrer">Documentation officielle de Bitwarden (en anglais)</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/wiki" target="_blank" rel="noopener noreferrer">Documentation officielle de Bitwarden_rs (alternative utilisée, en anglais)</a></p>
<p><a href="/doc/bitwarden-rs/docker/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation de Bitwarden_rs sous Debian</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/" target="_blank" rel="noopener noreferrer">Code-source de Bitwarden_rs</a></p>
<p><a href="https://help.bitwarden.com/article/install-on-premise/" target="_blank" rel="noreferrer">Documentation officielle de Bitwarden (en anglais)</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/wiki" target="_blank" rel="noreferrer">Documentation officielle de Bitwarden_rs (alternative utilisée, en anglais)</a></p>
<p><a href="/doc/bitwarden-rs/docker/" target="_blank" rel="noreferrer">Tutoriel d'installation de Bitwarden_rs sous Debian</a></p>
<p><a href="https://github.com/dani-garcia/bitwarden_rs/" target="_blank" rel="noreferrer">Code-source de Bitwarden_rs</a></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -100,9 +100,9 @@
function show_form()
{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo '<h2 id="inscription">Créer votre compte Nextcloud</h2>';
echo '<h1 id="inscription">Créer votre compte Nextcloud</h1>';
echo '<form id="contact" class="formstyle" method="post" action="'.$GLOBALS['subscribe_page'].'">';
echo '<ul>';
echo '<li>';
@ -127,7 +127,7 @@
echo '</ul>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</main>';
}
/* Inscription demandée, on affiche la réponse */
@ -180,23 +180,23 @@
// Envoi du mail
if (mail($admin_email, 'Demande de nouvelle inscription Cloud', $message, $headers)) {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Demande effectuée avec succès</h2>";
echo "<p>Votre demande est bien envoyée, l'admin va s'en occuper.</p>";
echo "<p>Après réception, l'administrateur vous enverra un mail contenant vos identifiants de connexion. Le mot de passe assigné est généré aléatoirement.<br/>Je vous invite à bien sauvegarder ces informations et à changer votre mot de passe rapidement ou à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Attention : selon votre hébergeur, les mails peuvent arriver dans votre boîte de messages indésirables. Je vous invite alors à vérifier cette boîte avant de me contacter pour tout problème de réception de vos identifiants.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
} else {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Echec du traitement de votre demande</h2>";
echo "<p>Une erreur est survenue lors de l'envoi du message. Nous n'avons pas pu traiter votre demande d'inscription.</p>";
echo "<p>Nous vous invitons à réessayer plus tard ou à contacter l'administrateur par mail ou IRC si vous n'arrivez toujours pas à nous l'envoyer.</p>";
echo "<p>Nous nous excusons pour la gêne occasionnée.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
};
}
}
@ -215,7 +215,7 @@
$content = file_get_contents($path);
unlink($path);
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Bienvenue sur automario.eu ☺</h2>";
echo "<p>Vos identifiants sont : </p>";
@ -229,16 +229,16 @@
echo "<p>Vous pouvez modifier votre mot de passe via l'interface de votre espace Nextcloud.<br/>Nous vous invitons à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Pour vous connecter, cliquez sur <a href=https://cloud.automario.eu>ce lien</a>.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}
else{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Votre compte n'est pas (encore) disponible</h2>";
echo "<p>Il semble que votre compte ne soit pas encore prêt, ou bien le lien suivi est erroné ou périmé.</p>";
echo "<p>Dans le premier cas, réessayez plus tard, l'admin traite votre demande.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Stockage en ligne</h2>
<h1>Stockage en ligne</h1>
<p>Un service de stockage en ligne pour stocker vos documents et y accéder partout.</p>
<p><strong>Pour l'instant, les inscriptions sont fermées pour assurer la continuité du service, mais elles seront de nouveau ouvertes plus tard.</strong></p>
</div>
@ -42,18 +42,22 @@
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser votre compte ?</h3>
<p><a href="/doc/cloud/fichiers/" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation du client de synchronisation</a></p>
<p><a href="/doc/cloud/calendriers/" target="_blank" rel="noopener noreferrer">Aide concernant la synchronisation des agendas</a></p>
<p><a href="/doc/cloud/contacts/" target="_blank" rel="noopener noreferrer">Aide concernant la synchronisation des contacts</a></p>
<p><a href="/doc/cloud/fichiers/" target="_blank" rel="noreferrer">Aide concernant l'utilisation du client de synchronisation</a></p>
<p><a href="/doc/cloud/calendriers/" target="_blank" rel="noreferrer">Aide concernant la synchronisation des agendas</a></p>
<p><a href="/doc/cloud/contacts/" target="_blank" rel="noreferrer">Aide concernant la synchronisation des contacts</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://docs.nextcloud.com/server/17/admin_manual/installation/index.html" target="_blank" rel="noopener noreferrer">Documentation officielle de Nextcloud</a></p>
<p><a href="/doc/nextcloud/installation/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation de Nextcloud pour Debian 10</a></p>
<p><a href="https://github.com/nextcloud/server" target="_blank" rel="noopener noreferrer">Code-source de Nextcloud Server</a></p>
<p><a href="https://docs.nextcloud.com/server/17/admin_manual/installation/index.html" target="_blank" rel="noreferrer">Documentation officielle de Nextcloud</a></p>
<p><a href="/doc/nextcloud/installation/" target="_blank" rel="noreferrer">Tutoriel d'installation de Nextcloud pour Debian 10</a></p>
<p><a href="https://github.com/nextcloud/server" target="_blank" rel="noreferrer">Code-source de Nextcloud Server</a></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Nous contacter</h2>
<h1>Nous contacter</h1>
<p>Pour toute demande, vous pouvez me joindre directement par l'intermédiaire des moyens suivants :</p>
<ul>
<li>Par mail : <a href="mailto:linuxmario+automario@linuxmario.net">linuxmario+automario@linuxmario.net</a> ou <a href="mailto:vincentfinance@3hg.fr">vincentfinance@3hg.fr</a></li>
@ -42,9 +42,14 @@
<p>Tout utilisateur peut faire exercer son droit à l'oubli et demander la suppression de son compte sur la plateforme, ainsi que toutes les données qui sont stockées sur celle-ci : il suffit simplement de me le demander par mail.</p>
<p>Je m'engage alors à supprimer toute trace de l'utilisateur sur la plateforme et à lui envoyer un mail de confirmation si une adresse de secours valide a été fournie. J'invite cependant à bien sauvegarder vos données avant de demander la suppression, car aucune copie ne pourra être fournie après.</p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -1,5 +1,5 @@
@charset "UTF-8";
/* Polices textuelles */
/* Import des polices textuelles */
@font-face {
font-family: 'roboto_slabregular';
src: url('/fonts/RobotoSlab-Regular.woff') format('woff');
@ -12,14 +12,14 @@
font-weight: bold;
font-style: bold;
}
/* Polices utilisées */
/* Polices utilisées pour le texte normal et les titres */
* {
font-family: 'roboto_slabregular', serif;
}
h1,h2,h3,h4 {
font-family: "roboto_slabbold", serif;
}
/* Réglages du corps de page */
/* Réglages de la page */
body {
text-align: center;
font-size: medium;
@ -33,29 +33,37 @@ body {
a {
text-decoration: underline dotted;
}
.service a {
text-decoration: none;
}
a:link,
a:visited {
color: #dbdce4;
color: #ebfffc;
}
a:hover {
color: #9ee883;
}
/* Focus pour la navigation au clavier */
a:focus {
outline: 3px solid white;
outline-offset: 4px;
}
.service a {
text-decoration: none;
}
/* Réglages pour le corps de page */
header, footer {
background: #3e748f;
}
#main {
main {
display: block;
margin: auto;
background: rgba(20, 85, 118, 0.78);
}
.formel {
text-align: left;
margin: 0 15%;
padding: 0.5% 5%;
font-size: 1.25em;
}
/* Réglages pour les blocs du menu de navigation */
.service {
padding: 15px;
margin: 10px 10px;
@ -72,16 +80,16 @@ header, footer {
.boutoff {
background: none;
}
.formel {
text-align: justify;
margin: 0 15%;
padding: 0.5% 5%;
font-size: 1.25em;
/* Réglage pour cacher du texte utilisé uniquement par les navigateurs textes dans Firefox et consorts */
.textmode {
display: none;
}
/* Réglages pour les images */
img {
margin: 0 auto;
display: block;
}
svg {
margin: 10% 30%;
}
/* Réglages pour les listes */
ul {
@ -92,38 +100,20 @@ ul {
footer {
padding: 20px 0;
font-weight: bold;
margin: auto 0;
}
footer p {
margin: 0;
}
/* Réglages permettant d'améliorer l'expérience mobile */
/* Amélioration de l'expérience mobile */
@media (max-width: 1060px) {
body {
font-size: small;
}
.un, .deux {
.formel {
font-size: medium;
}
}
/* Ligature Symbols */
@font-face {
font-family: 'LigatureSymbols';
src: url('/fonts/LigatureSymbols-2.11.eot');
src: url('/fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
url('/fonts/LigatureSymbols-2.11.woff') format('woff'),
url('/fonts/LigatureSymbols-2.11.ttf') format('truetype'),
url('/fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
src: url('/fonts/LigatureSymbols-2.11.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.lsf, .lsf-icon:before {
font-family: 'LigatureSymbols';
text-rendering: optimizeLegibility;
}
.lsf, .lsf-icon:before {
content:attr(title);
font-size:500%;
/* Désactivation du masquage des éléments pour les navigateurs textes (si prise en charge du CSS) */
@media (grid) and (monochrome) {
.textmode {
display: inherit;
}
}

View File

@ -15,11 +15,11 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h1>Conditions Générales d'Utilisation</h1>
<h2>Obligations dAutoMario</h2>
@ -51,11 +51,16 @@
</div>
<div class="formel">
<h3>Infos concernant la réalisation de ce document</h3>
<p>Ce document a été réalisé avec l'avis de membres du collectif <a title="Lien vers le collectif CHATONS" target="_blank" rel="noopener noreferrer" href="https://chatons.org/">CHATONS</a> et de leur analyse. Il a été inspiré en grande partie par les documents publiés par les hébergeurs <a title="Lien vers INFINI" target="_blank" rel="noopener noreferrer" href="https://www.infini.fr/">INFINI</a> et <a title="Lien vers 3HG" target="_blank" rel="noopener noreferrer" href="https://3hg.fr/CHATONS/">3HG</a> et publié selon la même licence libre que ces deux documents.</p>
<p>Ce document a été réalisé avec l'avis de membres du collectif <a title="Lien vers le collectif CHATONS" target="_blank" rel="noreferrer" href="https://chatons.org/">CHATONS</a> et de leur analyse. Il a été inspiré en grande partie par les documents publiés par les hébergeurs <a title="Lien vers INFINI" target="_blank" rel="noreferrer" href="https://www.infini.fr/">INFINI</a> et <a title="Lien vers 3HG" target="_blank" rel="noreferrer" href="https://3hg.fr/CHATONS/">3HG</a> et publié selon la même licence libre que ces deux documents.</p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Détails concernant le financement de la plateforme</h2>
<h1>Détails concernant le financement de la plateforme</h1>
<p>À des fins de transparence, nous avons fait le choix de vous présenter la situation financière globale derrière AutoMario.</p>
<p>Il est à noter que ce projet de plateforme d'hébergement ne possède pas de compte bancaire dédié et est, pour l'instant, financé entièrement par mes propres fonds. Les prix des services sont basés sur le système de donations à prix libre : vous donnez ce que vous voulez et quand vous voulez.<br/>Il est également important de noter que ce projet <em>ne vise pas</em> un but lucratif, mais que l'expérience acquise pour maintenir les services en fonctionnement peut servir dans d'autres projets qui peuvent avoir ce but.</p>
<p>Il est possible de donner via deux plateformes : Liberapay (pratique si vous souhaitez faire des dons récurrents) et PayPal (pratique si vous souhaitez donner une fois).</p>
@ -47,9 +47,14 @@
</ul>
<h3>Total des recettes : 12€ par an en moyenne</h3>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -2,7 +2,7 @@
<html lang="fr">
<head>
<meta charset=UTF-8>
<title>Nos engagements - AutoMario</title>
<title>Mes engagements - AutoMario</title>
<meta name="description" content="Projet d'hébergement participatif et décentralisé, fournissant un ensemble de services pour particuliers et associations et basé sur des technologies et logiciels libres."/>
<meta name="keywords" content="CHATONS,mail,cloud,hébergement,libre"/>
<meta name="author" content="Vincent Finance"/>
@ -15,15 +15,16 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h1>Mes engagements</h1>
<h2>Être transparent et décentralisé</h2>
<p>Cette plateforme existe en partie grâce au mouvement de décentralisation initié par l'association Framasoft et le projet du Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires (CHATONS). Je souhaite fournir une alternative aux services proposés par les géants du Web comme Google ou Microsoft et montrer une autre voie vers un Internet plus propre et neutre.<br/>En faisant partie de ce collectif, je m'engage à être le plus transparent possible et à fournir des services utilisables par tou.te.s, quel que soit le contexte ou l'objectif visé.</p>
<p>Pour mieux comprendre la démarche du collectif, vous pouvez vous référer directement à son <a target="_blank" rel="noopener noreferrer" title="Lien vers le manifeste du collectif CHATONS" href="https://chatons.org/charte-et-manifeste#Manifeste">Manifeste</a>.</p>
<p>Pour mieux comprendre la démarche du collectif, vous pouvez vous référer directement à son <a target="_blank" rel="noreferrer" title="Lien vers le manifeste du collectif CHATONS" href="https://chatons.org/charte-et-manifeste#Manifeste">Manifeste</a>.</p>
</div>
<div class="formel">
<h2>Défendre la vie privée</h2>
@ -32,17 +33,22 @@
</div>
<div class="formel">
<h2>Partager le savoir</h2>
<p>Si vous souhaitez savoir comment fonctionne Automario en interne, j'ai mis en ligne une documentation complète qui détaille l'installation des services sur mon serveur. Elle est disponible à l'adresse <a target="_blank" rel="noopener noreferrer" href="/doc/" title="Lien vers la documentation d'Automario">https://www.automario.eu/doc/</a>. L'ensemble de cette documentation est publiée sous licence MIT, pour que tout le monde puisse s'en servir librement. N'hésitez pas l'utiliser pour vos propres besoins si vous le souhaitez et à la partager comme bon vous semble.</p>
<p>Si besoin, l'ensemble des modifications faites aux logiciels utilisés ou les éventuels logiciels que je développe pour cette plateforme sont disponibles sous licences libres sur ma <a target="_blank" rel="noopener noreferrer" href="https://git.automario.eu/">forge Git</a>.</p>
<p>Si vous souhaitez savoir comment fonctionne Automario en interne, j'ai mis en ligne une documentation complète qui détaille l'installation des services sur mon serveur. Elle est disponible à l'adresse <a target="_blank" rel="noreferrer" href="/doc/" title="Lien vers la documentation d'Automario">https://www.automario.eu/doc/</a>. L'ensemble de cette documentation est publiée sous licence MIT, pour que tout le monde puisse s'en servir librement. N'hésitez pas l'utiliser pour vos propres besoins si vous le souhaitez et à la partager comme bon vous semble.</p>
<p>Si besoin, l'ensemble des modifications faites aux logiciels utilisés ou les éventuels logiciels que je développe pour cette plateforme sont disponibles sous licences libres sur ma <a target="_blank" rel="noreferrer" href="https://git.automario.eu/">forge Git</a>.</p>
</div>
<div class="formel">
<h2>Promouvoir et soutenir le Libre</h2>
<p>En utilisant ces services, vous soutenez la communauté du libre et vous faites la promotion de logiciels et technologies publiés sous licences libres. Mon infrastructure utilise également un serveur de secours fourni par l'association <a target="_blank" rel="noopener noreferrer" href="https://arn-fai.net/apropos">Alsace Réseau Neutre</a>. Ainsi, vous soutenez de ce fait la construction d'un Internet neutre à travers l'utilisation de mes services et vos donations.</p>
<p>Je m'engage enfin à inclure une petite participation à d'autres CHATONS et/ou à l'association Framasoft au sein de mes frais de fonctionnement, afin de soutenir leur travail et leur engagement quotidien. Si vous souhaitez plus de détails sur mes dépenses, vous pouvez consulter la page <a target="_blank" rel="noopener noreferrer" href="/engage/finance.html">Finances</a>.</p>
<p>En utilisant ces services, vous soutenez la communauté du libre et vous faites la promotion de logiciels et technologies publiés sous licences libres. Mon infrastructure utilise également un serveur de secours fourni par l'association <a target="_blank" rel="noreferrer" href="https://arn-fai.net/apropos">Alsace Réseau Neutre</a>. Ainsi, vous soutenez de ce fait la construction d'un Internet neutre à travers l'utilisation de mes services et vos donations.</p>
<p>Je m'engage enfin à inclure une petite participation à d'autres CHATONS et/ou à l'association Framasoft au sein de mes frais de fonctionnement, afin de soutenir leur travail et leur engagement quotidien. Si vous souhaitez plus de détails sur mes dépenses, vous pouvez consulter la page <a target="_blank" rel="noreferrer" href="/engage/finance.html">Finances</a>.</p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Détails concernant le matériel utilisé</h2>
<h1>Détails concernant le matériel utilisé</h1>
<p>À des fins de transparence, nous avons fait le choix de vous présenter l'ensemble des équipements et logiciels qui permettent de faire fonctionner l'infrastructure derrière AutoMario. Vous trouverez ici un résumé global du matériel et des logiciels qui sont utilisés par nos soins, ainsi que des informations concernant leur origine.</p>
<p>Si vous souhaitez avoir plus de détails ou si vous souhaitez reproduire une installation similaire, n'hésitez pas à consulter la <a href="/doc/" title="Lien rapide vers la documentation de la plateforme">documentation</a> disponible ou bien contacter l'administrateur via la <a href="/contact.html" title="Lien vers la page de contact">page de contact</a>.</p>
</div>
@ -111,9 +111,13 @@
<p><img alt="Schéma technique qui montre la configuration actuelle des serveurs de la plateforme" src="/pictures/server.jpg"/></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Éditeur collaboratif en ligne sous Etherpad</h2>
<h1>Éditeur collaboratif en ligne sous Etherpad</h1>
<p>Un service d'édition collaborative pour écrire des documents à plusieurs depuis son navigateur Web.</p>
<p>Ce service est proposé en libre accès à tou.te.s et aucune inscription n'est requise.</p>
</div>
@ -42,15 +42,19 @@
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser Etherpad ?</h3>
<p><a href="https://dane.ac-guyane.fr/spip.php?article428" target="_blank" rel="noopener noreferrer">Tutoriel en français pour utiliser Etherpad</a></p>
<p><a href="https://video.tedomum.net/videos/watch/35ee0b56-3db4-4881-839f-8b039e3bc975" target="_blank" rel="noopener noreferrer">Tutoriel vidéo en français pour utiliser Etherpad</a></p>
<p><a href="https://dane.ac-guyane.fr/spip.php?article428" target="_blank" rel="noreferrer">Tutoriel en français pour utiliser Etherpad</a></p>
<p><a href="https://video.tedomum.net/videos/watch/35ee0b56-3db4-4881-839f-8b039e3bc975" target="_blank" rel="noreferrer">Tutoriel vidéo en français pour utiliser Etherpad</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://github.com/ether/etherpad-lite#installation" target="_blank" rel="noopener noreferrer">Documentation officielle d'Etherpad-lite (en anglais)</a></p>
<p><a href="https://github.com/ether/etherpad-lite#installation" target="_blank" rel="noreferrer">Documentation officielle d'Etherpad-lite (en anglais)</a></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -15,14 +15,14 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Hébergement de capsules gemini</h2>
<p>Un service pour héberger votre capsule gemini sans prise de tête et pour mettre en avant vos textes et vos contributions. Ce service utilise un nom de domaine dédié (<a href="https://unbon.cafe/" target="_blank" rel="noopener noreferrer">unbon.cafe</a>), mais est hébergé sur la même infrastructure qu'Automario.</p>
<h1>Hébergement de capsules gemini</h1>
<p>Un service pour héberger votre capsule gemini sans prise de tête et pour mettre en avant vos textes et vos contributions. Ce service utilise un nom de domaine dédié (<a href="https://unbon.cafe/" target="_blank" rel="noreferrer">unbon.cafe</a>), mais est hébergé sur la même infrastructure qu'Automario.</p>
<p>Une capsule gemini est lexact équivalent dun site web sur le protocole Gemini. Cela peut être un site généraliste, une application, un blog (on dira alors gemlog).</p>
</div>
<div class="formel">
@ -38,18 +38,23 @@
<div class="formel">
<h2>Nous rejoindre</h2>
<p>Pour vous inscrire, envoyez votre pseudo et votre clé SSH publique à l'adresse : <a href="mailto:vinishor@unbon.cafe?subject=Nouvelle-capsule-pour-moi">vinishor@unbon.cafe</a></p>
<p>Pour plus de détails, vous pouvez consulter <a href="https://unbon.cafe/gemini.html" target="_blank" rel="noopener noreferrer">ici</a> la page dédié à gemini</p>
<p>Pour plus de détails, vous pouvez consulter <a href="https://unbon.cafe/gemini.html" target="_blank" rel="noreferrer">ici</a> la page dédié à gemini</p>
</div>
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser votre compte ?</h3>
<p><a href="https://unbon.cafe/gemini.html" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation de SFTP</a></p>
<p><a href="https://unbon.cafe/gemini.html" target="_blank" rel="noreferrer">Aide concernant l'utilisation de SFTP</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="https://tildegit.org/solene/vger" target="_blank" rel="noopener noreferrer">Code-source de Vger (en anglais)</a></p>
<p><a href="https://tildegit.org/solene/vger" target="_blank" rel="noreferrer">Code-source de Vger (en anglais)</a></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -15,60 +15,64 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Automario :</h2>
<p>Plateforme lyonnaise qui propose un ensemble de services libres et ouverts à tou.te.s, se basant sur le principe des <a class="inverse" title="Site officiel du collectif CHATONS" target="_blank" rel="noopener noreferrer" href="https://chatons.org/">CHATONS</a> (Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires)</p>
<h1>Automario</h1>
<p>Plateforme lyonnaise qui propose un ensemble de services libres et ouverts à tou.te.s, se basant sur le principe des <a class="inverse" title="Site officiel du collectif CHATONS" target="_blank" rel="noreferrer" href="https://chatons.org/">CHATONS</a> (Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires)</p>
<p>Sa mission : fournir des services de stockage et communication, une alternative aux services "gratuits" financés avec les pubs, pour vous aider à conserver votre vie privée sur Internet.</p>
<a rel="tag" href='#suite'>Aller à la suite</a>
</div>
<nav>
<h2 class="textmode">Menu de navigation</h2>
<div class="service">
<a title="Lien vers la page du service de messagerie" href="/mail/" class="lsf">mail</a>
<p>E-mail</p>
<a href="/mail/form.php" target="_blank" rel="noopener noreferrer" class="bouton">Inscription</a>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<a title="Lien vers la page du service de messagerie" href="/mail/">E-mail</a><br class="textmode">
<a href="/mail/form.php" target="_blank" rel="noreferrer" class="bouton">Inscription</a><br class="textmode">
<a href="https://mail.automario.eu" class="bouton">Accès au webmail</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service de cloud" href="/cloud/" class="lsf">server</a>
<p>Nextcloud</p>
<p class="bouton boutoff">Capacité max. atteinte</p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>
<a title="Lien vers la page du service de cloud" href="/cloud/">Nextcloud</a><br class="textmode">
<p class="bouton boutoff">Capacité max. atteinte</p><br class="textmode">
<a href="https://cloud.automario.eu" class="bouton">Accès au cloud</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service de stockage de coffre-fort" href="/bitwarden/" class="lsf">key</a>
<p>Coffre-fort</p>
<a href="/bitwarden/form.php" target="_blank" rel="noopener noreferrer" class="bouton">Inscription</a>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>
<a title="Lien vers la page du service de stockage de coffre-fort" href="/bitwarden/">Coffre-fort</a><br class="textmode">
<a href="/bitwarden/form.php" target="_blank" rel="noreferrer" class="bouton">Inscription</a><br class="textmode">
<a href="https://passwords.automario.eu" class="bouton">Accès au coffre-fort</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service d'éditeur en ligne" href="/etherpad/" class="lsf">edit</a>
<p>Éditeur en ligne</p>
<p class="bouton boutoff">Sans inscription</p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
<a title="Lien vers la page du service d'éditeur collaboratif en ligne" href="/etherpad/">Éditeur en ligne</a><br class="textmode">
<p class="bouton boutoff">Sans inscription</p><br class="textmode">
<a href="https://pad.automario.eu" title="Lien vers l'instance PadMario'" class="bouton">Accès aux pads</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service de messagerie instantanée" href="/xmpp/" class="lsf">comments</a>
<p>Messagerie XMPP</p>
<p class="bouton boutoff">En cours de test</p>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
<a title="Lien vers la page du service de messagerie instantanée" href="/xmpp/">Messagerie XMPP</a><br class="textmode">
<p class="bouton boutoff">En cours de test</p><br class="textmode">
<a href="https://meet.automario.eu/" title="Lien vers l'instance Converse.js'" class="bouton">Accès au client XMPP</a>
</div>
</div><hr class="textmode">
<div class="service">
<a title="Lien vers la page du service d'hébergement de capsules gemini" href="/gemini/" class="lsf">write</a>
<p>Capsule Gemini</p>
<a href="mailto:vinishor@unbon.cafe?subject=Nouvelle-capsule-pour-moi" target="_blank" rel="noopener noreferrer" class="bouton">Inscription</a>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>
<a title="Lien vers la page du service d'hébergement de capsules gemini" href="/gemini/">Capsule Gemini</a><br class="textmode">
<a href="mailto:vinishor@unbon.cafe?subject=Nouvelle-capsule-pour-moi" target="_blank" rel="noreferrer" class="bouton">Inscription</a><br class="textmode">
<a href="gemini://unbon.cafe" title="Lien vers la liste des capsules gemini publiées'" class="bouton">Liste des capsules</a>
</div>
</div><hr class="textmode">
<div class="service">
<a href="/doc/" title="Lien rapide vers la documentation de la plateforme" class="bouton">Documentation</a>
<a href="https://ping.automario.eu/status.php" title="Lien vers le système de surveillance en temps réel" class="bouton">État en temps réel</a>
<a href="https://status.automario.eu" title="Lien vers le système de suivi d'incidents" class="bouton">Suivi des incidents</a>
<a href="/engage/cgu.html" titie="Lien vers la page des Conditions Générales d'Utilisation" class="bouton">C.G.U</a>
<a href="/doc/" title="Lien rapide vers la documentation de la plateforme" class="bouton">Documentation</a><br class="textmode">
<a href="https://ping.automario.eu/status.php" title="Lien vers le système de surveillance en temps réel" class="bouton">État en temps réel</a><br class="textmode">
<a href="https://status.automario.eu" title="Lien vers le système de suivi d'incidents" class="bouton">Suivi des incidents</a><br class="textmode">
<a href="/engage/cgu.html" titie="Lien vers la page des Conditions Générales d'Utilisation" class="bouton">C.G.U</a><br class="textmode">
<a href="/engage/servers.html" titie="Lien vers la page des infos concernant les serveurs" class="bouton">Serveurs</a>
</div>
<div class="formel">
</nav>
<div id="suite" class="formel">
<h2>Les principes d'Automario</h2>
<ul>
<li>Décentralisation</li>
@ -91,15 +95,19 @@
<ul>
<li>Propulsé par un serveur auto-hébergé et un VPS associatif</li>
<li>Hébergé et géré en France</li>
<li>Créé et maintenu par <a class="inverse" title="Mon site perso" target="_blank" rel="noopener noreferrer" href="http://www.linuxmario.net">LinuxMario</a></li>
<li><a class="inverse" target="_blank" rel="noopener noreferrer" href="/engage/finance.html">Financé</a> à prix libre grâce à <a class="inverse" title="Ma page Liberapay pour les dons" target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">vos dons</a></li>
<li>Inspiré par le projet <a class="inverse" href="https://3hg.fr" target="_blank" rel="noopener noreferrer">3HG</a></li>
<li>Créé et maintenu par <a class="inverse" title="Mon site perso" target="_blank" rel=" noreferrer" href="http://www.linuxmario.net">LinuxMario</a></li>
<li><a class="inverse" target="_blank" rel="noreferrer" href="/engage/finance.html">Financé</a> à prix libre grâce à <a class="inverse" title="Ma page Liberapay pour les dons" target="_blank" rel="noreferrer" href="https://liberapay.com/linuxmario/donate">vos dons</a></li>
<li>Inspiré par le projet <a class="inverse" href="https://3hg.fr" target="_blank" rel="noreferrer">3HG</a></li>
</ul>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -101,9 +101,9 @@
function show_form()
{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo '<h2 id="inscription">Créer votre adresse mail</h2>';
echo '<h1 id="inscription">Créer votre adresse mail</h1>';
echo '<form id="contact" class="formstyle" method="post" action="'.$GLOBALS['subscribe_page'].'">';
echo '<ul>';
echo '<li>';
@ -133,7 +133,7 @@
echo '</ul>';
echo '</form>';
echo '</div>';
echo '</div>';
echo '</main>';
}
/* Inscription demandée, on affiche la réponse */
@ -189,23 +189,23 @@
// Envoi du mail
if (mail($admin_email, 'Demande de nouvelle inscription Mail', $message, $headers)) {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Demande effectuée avec succès</h2>";
echo "<p>Votre demande est bien envoyée, l'admin va s'en occuper.</p>";
echo "<p>Après réception, l'administrateur vous enverra un mail contenant vos identifiants de connexion. Le mot de passe assigné est généré aléatoirement.<br/>Je vous invite à bien sauvegarder ces informations et à changer votre mot de passe rapidement ou à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Attention : selon votre hébergeur, les mails peuvent arriver dans votre boîte de messages indésirables. Je vous invite alors à vérifier cette boîte avant de me contacter pour tout problème de réception de vos identifiants.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
} else {
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Echec du traitement de votre demande</h2>";
echo "<p>Une erreur est survenue lors de l'envoi du message. Nous n'avons pas pu traiter votre demande d'inscription.</p>";
echo "<p>Nous vous invitons à réessayer plus tard ou à contacter l'administrateur par mail ou IRC si vous n'arrivez toujours pas à nous l'envoyer.</p>";
echo "<p>Nous nous excusons pour la gêne occasionnée.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
};
}
}
@ -224,7 +224,7 @@
$content = file_get_contents($path);
unlink($path);
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Bienvenue sur automario.eu ☺</h2>";
echo "<p>Vos identifiants sont : </p>";
@ -238,16 +238,16 @@
echo "<p>Pour modifier votre mot de passe, vous pouvez utiliser le formulaire disponible sur <a href=https://mail.automario.eu>cette page</a>.<br/>Nous vous invitons à nous contacter par mail ou IRC en cas de problème.</p>";
echo "<p>Pour vous connecter, cliquez sur <a href=https://mail.automario.eu>ce lien</a>.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}
else{
echo '<div id="main">';
echo '<main>';
echo '<div class="formel">';
echo "<h2>Votre compte n'est pas (encore) disponible</h2>";
echo "<p>Il semble que votre compte ne soit pas encore prêt, ou bien le lien suivi est erroné ou périmé.</p>";
echo "<p>Dans le premier cas, réessayez plus tard, l'admin traite votre demande.</p>";
echo '</div>';
echo '</div>';
echo '</main>';
}

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Messagerie électronique</h2>
<h1>Messagerie électronique</h1>
<p>Un service de courriels pour envoyer vos messages et garantir des communications sans prise de tête.</p>
<p>Vous pouvez choisir entre une adresse en automario.eu et une adresse en unbon.cafe. Le service assuré restera le même dans tous les cas.</p>
</div>
@ -44,18 +44,23 @@
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour utiliser votre compte ?</h3>
<p><a href="/doc/mail/thunderbird/" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation du client mail</a></p>
<p><a href="/doc/mail/thunderbird/" target="_blank" rel="noreferrer">Aide concernant l'utilisation du client mail</a></p>
<h3>Envie de créer votre propre serveur ?</h3>
<p><a href="http://www.postfix.org/documentation.html" target="_blank" rel="noopener noreferrer">Documentation officielle de Postfix (en)</a></p>
<p><a href="https://wiki2.dovecot.org/FrontPage" target="_blank" rel="noopener noreferrer">Documentation officielle de Dovecot (en)</a></p>
<p><a href="https://sourceforge.net/p/postfixadmin/wiki/Home/" target="_blank" rel="noopener noreferrer">Documentation officielle de PostfixAdmin (en)</a></p>
<p><a href="/doc/mailserver/installation/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation du couple Postfix + Dovecot pour CentOS</a></p>
<p><a href="https://github.com/roundcube/roundcubemail/" target="_blank" rel="noopener noreferrer">Code-source de Roundcube (webmail)</a></p>
<p><a href="https://sourceforge.net/projects/postfixadmin/files/postfixadmin/" target="_blank" rel="noopener noreferrer">Code-source de PostfixAdmin (gestion des comptes utilisateurs)</a></p>
<p><a href="http://www.postfix.org/documentation.html" target="_blank" rel="noreferrer">Documentation officielle de Postfix (en)</a></p>
<p><a href="https://wiki2.dovecot.org/FrontPage" target="_blank" rel="noreferrer">Documentation officielle de Dovecot (en)</a></p>
<p><a href="https://sourceforge.net/p/postfixadmin/wiki/Home/" target="_blank" rel="noreferrer">Documentation officielle de PostfixAdmin (en)</a></p>
<p><a href="/doc/mailserver/installation/" target="_blank" rel="noreferrer">Tutoriel d'installation du couple Postfix + Dovecot pour CentOS</a></p>
<p><a href="https://github.com/roundcube/roundcubemail/" target="_blank" rel="noreferrer">Code-source de Roundcube (webmail)</a></p>
<p><a href="https://sourceforge.net/projects/postfixadmin/files/postfixadmin/" target="_blank" rel="noreferrer">Code-source de PostfixAdmin (gestion des comptes utilisateurs)</a></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

1
output/pictures/MIT.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="78" height="20" role="img" aria-label="licence: MIT"><title>licence: MIT</title><g shape-rendering="crispEdges"><rect width="47" height="20" fill="#555"/><rect x="47" width="31" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="245" y="140" transform="scale(.1)" fill="#fff" textLength="370">licence</text><text x="615" y="140" transform="scale(.1)" fill="#fff" textLength="210">MIT</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 638 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>

After

Width:  |  Height:  |  Size: 273 B

1
output/pictures/code.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>

After

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="109" height="20" role="img" aria-label="debian: buster"><title>debian: buster</title><g shape-rendering="crispEdges"><rect width="64" height="20" fill="#555"/><rect x="64" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZXNtb2tlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+RGViaWFuIGljb248L3RpdGxlPjxwYXRoIGQ9Ik0xMy44OCAxMi42ODVjLS40IDAgLjA4LjIuNjAxLjI4LjE0LS4xLjI3LS4yMi4zOS0uMzNhMy4wMDEgMy4wMDEgMCAwMS0uOTkuMDVtMi4xNC0uNTNjLjIzLS4zMy40LS42OS40Ny0xLjA2LS4wNi4yNy0uMi41LS4zMy43My0uNzUuNDctLjA3LS4yNyAwLS41Ni0uOCAxLjAxLS4xMS42LS4xNC44OW0uNzgxLTIuMDVjLjA1LS43MjEtLjE0LS41MDEtLjItLjIyMS4wNy4wNC4xMy41LjIuMjJNMTIuMzguMzFjLjIuMDQuNDUuMDcuNDIuMTIuMjMtLjA1LjI4LS4xLS40My0uMTJtLjQzLjEybC0uMTUuMDMuMTQtLjAxVi40M202LjYzMyA5Ljk0NGMuMDIuNjQtLjIuOTUtLjM4IDEuNWwtLjM1LjE4MWMtLjI4LjU0LjAzLjM1LS4xNy43OC0uNDQuMzktMS4zNCAxLjIyLTEuNjIgMS4zMDEtLjIwMSAwIC4xNC0uMjUuMTktLjM0LS41OTEuNC0uNDgxLjYtMS4zNzEuODVsLS4wMy0uMDZjLTIuMjIxIDEuMDQtNS4zMDMtMS4wMi01LjI1My0zLjg0Mi0uMDMuMTctLjA3LjEzLS4xMi4yYTMuNTUxIDMuNTUyIDAgMDEyLjAwMS0zLjUwMSAzLjM2MSAzLjM2MiAwIDAxMy43MzIuNDggMy4zNDEgMy4zNDIgMCAwMC0yLjcyMS0xLjNjLTEuMTguMDEtMi4yODEuNzYtMi42NTEgMS41Ny0uNi4zOC0uNjcgMS40Ny0uOTMgMS42NjEtLjM2MSAyLjYwMS42NiAzLjcyMiAyLjM4IDUuMDQyLjI3LjE5LjA4LjIxLjEyLjM1YTQuNzAyIDQuNzAyIDAgMDEtMS41My0xLjE2Yy4yMy4zMy40Ny42Ni44LjkxLS41NS0uMTgtMS4yNy0xLjMtMS40OC0xLjM1LjkzIDEuNjYgMy43OCAyLjkyMSA1LjI2MSAyLjNhNi4yMDMgNi4yMDMgMCAwMS0yLjMzLS4yOGMtLjMzLS4xNi0uNzctLjUxLS43LS41N2E1LjgwMiA1LjgwMyAwIDAwNS45MDItLjg0Yy40NC0uMzUuOTMtLjk0IDEuMDctLjk1LS4yLjMyLjA0LjE2LS4xMi40NC40NC0uNzItLjItLjMuNDYtMS4yNGwuMjQuMzNjLS4wOS0uNi43NC0xLjMyMS42Ni0yLjI2Mi4xOS0uMy4yLjMgMCAuOTcuMjktLjc0LjA4LS44NS4xNS0xLjQ2LjA4LjIuMTguNDIuMjMuNjMtLjE4LS43LjItMS4yLjI4LTEuNi0uMDktLjA1LS4yOC4zLS4zMi0uNTMgMC0uMzcuMS0uMi4xNC0uMjgtLjA4LS4wNS0uMjYtLjMyLS4zOC0uODYxLjA4LS4xMy4yMi4zMy4zNC4zNC0uMDgtLjQyLS4yLS43NS0uMi0xLjA4LS4zNC0uNjgtLjEyLjEtLjQtLjMtLjM0LTEuMDkxLjMtLjI1LjM0LS43NC41NC43Ny44NCAxLjk2Ljk4MSAyLjQ2LS4xLS42LS4yOC0xLjItLjQ5LTEuNzYuMTYuMDctLjI2LTEuMjQxLjIxLS4zN0E3LjgyMyA3LjgyNCAwIDAwMTcuNzAyIDEuNmMuMTguMTcuNDIuMzkuMzMuNDItLjc1LS40NS0uNjItLjQ4LS43My0uNjctLjYxLS4yNS0uNjUuMDItMS4wNiAwQzE1LjA4Mi43MyAxNC44NjIuOCAxMy44LjRsLjA1LjIzYy0uNzctLjI1LS45LjEtMS43MyAwLS4wNS0uMDQuMjctLjE0LjUzLS4xOC0uNzQxLjEtLjcwMS0uMTQtMS40MzEuMDMuMTctLjEzLjM2LS4yMS41NS0uMzItLjYuMDQtMS40NC4zNS0xLjE4LjA3QzkuNi42OCA3Ljg0NyAxLjMgNi44NjcgMi4yMkw2LjgzOCAyYy0uNDUuNTQtMS45NiAxLjYxMS0yLjA4IDIuMzExbC0uMTMxLjAzYy0uMjMuNC0uMzguODUtLjU3IDEuMjYxLS4zLjUyLS40NS4yLS40LjI4LS42IDEuMjItLjkgMi4yNTEtMS4xNiAzLjEwMi4xOC4yNyAwIDEuNjUuMDcgMi43Ni0uMyA1LjQ2MyAzLjg0IDEwLjc3NiA4LjM2MyAxMi4wMDYuNjcuMjMgMS42NS4yMyAyLjQ5LjI1LS45OS0uMjgtMS4xMi0uMTUtMi4wOC0uNDktLjctLjMyLS44NS0uNy0xLjM0LTEuMTNsLjIuMzVjLS45NzEtLjM0LS41Ny0uNDItMS4zNjEtLjY3bC4yMS0uMjdjLS4zMS0uMDMtLjgzLS41My0uOTctLjgxbC0uMzQuMDFjLS40MS0uNTAxLS42My0uODcxLS42MS0xLjE2MWwtLjExMS4yYy0uMTMtLjIxLTEuNTItMS45MDEtLjgtMS41MTEtLjEzLS4xMi0uMzEtLjItLjUtLjU1bC4xNC0uMTdjLS4zNS0uNDQtLjY0LTEuMDItLjYyLTEuMi4yLjI0LjMyLjMuNDUuMzMtLjg4LTIuMTcyLS45My0uMTItMS42MDEtMi4yMDJsLjE1LS4wMmMtLjEtLjE2LS4xOC0uMzQtLjI2LS41MWwuMDYtLjZjLS42My0uNzQtLjE4LTMuMTAyLS4wOS00LjQwMi4wNy0uNTQuNTMtMS4xLjg4LTEuOTgxbC0uMjEtLjA0Yy40LS43MSAyLjM0MS0yLjg3MiAzLjI0MS0yLjc2MS40My0uNTUtLjA5IDAtLjE4LS4xNC45Ni0uOTkxIDEuMjYtLjcgMS45MDEtLjg4LjctLjQwMS0uNi4xNi0uMjctLjE1MSAxLjItLjMuODUtLjcgMi40MjEtLjg1LjE2LjEtLjM5LjE0LS41Mi4yNiAxLS40OSAzLjE1MS0uMzcgNC41NjIuMjcgMS42My43NyAzLjQ2MSAzLjAxMSAzLjUzMSA1LjEzMmwuMDguMDJjLS4wNC44NS4xMyAxLjgyMS0uMTcgMi43MTFsLjItLjQyTTkuNTQgMTMuMjM2bC0uMDUuMjhjLjI2LjM1LjQ3LjczLjggMS4wMS0uMjQtLjQ3LS40Mi0uNjYtLjc1LTEuM20uNjItLjAyYy0uMTQtLjE1LS4yMi0uMzQtLjMxLS41Mi4wOC4zMi4yNi42LjQzLjg4bC0uMTItLjM2bTEwLjk0NS0yLjM4MmwtLjA3LjE1Yy0uMS43Ni0uMzQgMS41MTEtLjY5IDIuMjEyLjQtLjczLjY1LTEuNTQxLjc1LTIuMzYyTTEyLjQ1LjEyYy4yNy0uMS42Ni0uMDUuOTUtLjEyLS4zNy4wMy0uNzQuMDUtMS4xLjFsLjE1LjAyTTMuMDA2IDUuMTQyYy4wNy41Ny0uNDMuOC4xMS40Mi4zLS42Ni0uMTEtLjE4LS4xLS40Mm0tLjY0IDIuNjYxYy4xMi0uMzkuMTUtLjYyLjItLjg0LS4zNS40NC0uMTcuNTMtLjIuODMiLz48L3N2Zz4="/><text x="415" y="140" transform="scale(.1)" fill="#fff" textLength="370">debian</text><text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="350">buster</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

1
output/pictures/edit.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>

After

Width:  |  Height:  |  Size: 358 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 491 KiB

1
output/pictures/key.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>

After

Width:  |  Height:  |  Size: 345 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

1
output/pictures/mail.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>

After

Width:  |  Height:  |  Size: 347 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>

After

Width:  |  Height:  |  Size: 421 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>

After

Width:  |  Height:  |  Size: 298 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="88" height="20" role="img" aria-label="nanoc: 4.12.0"><title>nanoc: 4.12.0</title><g shape-rendering="crispEdges"><rect width="43" height="20" fill="#555"/><rect x="43" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="225" y="140" transform="scale(.1)" fill="#fff" textLength="330">nanoc</text><text x="645" y="140" transform="scale(.1)" fill="#fff" textLength="350">4.12.0</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 641 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pen-tool"><path d="M12 19l7-7 3 3-7 7-3-3z"></path><path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path><path d="M2 2l7.586 7.586"></path><circle cx="11" cy="11" r="2"></circle></svg>

After

Width:  |  Height:  |  Size: 384 B

1
output/pictures/w3c.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="92" height="20" role="img" aria-label="w3c: validated"><title>w3c: validated</title><g shape-rendering="crispEdges"><rect width="31" height="20" fill="#555"/><rect x="31" width="61" height="20" fill="#4c1"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="165" y="140" transform="scale(.1)" fill="#fff" textLength="210">w3c</text><text x="605" y="140" transform="scale(.1)" fill="#fff" textLength="510">validated</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 641 B

View File

@ -15,13 +15,13 @@
<header>
<a title="Page d'accueil du site" href="/index.html">
<picture>
<img alt="Logo officiel du projet - Tête de pengouin en pixelart" src="/pictures/logo.png"/>
<img alt="Logo officiel du projet - Tête de pengouin avec un chapeau rouge en pixelart" src="/pictures/logo.png"/>
</picture>
</a>
</header>
<div id="main">
<main>
<div class="formel">
<h2>Messagerie instantanée</h2>
<h1>Messagerie instantanée avec XMPP</h1>
<p>Un service de messagerie instantanée pour discuter à plusieurs et passer des appels audio et vidéo d'une personne à une autre.</p>
<p>Ce service sera proposé à toutes et tous via une inscription libre, mais il est encore en phase de test.</p>
</div>
@ -43,16 +43,20 @@
<div class="formel">
<h2>Comprendre le fonctionnement</h2>
<h3>Besoin d'aide pour comprendre le fonctionnement de XMPP ?</h3>
<p><a href="/doc/xmpp/client/" target="_blank" rel="noopener noreferrer">Aide concernant l'utilisation de XMPP</a></p>
<p><a href="/doc/xmpp/client/" target="_blank" rel="noreferrer">Aide concernant l'utilisation de XMPP</a></p>
<h3>Envie de créer votre serveur XMPP avec support vidéo ?</h3>
<p><a href="https://prosody.im/doc/" target="_blank" rel="noopener noreferrer">Documentation officielle de Prosody (en anglais)</a></p>
<p><a href="/doc/xmppserver/installation/" target="_blank" rel="noopener noreferrer">Tutoriel d'installation de Prosody sous Debian 10</a></p>
<p><a href="https://hg.prosody.im/" target="_blank" rel="noopener noreferrer">Code-source de Prosody</a></p>
<p><a href="https://prosody.im/doc/" target="_blank" rel="noreferrer">Documentation officielle de Prosody (en anglais)</a></p>
<p><a href="/doc/xmppserver/installation/" target="_blank" rel="noreferrer">Tutoriel d'installation de Prosody sous Debian 10</a></p>
<p><a href="https://hg.prosody.im/" target="_blank" rel="noreferrer">Code-source de Prosody</a></p>
</div>
</div>
</main>
<footer>
<p>Généré via <a title="Générateur de sites en Ruby" target="_blank" rel="noopener noreferrer" href="http://nanoc.ws/about/">Nanoc</a> / Propulsé par <a href="https://debian.org/" rel="noopener noreferrer" target="_blank" title="Lien vers le site officiel de Debian">Debian</a> / Licence <a title="Lien vers la licence du projet" rel="noopener noreferrer" target="_blank" href="/licence.txt">MIT</a> / <a target="_blank" rel="noopener noreferrer" href="https://liberapay.com/linuxmario/donate">Soutenir le projet</a> / Photo by <a rel="noopener noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> on Unsplash</p>
<a href="https://debian.org/" rel="external noreferrer" target="_blank" title="Lien vers le site officiel de Debian"><img alt="Propulsé par Debian," src="/pictures/debian.svg"/></a>
<a title="Générateur de sites en Ruby" target="_blank" rel="external noreferrer" href="http://nanoc.ws/about/"><img alt="Généré via Nanoc," src="/pictures/nanoc.svg"/></a>
<a title="Lien vers la licence du projet" rel="license noreferrer" target="_blank" href="/licence.txt"><img alt="Licence MIT," src="/pictures/MIT.svg"/></a>
<a target="_blank" rel="external nofollow noreferrer" href="https://liberapay.com/linuxmario/donate"><img alt="Soutenir le projet" src="https://www.linuxmario.net/pictures/linuxmario.svg"/></a>
<p>Photo par <a rel="external noreferrer" target="_blank" href="https://unsplash.com/photos/zWt9PnB4pCE">Henry Be</a> et publiée sur Unsplash</p>
</footer>
</body>
</html>

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="78" height="20" role="img" aria-label="licence: MIT"><title>licence: MIT</title><g shape-rendering="crispEdges"><rect width="47" height="20" fill="#555"/><rect x="47" width="31" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="245" y="140" transform="scale(.1)" fill="#fff" textLength="370">licence</text><text x="615" y="140" transform="scale(.1)" fill="#fff" textLength="210">MIT</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 638 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="78" height="20" role="img" aria-label="licence: MIT"><title>licence: MIT</title><g shape-rendering="crispEdges"><rect width="47" height="20" fill="#555"/><rect x="47" width="31" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="245" y="140" transform="scale(.1)" fill="#fff" textLength="370">licence</text><text x="615" y="140" transform="scale(.1)" fill="#fff" textLength="210">MIT</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 638 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="78" height="20" role="img" aria-label="licence: MIT"><title>licence: MIT</title><g shape-rendering="crispEdges"><rect width="47" height="20" fill="#555"/><rect x="47" width="31" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="245" y="140" transform="scale(.1)" fill="#fff" textLength="370">licence</text><text x="615" y="140" transform="scale(.1)" fill="#fff" textLength="210">MIT</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 638 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="78" height="20" role="img" aria-label="licence: MIT"><title>licence: MIT</title><g shape-rendering="crispEdges"><rect width="47" height="20" fill="#555"/><rect x="47" width="31" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="245" y="140" transform="scale(.1)" fill="#fff" textLength="370">licence</text><text x="615" y="140" transform="scale(.1)" fill="#fff" textLength="210">MIT</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 638 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-cloud"><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"></path></svg>

After

Width:  |  Height:  |  Size: 273 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>

After

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>

After

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>

After

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-code"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>

After

Width:  |  Height:  |  Size: 300 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="109" height="20" role="img" aria-label="debian: buster"><title>debian: buster</title><g shape-rendering="crispEdges"><rect width="64" height="20" fill="#555"/><rect x="64" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZXNtb2tlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+RGViaWFuIGljb248L3RpdGxlPjxwYXRoIGQ9Ik0xMy44OCAxMi42ODVjLS40IDAgLjA4LjIuNjAxLjI4LjE0LS4xLjI3LS4yMi4zOS0uMzNhMy4wMDEgMy4wMDEgMCAwMS0uOTkuMDVtMi4xNC0uNTNjLjIzLS4zMy40LS42OS40Ny0xLjA2LS4wNi4yNy0uMi41LS4zMy43My0uNzUuNDctLjA3LS4yNyAwLS41Ni0uOCAxLjAxLS4xMS42LS4xNC44OW0uNzgxLTIuMDVjLjA1LS43MjEtLjE0LS41MDEtLjItLjIyMS4wNy4wNC4xMy41LjIuMjJNMTIuMzguMzFjLjIuMDQuNDUuMDcuNDIuMTIuMjMtLjA1LjI4LS4xLS40My0uMTJtLjQzLjEybC0uMTUuMDMuMTQtLjAxVi40M202LjYzMyA5Ljk0NGMuMDIuNjQtLjIuOTUtLjM4IDEuNWwtLjM1LjE4MWMtLjI4LjU0LjAzLjM1LS4xNy43OC0uNDQuMzktMS4zNCAxLjIyLTEuNjIgMS4zMDEtLjIwMSAwIC4xNC0uMjUuMTktLjM0LS41OTEuNC0uNDgxLjYtMS4zNzEuODVsLS4wMy0uMDZjLTIuMjIxIDEuMDQtNS4zMDMtMS4wMi01LjI1My0zLjg0Mi0uMDMuMTctLjA3LjEzLS4xMi4yYTMuNTUxIDMuNTUyIDAgMDEyLjAwMS0zLjUwMSAzLjM2MSAzLjM2MiAwIDAxMy43MzIuNDggMy4zNDEgMy4zNDIgMCAwMC0yLjcyMS0xLjNjLTEuMTguMDEtMi4yODEuNzYtMi42NTEgMS41Ny0uNi4zOC0uNjcgMS40Ny0uOTMgMS42NjEtLjM2MSAyLjYwMS42NiAzLjcyMiAyLjM4IDUuMDQyLjI3LjE5LjA4LjIxLjEyLjM1YTQuNzAyIDQuNzAyIDAgMDEtMS41My0xLjE2Yy4yMy4zMy40Ny42Ni44LjkxLS41NS0uMTgtMS4yNy0xLjMtMS40OC0xLjM1LjkzIDEuNjYgMy43OCAyLjkyMSA1LjI2MSAyLjNhNi4yMDMgNi4yMDMgMCAwMS0yLjMzLS4yOGMtLjMzLS4xNi0uNzctLjUxLS43LS41N2E1LjgwMiA1LjgwMyAwIDAwNS45MDItLjg0Yy40NC0uMzUuOTMtLjk0IDEuMDctLjk1LS4yLjMyLjA0LjE2LS4xMi40NC40NC0uNzItLjItLjMuNDYtMS4yNGwuMjQuMzNjLS4wOS0uNi43NC0xLjMyMS42Ni0yLjI2Mi4xOS0uMy4yLjMgMCAuOTcuMjktLjc0LjA4LS44NS4xNS0xLjQ2LjA4LjIuMTguNDIuMjMuNjMtLjE4LS43LjItMS4yLjI4LTEuNi0uMDktLjA1LS4yOC4zLS4zMi0uNTMgMC0uMzcuMS0uMi4xNC0uMjgtLjA4LS4wNS0uMjYtLjMyLS4zOC0uODYxLjA4LS4xMy4yMi4zMy4zNC4zNC0uMDgtLjQyLS4yLS43NS0uMi0xLjA4LS4zNC0uNjgtLjEyLjEtLjQtLjMtLjM0LTEuMDkxLjMtLjI1LjM0LS43NC41NC43Ny44NCAxLjk2Ljk4MSAyLjQ2LS4xLS42LS4yOC0xLjItLjQ5LTEuNzYuMTYuMDctLjI2LTEuMjQxLjIxLS4zN0E3LjgyMyA3LjgyNCAwIDAwMTcuNzAyIDEuNmMuMTguMTcuNDIuMzkuMzMuNDItLjc1LS40NS0uNjItLjQ4LS43My0uNjctLjYxLS4yNS0uNjUuMDItMS4wNiAwQzE1LjA4Mi43MyAxNC44NjIuOCAxMy44LjRsLjA1LjIzYy0uNzctLjI1LS45LjEtMS43MyAwLS4wNS0uMDQuMjctLjE0LjUzLS4xOC0uNzQxLjEtLjcwMS0uMTQtMS40MzEuMDMuMTctLjEzLjM2LS4yMS41NS0uMzItLjYuMDQtMS40NC4zNS0xLjE4LjA3QzkuNi42OCA3Ljg0NyAxLjMgNi44NjcgMi4yMkw2LjgzOCAyYy0uNDUuNTQtMS45NiAxLjYxMS0yLjA4IDIuMzExbC0uMTMxLjAzYy0uMjMuNC0uMzguODUtLjU3IDEuMjYxLS4zLjUyLS40NS4yLS40LjI4LS42IDEuMjItLjkgMi4yNTEtMS4xNiAzLjEwMi4xOC4yNyAwIDEuNjUuMDcgMi43Ni0uMyA1LjQ2MyAzLjg0IDEwLjc3NiA4LjM2MyAxMi4wMDYuNjcuMjMgMS42NS4yMyAyLjQ5LjI1LS45OS0uMjgtMS4xMi0uMTUtMi4wOC0uNDktLjctLjMyLS44NS0uNy0xLjM0LTEuMTNsLjIuMzVjLS45NzEtLjM0LS41Ny0uNDItMS4zNjEtLjY3bC4yMS0uMjdjLS4zMS0uMDMtLjgzLS41My0uOTctLjgxbC0uMzQuMDFjLS40MS0uNTAxLS42My0uODcxLS42MS0xLjE2MWwtLjExMS4yYy0uMTMtLjIxLTEuNTItMS45MDEtLjgtMS41MTEtLjEzLS4xMi0uMzEtLjItLjUtLjU1bC4xNC0uMTdjLS4zNS0uNDQtLjY0LTEuMDItLjYyLTEuMi4yLjI0LjMyLjMuNDUuMzMtLjg4LTIuMTcyLS45My0uMTItMS42MDEtMi4yMDJsLjE1LS4wMmMtLjEtLjE2LS4xOC0uMzQtLjI2LS41MWwuMDYtLjZjLS42My0uNzQtLjE4LTMuMTAyLS4wOS00LjQwMi4wNy0uNTQuNTMtMS4xLjg4LTEuOTgxbC0uMjEtLjA0Yy40LS43MSAyLjM0MS0yLjg3MiAzLjI0MS0yLjc2MS40My0uNTUtLjA5IDAtLjE4LS4xNC45Ni0uOTkxIDEuMjYtLjcgMS45MDEtLjg4LjctLjQwMS0uNi4xNi0uMjctLjE1MSAxLjItLjMuODUtLjcgMi40MjEtLjg1LjE2LjEtLjM5LjE0LS41Mi4yNiAxLS40OSAzLjE1MS0uMzcgNC41NjIuMjcgMS42My43NyAzLjQ2MSAzLjAxMSAzLjUzMSA1LjEzMmwuMDguMDJjLS4wNC44NS4xMyAxLjgyMS0uMTcgMi43MTFsLjItLjQyTTkuNTQgMTMuMjM2bC0uMDUuMjhjLjI2LjM1LjQ3LjczLjggMS4wMS0uMjQtLjQ3LS40Mi0uNjYtLjc1LTEuM20uNjItLjAyYy0uMTQtLjE1LS4yMi0uMzQtLjMxLS41Mi4wOC4zMi4yNi42LjQzLjg4bC0uMTItLjM2bTEwLjk0NS0yLjM4MmwtLjA3LjE1Yy0uMS43Ni0uMzQgMS41MTEtLjY5IDIuMjEyLjQtLjczLjY1LTEuNTQxLjc1LTIuMzYyTTEyLjQ1LjEyYy4yNy0uMS42Ni0uMDUuOTUtLjEyLS4zNy4wMy0uNzQuMDUtMS4xLjFsLjE1LjAyTTMuMDA2IDUuMTQyYy4wNy41Ny0uNDMuOC4xMS40Mi4zLS42Ni0uMTEtLjE4LS4xLS40Mm0tLjY0IDIuNjYxYy4xMi0uMzkuMTUtLjYyLjItLjg0LS4zNS40NC0uMTcuNTMtLjIuODMiLz48L3N2Zz4="/><text x="415" y="140" transform="scale(.1)" fill="#fff" textLength="370">debian</text><text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="350">buster</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="109" height="20" role="img" aria-label="debian: buster"><title>debian: buster</title><g shape-rendering="crispEdges"><rect width="64" height="20" fill="#555"/><rect x="64" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZXNtb2tlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+RGViaWFuIGljb248L3RpdGxlPjxwYXRoIGQ9Ik0xMy44OCAxMi42ODVjLS40IDAgLjA4LjIuNjAxLjI4LjE0LS4xLjI3LS4yMi4zOS0uMzNhMy4wMDEgMy4wMDEgMCAwMS0uOTkuMDVtMi4xNC0uNTNjLjIzLS4zMy40LS42OS40Ny0xLjA2LS4wNi4yNy0uMi41LS4zMy43My0uNzUuNDctLjA3LS4yNyAwLS41Ni0uOCAxLjAxLS4xMS42LS4xNC44OW0uNzgxLTIuMDVjLjA1LS43MjEtLjE0LS41MDEtLjItLjIyMS4wNy4wNC4xMy41LjIuMjJNMTIuMzguMzFjLjIuMDQuNDUuMDcuNDIuMTIuMjMtLjA1LjI4LS4xLS40My0uMTJtLjQzLjEybC0uMTUuMDMuMTQtLjAxVi40M202LjYzMyA5Ljk0NGMuMDIuNjQtLjIuOTUtLjM4IDEuNWwtLjM1LjE4MWMtLjI4LjU0LjAzLjM1LS4xNy43OC0uNDQuMzktMS4zNCAxLjIyLTEuNjIgMS4zMDEtLjIwMSAwIC4xNC0uMjUuMTktLjM0LS41OTEuNC0uNDgxLjYtMS4zNzEuODVsLS4wMy0uMDZjLTIuMjIxIDEuMDQtNS4zMDMtMS4wMi01LjI1My0zLjg0Mi0uMDMuMTctLjA3LjEzLS4xMi4yYTMuNTUxIDMuNTUyIDAgMDEyLjAwMS0zLjUwMSAzLjM2MSAzLjM2MiAwIDAxMy43MzIuNDggMy4zNDEgMy4zNDIgMCAwMC0yLjcyMS0xLjNjLTEuMTguMDEtMi4yODEuNzYtMi42NTEgMS41Ny0uNi4zOC0uNjcgMS40Ny0uOTMgMS42NjEtLjM2MSAyLjYwMS42NiAzLjcyMiAyLjM4IDUuMDQyLjI3LjE5LjA4LjIxLjEyLjM1YTQuNzAyIDQuNzAyIDAgMDEtMS41My0xLjE2Yy4yMy4zMy40Ny42Ni44LjkxLS41NS0uMTgtMS4yNy0xLjMtMS40OC0xLjM1LjkzIDEuNjYgMy43OCAyLjkyMSA1LjI2MSAyLjNhNi4yMDMgNi4yMDMgMCAwMS0yLjMzLS4yOGMtLjMzLS4xNi0uNzctLjUxLS43LS41N2E1LjgwMiA1LjgwMyAwIDAwNS45MDItLjg0Yy40NC0uMzUuOTMtLjk0IDEuMDctLjk1LS4yLjMyLjA0LjE2LS4xMi40NC40NC0uNzItLjItLjMuNDYtMS4yNGwuMjQuMzNjLS4wOS0uNi43NC0xLjMyMS42Ni0yLjI2Mi4xOS0uMy4yLjMgMCAuOTcuMjktLjc0LjA4LS44NS4xNS0xLjQ2LjA4LjIuMTguNDIuMjMuNjMtLjE4LS43LjItMS4yLjI4LTEuNi0uMDktLjA1LS4yOC4zLS4zMi0uNTMgMC0uMzcuMS0uMi4xNC0uMjgtLjA4LS4wNS0uMjYtLjMyLS4zOC0uODYxLjA4LS4xMy4yMi4zMy4zNC4zNC0uMDgtLjQyLS4yLS43NS0uMi0xLjA4LS4zNC0uNjgtLjEyLjEtLjQtLjMtLjM0LTEuMDkxLjMtLjI1LjM0LS43NC41NC43Ny44NCAxLjk2Ljk4MSAyLjQ2LS4xLS42LS4yOC0xLjItLjQ5LTEuNzYuMTYuMDctLjI2LTEuMjQxLjIxLS4zN0E3LjgyMyA3LjgyNCAwIDAwMTcuNzAyIDEuNmMuMTguMTcuNDIuMzkuMzMuNDItLjc1LS40NS0uNjItLjQ4LS43My0uNjctLjYxLS4yNS0uNjUuMDItMS4wNiAwQzE1LjA4Mi43MyAxNC44NjIuOCAxMy44LjRsLjA1LjIzYy0uNzctLjI1LS45LjEtMS43MyAwLS4wNS0uMDQuMjctLjE0LjUzLS4xOC0uNzQxLjEtLjcwMS0uMTQtMS40MzEuMDMuMTctLjEzLjM2LS4yMS41NS0uMzItLjYuMDQtMS40NC4zNS0xLjE4LjA3QzkuNi42OCA3Ljg0NyAxLjMgNi44NjcgMi4yMkw2LjgzOCAyYy0uNDUuNTQtMS45NiAxLjYxMS0yLjA4IDIuMzExbC0uMTMxLjAzYy0uMjMuNC0uMzguODUtLjU3IDEuMjYxLS4zLjUyLS40NS4yLS40LjI4LS42IDEuMjItLjkgMi4yNTEtMS4xNiAzLjEwMi4xOC4yNyAwIDEuNjUuMDcgMi43Ni0uMyA1LjQ2MyAzLjg0IDEwLjc3NiA4LjM2MyAxMi4wMDYuNjcuMjMgMS42NS4yMyAyLjQ5LjI1LS45OS0uMjgtMS4xMi0uMTUtMi4wOC0uNDktLjctLjMyLS44NS0uNy0xLjM0LTEuMTNsLjIuMzVjLS45NzEtLjM0LS41Ny0uNDItMS4zNjEtLjY3bC4yMS0uMjdjLS4zMS0uMDMtLjgzLS41My0uOTctLjgxbC0uMzQuMDFjLS40MS0uNTAxLS42My0uODcxLS42MS0xLjE2MWwtLjExMS4yYy0uMTMtLjIxLTEuNTItMS45MDEtLjgtMS41MTEtLjEzLS4xMi0uMzEtLjItLjUtLjU1bC4xNC0uMTdjLS4zNS0uNDQtLjY0LTEuMDItLjYyLTEuMi4yLjI0LjMyLjMuNDUuMzMtLjg4LTIuMTcyLS45My0uMTItMS42MDEtMi4yMDJsLjE1LS4wMmMtLjEtLjE2LS4xOC0uMzQtLjI2LS41MWwuMDYtLjZjLS42My0uNzQtLjE4LTMuMTAyLS4wOS00LjQwMi4wNy0uNTQuNTMtMS4xLjg4LTEuOTgxbC0uMjEtLjA0Yy40LS43MSAyLjM0MS0yLjg3MiAzLjI0MS0yLjc2MS40My0uNTUtLjA5IDAtLjE4LS4xNC45Ni0uOTkxIDEuMjYtLjcgMS45MDEtLjg4LjctLjQwMS0uNi4xNi0uMjctLjE1MSAxLjItLjMuODUtLjcgMi40MjEtLjg1LjE2LjEtLjM5LjE0LS41Mi4yNiAxLS40OSAzLjE1MS0uMzcgNC41NjIuMjcgMS42My43NyAzLjQ2MSAzLjAxMSAzLjUzMSA1LjEzMmwuMDguMDJjLS4wNC44NS4xMyAxLjgyMS0uMTcgMi43MTFsLjItLjQyTTkuNTQgMTMuMjM2bC0uMDUuMjhjLjI2LjM1LjQ3LjczLjggMS4wMS0uMjQtLjQ3LS40Mi0uNjYtLjc1LTEuM20uNjItLjAyYy0uMTQtLjE1LS4yMi0uMzQtLjMxLS41Mi4wOC4zMi4yNi42LjQzLjg4bC0uMTItLjM2bTEwLjk0NS0yLjM4MmwtLjA3LjE1Yy0uMS43Ni0uMzQgMS41MTEtLjY5IDIuMjEyLjQtLjczLjY1LTEuNTQxLjc1LTIuMzYyTTEyLjQ1LjEyYy4yNy0uMS42Ni0uMDUuOTUtLjEyLS4zNy4wMy0uNzQuMDUtMS4xLjFsLjE1LjAyTTMuMDA2IDUuMTQyYy4wNy41Ny0uNDMuOC4xMS40Mi4zLS42Ni0uMTEtLjE4LS4xLS40Mm0tLjY0IDIuNjYxYy4xMi0uMzkuMTUtLjYyLjItLjg0LS4zNS40NC0uMTcuNTMtLjIuODMiLz48L3N2Zz4="/><text x="415" y="140" transform="scale(.1)" fill="#fff" textLength="370">debian</text><text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="350">buster</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="109" height="20" role="img" aria-label="debian: buster"><title>debian: buster</title><g shape-rendering="crispEdges"><rect width="64" height="20" fill="#555"/><rect x="64" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZXNtb2tlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+RGViaWFuIGljb248L3RpdGxlPjxwYXRoIGQ9Ik0xMy44OCAxMi42ODVjLS40IDAgLjA4LjIuNjAxLjI4LjE0LS4xLjI3LS4yMi4zOS0uMzNhMy4wMDEgMy4wMDEgMCAwMS0uOTkuMDVtMi4xNC0uNTNjLjIzLS4zMy40LS42OS40Ny0xLjA2LS4wNi4yNy0uMi41LS4zMy43My0uNzUuNDctLjA3LS4yNyAwLS41Ni0uOCAxLjAxLS4xMS42LS4xNC44OW0uNzgxLTIuMDVjLjA1LS43MjEtLjE0LS41MDEtLjItLjIyMS4wNy4wNC4xMy41LjIuMjJNMTIuMzguMzFjLjIuMDQuNDUuMDcuNDIuMTIuMjMtLjA1LjI4LS4xLS40My0uMTJtLjQzLjEybC0uMTUuMDMuMTQtLjAxVi40M202LjYzMyA5Ljk0NGMuMDIuNjQtLjIuOTUtLjM4IDEuNWwtLjM1LjE4MWMtLjI4LjU0LjAzLjM1LS4xNy43OC0uNDQuMzktMS4zNCAxLjIyLTEuNjIgMS4zMDEtLjIwMSAwIC4xNC0uMjUuMTktLjM0LS41OTEuNC0uNDgxLjYtMS4zNzEuODVsLS4wMy0uMDZjLTIuMjIxIDEuMDQtNS4zMDMtMS4wMi01LjI1My0zLjg0Mi0uMDMuMTctLjA3LjEzLS4xMi4yYTMuNTUxIDMuNTUyIDAgMDEyLjAwMS0zLjUwMSAzLjM2MSAzLjM2MiAwIDAxMy43MzIuNDggMy4zNDEgMy4zNDIgMCAwMC0yLjcyMS0xLjNjLTEuMTguMDEtMi4yODEuNzYtMi42NTEgMS41Ny0uNi4zOC0uNjcgMS40Ny0uOTMgMS42NjEtLjM2MSAyLjYwMS42NiAzLjcyMiAyLjM4IDUuMDQyLjI3LjE5LjA4LjIxLjEyLjM1YTQuNzAyIDQuNzAyIDAgMDEtMS41My0xLjE2Yy4yMy4zMy40Ny42Ni44LjkxLS41NS0uMTgtMS4yNy0xLjMtMS40OC0xLjM1LjkzIDEuNjYgMy43OCAyLjkyMSA1LjI2MSAyLjNhNi4yMDMgNi4yMDMgMCAwMS0yLjMzLS4yOGMtLjMzLS4xNi0uNzctLjUxLS43LS41N2E1LjgwMiA1LjgwMyAwIDAwNS45MDItLjg0Yy40NC0uMzUuOTMtLjk0IDEuMDctLjk1LS4yLjMyLjA0LjE2LS4xMi40NC40NC0uNzItLjItLjMuNDYtMS4yNGwuMjQuMzNjLS4wOS0uNi43NC0xLjMyMS42Ni0yLjI2Mi4xOS0uMy4yLjMgMCAuOTcuMjktLjc0LjA4LS44NS4xNS0xLjQ2LjA4LjIuMTguNDIuMjMuNjMtLjE4LS43LjItMS4yLjI4LTEuNi0uMDktLjA1LS4yOC4zLS4zMi0uNTMgMC0uMzcuMS0uMi4xNC0uMjgtLjA4LS4wNS0uMjYtLjMyLS4zOC0uODYxLjA4LS4xMy4yMi4zMy4zNC4zNC0uMDgtLjQyLS4yLS43NS0uMi0xLjA4LS4zNC0uNjgtLjEyLjEtLjQtLjMtLjM0LTEuMDkxLjMtLjI1LjM0LS43NC41NC43Ny44NCAxLjk2Ljk4MSAyLjQ2LS4xLS42LS4yOC0xLjItLjQ5LTEuNzYuMTYuMDctLjI2LTEuMjQxLjIxLS4zN0E3LjgyMyA3LjgyNCAwIDAwMTcuNzAyIDEuNmMuMTguMTcuNDIuMzkuMzMuNDItLjc1LS40NS0uNjItLjQ4LS43My0uNjctLjYxLS4yNS0uNjUuMDItMS4wNiAwQzE1LjA4Mi43MyAxNC44NjIuOCAxMy44LjRsLjA1LjIzYy0uNzctLjI1LS45LjEtMS43MyAwLS4wNS0uMDQuMjctLjE0LjUzLS4xOC0uNzQxLjEtLjcwMS0uMTQtMS40MzEuMDMuMTctLjEzLjM2LS4yMS41NS0uMzItLjYuMDQtMS40NC4zNS0xLjE4LjA3QzkuNi42OCA3Ljg0NyAxLjMgNi44NjcgMi4yMkw2LjgzOCAyYy0uNDUuNTQtMS45NiAxLjYxMS0yLjA4IDIuMzExbC0uMTMxLjAzYy0uMjMuNC0uMzguODUtLjU3IDEuMjYxLS4zLjUyLS40NS4yLS40LjI4LS42IDEuMjItLjkgMi4yNTEtMS4xNiAzLjEwMi4xOC4yNyAwIDEuNjUuMDcgMi43Ni0uMyA1LjQ2MyAzLjg0IDEwLjc3NiA4LjM2MyAxMi4wMDYuNjcuMjMgMS42NS4yMyAyLjQ5LjI1LS45OS0uMjgtMS4xMi0uMTUtMi4wOC0uNDktLjctLjMyLS44NS0uNy0xLjM0LTEuMTNsLjIuMzVjLS45NzEtLjM0LS41Ny0uNDItMS4zNjEtLjY3bC4yMS0uMjdjLS4zMS0uMDMtLjgzLS41My0uOTctLjgxbC0uMzQuMDFjLS40MS0uNTAxLS42My0uODcxLS42MS0xLjE2MWwtLjExMS4yYy0uMTMtLjIxLTEuNTItMS45MDEtLjgtMS41MTEtLjEzLS4xMi0uMzEtLjItLjUtLjU1bC4xNC0uMTdjLS4zNS0uNDQtLjY0LTEuMDItLjYyLTEuMi4yLjI0LjMyLjMuNDUuMzMtLjg4LTIuMTcyLS45My0uMTItMS42MDEtMi4yMDJsLjE1LS4wMmMtLjEtLjE2LS4xOC0uMzQtLjI2LS41MWwuMDYtLjZjLS42My0uNzQtLjE4LTMuMTAyLS4wOS00LjQwMi4wNy0uNTQuNTMtMS4xLjg4LTEuOTgxbC0uMjEtLjA0Yy40LS43MSAyLjM0MS0yLjg3MiAzLjI0MS0yLjc2MS40My0uNTUtLjA5IDAtLjE4LS4xNC45Ni0uOTkxIDEuMjYtLjcgMS45MDEtLjg4LjctLjQwMS0uNi4xNi0uMjctLjE1MSAxLjItLjMuODUtLjcgMi40MjEtLjg1LjE2LjEtLjM5LjE0LS41Mi4yNiAxLS40OSAzLjE1MS0uMzcgNC41NjIuMjcgMS42My43NyAzLjQ2MSAzLjAxMSAzLjUzMSA1LjEzMmwuMDguMDJjLS4wNC44NS4xMyAxLjgyMS0uMTcgMi43MTFsLjItLjQyTTkuNTQgMTMuMjM2bC0uMDUuMjhjLjI2LjM1LjQ3LjczLjggMS4wMS0uMjQtLjQ3LS40Mi0uNjYtLjc1LTEuM20uNjItLjAyYy0uMTQtLjE1LS4yMi0uMzQtLjMxLS41Mi4wOC4zMi4yNi42LjQzLjg4bC0uMTItLjM2bTEwLjk0NS0yLjM4MmwtLjA3LjE1Yy0uMS43Ni0uMzQgMS41MTEtLjY5IDIuMjEyLjQtLjczLjY1LTEuNTQxLjc1LTIuMzYyTTEyLjQ1LjEyYy4yNy0uMS42Ni0uMDUuOTUtLjEyLS4zNy4wMy0uNzQuMDUtMS4xLjFsLjE1LjAyTTMuMDA2IDUuMTQyYy4wNy41Ny0uNDMuOC4xMS40Mi4zLS42Ni0uMTEtLjE4LS4xLS40Mm0tLjY0IDIuNjYxYy4xMi0uMzkuMTUtLjYyLjItLjg0LS4zNS40NC0uMTcuNTMtLjIuODMiLz48L3N2Zz4="/><text x="415" y="140" transform="scale(.1)" fill="#fff" textLength="370">debian</text><text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="350">buster</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="109" height="20" role="img" aria-label="debian: buster"><title>debian: buster</title><g shape-rendering="crispEdges"><rect width="64" height="20" fill="#555"/><rect x="64" width="45" height="20" fill="#007ec6"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSJ3aGl0ZXNtb2tlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+RGViaWFuIGljb248L3RpdGxlPjxwYXRoIGQ9Ik0xMy44OCAxMi42ODVjLS40IDAgLjA4LjIuNjAxLjI4LjE0LS4xLjI3LS4yMi4zOS0uMzNhMy4wMDEgMy4wMDEgMCAwMS0uOTkuMDVtMi4xNC0uNTNjLjIzLS4zMy40LS42OS40Ny0xLjA2LS4wNi4yNy0uMi41LS4zMy43My0uNzUuNDctLjA3LS4yNyAwLS41Ni0uOCAxLjAxLS4xMS42LS4xNC44OW0uNzgxLTIuMDVjLjA1LS43MjEtLjE0LS41MDEtLjItLjIyMS4wNy4wNC4xMy41LjIuMjJNMTIuMzguMzFjLjIuMDQuNDUuMDcuNDIuMTIuMjMtLjA1LjI4LS4xLS40My0uMTJtLjQzLjEybC0uMTUuMDMuMTQtLjAxVi40M202LjYzMyA5Ljk0NGMuMDIuNjQtLjIuOTUtLjM4IDEuNWwtLjM1LjE4MWMtLjI4LjU0LjAzLjM1LS4xNy43OC0uNDQuMzktMS4zNCAxLjIyLTEuNjIgMS4zMDEtLjIwMSAwIC4xNC0uMjUuMTktLjM0LS41OTEuNC0uNDgxLjYtMS4zNzEuODVsLS4wMy0uMDZjLTIuMjIxIDEuMDQtNS4zMDMtMS4wMi01LjI1My0zLjg0Mi0uMDMuMTctLjA3LjEzLS4xMi4yYTMuNTUxIDMuNTUyIDAgMDEyLjAwMS0zLjUwMSAzLjM2MSAzLjM2MiAwIDAxMy43MzIuNDggMy4zNDEgMy4zNDIgMCAwMC0yLjcyMS0xLjNjLTEuMTguMDEtMi4yODEuNzYtMi42NTEgMS41Ny0uNi4zOC0uNjcgMS40Ny0uOTMgMS42NjEtLjM2MSAyLjYwMS42NiAzLjcyMiAyLjM4IDUuMDQyLjI3LjE5LjA4LjIxLjEyLjM1YTQuNzAyIDQuNzAyIDAgMDEtMS41My0xLjE2Yy4yMy4zMy40Ny42Ni44LjkxLS41NS0uMTgtMS4yNy0xLjMtMS40OC0xLjM1LjkzIDEuNjYgMy43OCAyLjkyMSA1LjI2MSAyLjNhNi4yMDMgNi4yMDMgMCAwMS0yLjMzLS4yOGMtLjMzLS4xNi0uNzctLjUxLS43LS41N2E1LjgwMiA1LjgwMyAwIDAwNS45MDItLjg0Yy40NC0uMzUuOTMtLjk0IDEuMDctLjk1LS4yLjMyLjA0LjE2LS4xMi40NC40NC0uNzItLjItLjMuNDYtMS4yNGwuMjQuMzNjLS4wOS0uNi43NC0xLjMyMS42Ni0yLjI2Mi4xOS0uMy4yLjMgMCAuOTcuMjktLjc0LjA4LS44NS4xNS0xLjQ2LjA4LjIuMTguNDIuMjMuNjMtLjE4LS43LjItMS4yLjI4LTEuNi0uMDktLjA1LS4yOC4zLS4zMi0uNTMgMC0uMzcuMS0uMi4xNC0uMjgtLjA4LS4wNS0uMjYtLjMyLS4zOC0uODYxLjA4LS4xMy4yMi4zMy4zNC4zNC0uMDgtLjQyLS4yLS43NS0uMi0xLjA4LS4zNC0uNjgtLjEyLjEtLjQtLjMtLjM0LTEuMDkxLjMtLjI1LjM0LS43NC41NC43Ny44NCAxLjk2Ljk4MSAyLjQ2LS4xLS42LS4yOC0xLjItLjQ5LTEuNzYuMTYuMDctLjI2LTEuMjQxLjIxLS4zN0E3LjgyMyA3LjgyNCAwIDAwMTcuNzAyIDEuNmMuMTguMTcuNDIuMzkuMzMuNDItLjc1LS40NS0uNjItLjQ4LS43My0uNjctLjYxLS4yNS0uNjUuMDItMS4wNiAwQzE1LjA4Mi43MyAxNC44NjIuOCAxMy44LjRsLjA1LjIzYy0uNzctLjI1LS45LjEtMS43MyAwLS4wNS0uMDQuMjctLjE0LjUzLS4xOC0uNzQxLjEtLjcwMS0uMTQtMS40MzEuMDMuMTctLjEzLjM2LS4yMS41NS0uMzItLjYuMDQtMS40NC4zNS0xLjE4LjA3QzkuNi42OCA3Ljg0NyAxLjMgNi44NjcgMi4yMkw2LjgzOCAyYy0uNDUuNTQtMS45NiAxLjYxMS0yLjA4IDIuMzExbC0uMTMxLjAzYy0uMjMuNC0uMzguODUtLjU3IDEuMjYxLS4zLjUyLS40NS4yLS40LjI4LS42IDEuMjItLjkgMi4yNTEtMS4xNiAzLjEwMi4xOC4yNyAwIDEuNjUuMDcgMi43Ni0uMyA1LjQ2MyAzLjg0IDEwLjc3NiA4LjM2MyAxMi4wMDYuNjcuMjMgMS42NS4yMyAyLjQ5LjI1LS45OS0uMjgtMS4xMi0uMTUtMi4wOC0uNDktLjctLjMyLS44NS0uNy0xLjM0LTEuMTNsLjIuMzVjLS45NzEtLjM0LS41Ny0uNDItMS4zNjEtLjY3bC4yMS0uMjdjLS4zMS0uMDMtLjgzLS41My0uOTctLjgxbC0uMzQuMDFjLS40MS0uNTAxLS42My0uODcxLS42MS0xLjE2MWwtLjExMS4yYy0uMTMtLjIxLTEuNTItMS45MDEtLjgtMS41MTEtLjEzLS4xMi0uMzEtLjItLjUtLjU1bC4xNC0uMTdjLS4zNS0uNDQtLjY0LTEuMDItLjYyLTEuMi4yLjI0LjMyLjMuNDUuMzMtLjg4LTIuMTcyLS45My0uMTItMS42MDEtMi4yMDJsLjE1LS4wMmMtLjEtLjE2LS4xOC0uMzQtLjI2LS41MWwuMDYtLjZjLS42My0uNzQtLjE4LTMuMTAyLS4wOS00LjQwMi4wNy0uNTQuNTMtMS4xLjg4LTEuOTgxbC0uMjEtLjA0Yy40LS43MSAyLjM0MS0yLjg3MiAzLjI0MS0yLjc2MS40My0uNTUtLjA5IDAtLjE4LS4xNC45Ni0uOTkxIDEuMjYtLjcgMS45MDEtLjg4LjctLjQwMS0uNi4xNi0uMjctLjE1MSAxLjItLjMuODUtLjcgMi40MjEtLjg1LjE2LjEtLjM5LjE0LS41Mi4yNiAxLS40OSAzLjE1MS0uMzcgNC41NjIuMjcgMS42My43NyAzLjQ2MSAzLjAxMSAzLjUzMSA1LjEzMmwuMDguMDJjLS4wNC44NS4xMyAxLjgyMS0uMTcgMi43MTFsLjItLjQyTTkuNTQgMTMuMjM2bC0uMDUuMjhjLjI2LjM1LjQ3LjczLjggMS4wMS0uMjQtLjQ3LS40Mi0uNjYtLjc1LTEuM20uNjItLjAyYy0uMTQtLjE1LS4yMi0uMzQtLjMxLS41Mi4wOC4zMi4yNi42LjQzLjg4bC0uMTItLjM2bTEwLjk0NS0yLjM4MmwtLjA3LjE1Yy0uMS43Ni0uMzQgMS41MTEtLjY5IDIuMjEyLjQtLjczLjY1LTEuNTQxLjc1LTIuMzYyTTEyLjQ1LjEyYy4yNy0uMS42Ni0uMDUuOTUtLjEyLS4zNy4wMy0uNzQuMDUtMS4xLjFsLjE1LjAyTTMuMDA2IDUuMTQyYy4wNy41Ny0uNDMuOC4xMS40Mi4zLS42Ni0uMTEtLjE4LS4xLS40Mm0tLjY0IDIuNjYxYy4xMi0uMzkuMTUtLjYyLjItLjg0LS4zNS40NC0uMTcuNTMtLjIuODMiLz48L3N2Zz4="/><text x="415" y="140" transform="scale(.1)" fill="#fff" textLength="370">debian</text><text x="855" y="140" transform="scale(.1)" fill="#fff" textLength="350">buster</text></g><script xmlns=""/></svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>

After

Width:  |  Height:  |  Size: 358 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>

After

Width:  |  Height:  |  Size: 358 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>

After

Width:  |  Height:  |  Size: 358 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>

After

Width:  |  Height:  |  Size: 358 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>

After

Width:  |  Height:  |  Size: 345 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>

After

Width:  |  Height:  |  Size: 345 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>

After

Width:  |  Height:  |  Size: 345 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>

After

Width:  |  Height:  |  Size: 345 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>

After

Width:  |  Height:  |  Size: 347 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>

After

Width:  |  Height:  |  Size: 347 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>

After

Width:  |  Height:  |  Size: 347 B

Some files were not shown because too many files have changed in this diff Show More