move images, cleaner css

README.md

@@ -91,3 +91,9 @@ C'est pricipallement le fichier `content/page/home.md` dont le contenu enregistr
 ### Articles
 
 Je ne sais pas encore…
+
+## Accessibilité
+
+99/100 en février 2022
+
+* https://accessibilitytest.org/results/W6C1LGTDyv_5

content/blog/autrement-dit.md

@@ -0,0 +1,10 @@
+---
+pagename: Autrement Dit
+title: Autrement Dit
+subtitle: Quittons Google®
+date: 2021-12-10
+author: tierce
+modified: 2022-01-28
+status: draft
+---
+

content/gnuragistes/gitea.md

@@ -69,7 +69,7 @@ $ gopass create --store demoland
 
 L'assistant qui apparaît vous posera quelques questions comme; quelle est l'URL du site web auquel se connectera l'utilisateur·ice, quel est son nom d'utilisateur·ice, quel genre de mot de passe faut-il créer, etc.  
 
-<img src="/images/gitea/creer-un-password-store.png" alt="Capture d'écran d'un terminal qui affiche la sortie de la commande gopass create --store demoland.">
+<img src="images/gitea/creer-un-password-store.png" alt="Capture d'écran d'un terminal qui affiche la sortie de la commande gopass create --store demoland.">
 
 Dans l'exemple repris sur la capture d'écran, vous noterez que le site web c'est `https://gnuragist.es`, que le nom d'utilisateur·ice c'est `demouser` et que cela sera chiffré sur base des clés de tierce et ptr, les deux Gnuragistes membres de ce trousseau de mots de passe.
 
@@ -77,7 +77,7 @@ Dans l'exemple repris sur la capture d'écran, vous noterez que le site web c'es
 
 Cela se fait dans l'interface d'administration de Yunohost ou à la [ligne de commande](https://yunohost.org/#/commandline) en ssh sur le serveur. Pour un confort plus visuel, voici ce que cela donne dans l'interface web.
 
-<img src="/images/gitea/creer-un-user-yunohost.png" alt="Capture d'écran de l'interface web de Yunohost lors de la création d'un compte utilisateur·ice.">
+<img src="images/gitea/creer-un-user-yunohost.png" alt="Capture d'écran de l'interface web de Yunohost lors de la création d'un compte utilisateur·ice.">
 
 Dans l'idée de **transmettre à l'association le login et mot de passe** pour lui permettre d'avoir accès principallement aux éléments suivants;
 
@@ -98,13 +98,13 @@ Cela se fait dans Gitea. Le choix du nom se repose sur « ce qui est cité régu
 
 L'organisation est **Privée** et les administrateur·ice·s *(à priori tous et toutes les gnuragistes)* peuvent gérer les équipes.
 
-<img src="/images/gitea/creer-une-organisation.png" alt="Capture d'écran de l'interface web de Gitea lors de la création d'une nouvelle organisation.">
+<img src="images/gitea/creer-une-organisation.png" alt="Capture d'écran de l'interface web de Gitea lors de la création d'une nouvelle organisation.">
 
 ### Créer un dépôt de mots de passes
 
 Ensuite nous créons un dépôt `password-store` qui contiendra les mots de passes chiffrés avec les clés [GPG](https://fr.wikipedia.org/wiki/GPG) des Gnuragistes susceptibles de contribuer au projet.
 
-<img src="/images/gitea/creer-un-depot-gitea-password-store.png" alt="Capture d'écran de l'interface web de Gitea lors de la création d'un dépôt pour le password-store.">
+<img src="images/gitea/creer-un-depot-gitea-password-store.png" alt="Capture d'écran de l'interface web de Gitea lors de la création d'un dépôt pour le password-store.">
 
 ### Faire le lien entre le trousseau local et celui du serveur Gitea
 
@@ -124,13 +124,13 @@ Par la suite, lors de l'ajout, de la modification ou de la suppression de mots d
 
 Et voici ce que vous verrez dans l'interface web de Gitea sur le serveur des Gnuragistes.
 
-![image|690x309](upload://7cbOnkpuIXMzaOqlDmjzCB5q9kW.png) 
+![vue du passwort-store dans Gitea](images/gitea/vue-du-password-store.png) 
 
 ### Créer un dépôt d'inventaire
 
 Il contiendra une documentation **et** le suivi du travail à réaliser ou réalisé en utilisant les *issues*.  Cela se fait de la même manière que pour le dépôt des mots de passe, si ce n'est qu'il n'est pas nécessaire d'utiliser Gopass évidemment et c'est donc plus simple. :sweat_smile:
 
-<img src="/images/gitea/vue-du-password-store.png" alt="Capture d'écran de l'interface web de Gitea affichant le contenu d'un password-store.">
+<img src="images/gitea/vue-du-password-store.png" alt="Capture d'écran de l'interface web de Gitea affichant le contenu d'un password-store.">
 
 ## Ajouter demouser à notre Gitea
 
@@ -140,7 +140,7 @@ Ensuite, le créateur ou la créatrice de l'organisation « demoland » dans Git
 
 Cela se fait dans la gestion des membres *(owners)* de l'organisation « demoland ».
 
-<img src="/images/gitea/creer-un-depot-gitea-inventaire.png" alt="Capture d'écran de l'interface web de Gitea lors de la création d'un dépôt pour l'inventaire.">
+<img src="images/gitea/creer-un-depot-gitea-inventaire.png" alt="Capture d'écran de l'interface web de Gitea lors de la création d'un dépôt pour l'inventaire.">
 
 ## Pour plus tard… GPG et demouser
 

content/gnuragistes/possibles.md

@@ -0,0 +1,65 @@
+---
+pagename: Possibilités
+title: 
+subtitle: 
+date: 2022-02-06
+modified: 2022-02-06
+status: draft
+---
+
+Les possibilité d'accompagnement avec les Gnuragistes sont nombreuses.
+
+## Nom de domaine
+
+Une collectivité numérique peut choisir de s'organiser au tour d'un [nom de domaine]().
+
+Le nom de domaine, pour faire une comparaison avec un monde physique, c'est comme les terres d'un royaume ou les différents locaux d'une entreprise.
+
+À la différrence près que dans le monde numérique, ce royaume peut appartenir à une seule personne et n'exister pour ses besoins personnels ou être mis en place par une multinationnale pour proposer des services divers et variés à une large, voir très large quantité d'utilisateurs et utilisatrices.
+
+Un nom de domaine n'est qu'une [chaîne de caractères]() que l'on se réserve pour un an ou pour plusieures années, renouvelable.  Tant que l'on paie le montant demandé par un [bureau d'enregistrement de nom de domaine](), un individu ou une organisation est considérée comme étant son propriétaire.
+
+Par exemple, gnuragist.es est un nom de domaine au même titre que belgium.be ou fsf.org ou les millions d'autres noms de domaine existants aujourd'hui.
+
+Disposer d'un nom de domaine est la base d'une forme d'autonomie sur Internet.
+
+### Utilisateurs et utilisatrices
+
+Lorsque vous créez un compte quelque part pour avoir une adresse mail machin.bidule@outlook.com ou que vous recevez vos identifiants et mot de passe pour votre compte étudiant @ulb.be par exemple, c'est que vous devenez un utilisateur ou une utilisatrice de services Internet proposé par l'organisation qui gère ce(s) nom(s) de domaine(s).
+
+### Services
+
+Être détenteur ou détentrice d'un nom de domaine c'est bien, mais cela ne sert par à grand chose si aucun service n'y est associé.
+
+Sur Internet, il y a énormément de ces « services » que l'on peut associer à un nom de domaine *(voir à plusieurs nom de domaines)*.
+
+Disposer d'un [site web]() est un exemple de service, mais également proposer des adresses mails, un espace de stockage de fichier, des outils de collaboration, des jeux en ligne, etc sont autant de services associable à un nom de domaine.
+
+### Hébergement
+
+Quelques soient le nombre de services ou le nombre d'utilisateurs et utilisatrices qu'un nom de domaine peut proposer ou accueillir, cela ne se fait pas sans ordinateur qu'on appellera « serveur » ou « service cloud ».
+
+
+
+
+Mais, 
+
+Il y est question de 
+
+Les pleins pouvoirs sont dans les mains de 
+
+
+## Auto-hébergement
+
+Un ordinateur mis quelque part.
+
+Avec un VPN de Neutrinet
+
+
+## Nubo
+
+
+## Domaine Public
+
+
+## Chez Mémé

content/gnuragistes/serieux.md

@@ -0,0 +1,18 @@
+---
+pagename: Soyons sérieux·ses
+title: Soyons sérieux·ses
+subtitle: Le sérieux demande de la rigueur
+date: 2022-02-06
+---
+
+Mais il ne faut pas exagérer l'utilité du sérieux, de la rigueur ou de l'expertise au risque d'encourager l'émergence de positions dominantes.
+
+Nous avons beau être expert·e·s du numérique, nous n'encourageons pas l'émergence de ces positions dominantes.
+
+Le mouvement du logiciel libre se construit autour de différentes communautés de personnes qui écrivent des programmes souvent pour, et parfois avec, d'autres personnes qui utilisent ces programmes.
+
+C'est en conservant une humilité dans l'expertise que l'outil numérique devient libre et potentiellement émancipateur.  
+
+Nous consacrons le plus de temps possible à discuter, collectivement avec les personnes <s>pour</s> avec lesquelles nous travaillons.
+
+Telle est notre conception du sérieux.

content/pages/gnu.md

@@ -7,7 +7,7 @@ date: 2021-07-01
 modified: 2021-07-04
 ---
 
-<img src="/images/gnu/heckert_gnu_pink.svg" class="right" alt="Le dessin du gnou du projet GNU">
+<img src="images/gnu/heckert_gnu_pink.svg" class="right" alt="Le dessin du gnou du projet GNU">
 
 La [Tête de GNU](https://www.gnu.org/graphics/agnuhead.fr.html)<br />
 une image avec une longue histoire,<br />

content/pages/home.md

@@ -8,7 +8,7 @@ modified: 2021-07-04
 save_as: index.html
 ---
 
-<img src="/images/home/zebras-sans-G-blanc.png" class="right pure-img reduce" alt="Logo en tête de zèbre"></a>
+<img src="images/home/zebras-sans-G-blanc.png" class="right pure-img reduce" alt="Logo en tête de zèbre"></a>
 gnuragistes,<br />
 les gentil·le·s desrangé·e·s,<br />
 enragé·e·s du logiciel Libre,<br />
@@ -35,7 +35,7 @@ Un soucis, des questions, besoin d’aide avec votre [GNU](/gnu.html)/[Linux](/l
 Notre maxime … **Sieste, recherche et développement.**
 
 <a href="https://www.openstreetmap.org/way/228420463" target="_blank">
-    <img src="/images/home/map.png" class="right pure-img reduce"  alt="Carte de Schaerbeek">
+    <img src="images/home/map.png" class="right pure-img reduce"  alt="Carte de Schaerbeek">
 </a>
 
 Au [Hacklab](https://hacklab.brussels/)<br />

content/pages/linux.md

@@ -7,7 +7,7 @@ date: 2021-07-01
 modified: 2021-07-04
 ---
 
-<img src="/images/linux/ewing-tux.png" class="right" alt="TUX, la mascote de linux, mais en rose"></a>
+<img src="images/linux/ewing-tux.png" class="right" alt="TUX, la mascote de linux, mais en rose"></a>
 
 La mascotte de Linux,<br />
 c'est [Tux](https://fr.wikipedia.org/wiki/Tux),<br />

content/pages/poen.md

@@ -7,9 +7,9 @@ date: 2021-09-29
 modified: 2021-10-08
 ---
 
-<img src="/images/poen/womanmoney-by-liftarm.svg" class="right" alt="Une femme au look fifties tenant des billets de banque d'une valeur de 5" width="30%">
+<img src="images/poen/womanmoney-by-liftarm.svg" class="right" alt="Une femme au look fifties tenant des billets de banque d'une valeur de 5" width="30%">
 
-## conditions
+## Conditions
 
 Nos hacktivités s'articulent dans les cadres suivants;
 
@@ -24,7 +24,7 @@ Nos hacktivités s'articulent dans les cadres suivants;
 
 qui sont les concepts principaux qui nous animent.
 
-## soutien régulier
+## Soutien régulier
 
 Si c'est pour un soutien régulier, nous préférons un versement mensuel avec une facture annuelle ou mensuelle, à votre convenance.
 
@@ -37,7 +37,7 @@ Pour émettre une facture (avec tva 21%) nous avons besoin de vos coordonnées.
 Les factures sont émises par [Petites Singularités asbl](https://ps.zoethical.org/), entreprise n°[BE0672690941](https://kbopub.economie.fgov.be/kbopub/zoeknummerform.html?nummer=0672690941&actionLu=Rechercher).
 
 
-## don
+## Don
 
 Si c'est pour une participation ponctuelle, le plus simple est un versement à prix libre sur le compte des gnuragistes :
 

content/tutos/ssh.md

@@ -26,7 +26,7 @@ Nous n'entrerons pas dans les détail du choix de la langue, de la configuration
 
 Pour ce qui est du choix des paquets, nous cocherons **uniquement** `[x] SSH server`.
 
-<img src="/images/ssh/paquet-ssh.png" class="pure-img" alt="Installateur Debian 11 affichant le sélecteur de paquet où seul SSH Server est coché">
+<img src="images/ssh/paquet-ssh.png" class="pure-img" alt="Installateur Debian 11 affichant le sélecteur de paquet où seul SSH Server est coché">
 
 ## Retrouver l'adresse IP du nouveau serveur
 

pelicanconf.py

@@ -7,7 +7,12 @@ AUTHOR = 'Gnuragistes'
 SITENAME = 'Gnuragist.es'
 
 PATH = 'content'
-STATIC_PATHS = ['images','fichiers']
+STATIC_PATHS = [
+    'fichiers',
+    'tutos/images',
+    'pages/images',
+    'gnuragistes/images'
+    ]
 PAGE_PATHS = ['pages']
 
 TIMEZONE = 'Europe/Brussels'
@@ -34,7 +39,7 @@ AUTHOR_FEED_RSS = None
 # ('texte affiché','url','icone ForkAwsome')
 # Pour les icones ForkAwsome voir https://forkaweso.me/Fork-Awesome/cheatsheet/
 MENUITEMS = (('Home', '/', 'fa-home'),
-            ('À propos', '/category/gnuragistes.html', 'fa-gnu'),
+            ('Gnuragistes', '/category/gnuragistes.html', 'fa-gnu'),
             ('Tutos', '/category/tutos.html', 'fa-lightbulb-o'),
             ('Blog', '/category/blog.html', 'fa-book'),
             ('Poen', '/poen.html', 'fa-money'),

template/gnuragistes/static/css/classes.css

@@ -1,7 +1,7 @@
 /* classes */
 
 .smaller {
-    font-size: smaller;
+    font-size: 1.2rem;
 }
 
 .hide

template/gnuragistes/static/css/gnuragistes.css

@@ -39,19 +39,19 @@ a
 
 h1 
 {
-    font-size: 4rem;
+    font-size: 3rem;
     color: #bbb;
 }
 
 h2 
 {
-    font-size: 3rem;
+    font-size: 2rem;
     color: #bbb;
 }
 
 h3 
 {
-    font-size: 2rem;
+    font-size: 1.5rem;
     color: #bbb;
 }
 
@@ -69,7 +69,6 @@ img
 p, ul, table
 {
     font-size: 1.5rem;
-    /*text-transform: uppercase;*/
 }
 
 table
@@ -92,21 +91,6 @@ pre, code {
         line-height: 1.8;
     }
 
-    h1 
-    {
-        font-size: 4rem;
-    }
-
-    h2 
-    {
-        font-size: 3rem;
-    }
-
-    h3 
-    {
-        font-size: 2rem;
-    }
-
     img 
     {
         max-width: 90%;
@@ -115,9 +99,7 @@ pre, code {
 
     p 
     {
-        font-size: 1.5rem;
-        text-transform: uppercase;
-        font-weight: bold;
+        font-size: 2rem;
     }
 
 }

template/gnuragistes/templates/category.html

@@ -20,17 +20,22 @@
 
 {% block description %} 
 
-    {% if category == "blog" %} Des idées, des avis… {% endif %}
-    {% if category == "tutos" %} Des trucs et astuces avec l'un ou l'autre outil {% endif %}
+    {% if category == "blog" %} Des idées, des avis, des souvenirs… {% endif %}
+    {% if category == "tutos" %} Des trucs et astuces avec l'un ou l'autre outil. {% endif %}
     {% if category == "gnuragistes" %} Peut-être aussi vers quoi nous souhaiterions aller. {% endif %}
 
 {% endblock %}
 
 {% block content %}
 {% if articles_page %}
-    {% for article in articles|sort(attribute="title") %}
-        <h3><a href="{{ article.url }}">{{ article.title }}</a>, <span class="smaller"> {{ article.author }}, le 
-        {% if article.modified %}{{ article.modified|strftime('%d %B %Y')}}{% else %}{{ article.date|strftime('%d %B %Y')}}{% endif %}</span></h3>
+    {% for article in articles %}
+        <h3>
+            <a href="{{ article.url }}">{{ article.title }}</a><br />
+            <span class="smaller"> 
+                {{ article.author }}, 
+                le {{ article.date|strftime('%d %B %Y')}}{% if article.modified %}, modifié le {{ article.modified|strftime('%d %B %Y')}}{% endif %}
+            </span>
+        </h3>
     {% endfor %}
 {% endif %}
 {% endblock content %}