fix: meilleur description DfoS

Fixes #24

_includes/layouts/home.njk

@@ -20,10 +20,10 @@ layout: layouts/base.njk
   </iframe>
   
   <div class="align-center mt-1">
-    <a href="https://blog.kazhnuz.space/rss.xml" class="btn btn-warning ml-1 mr-1">RSS</a>
+    <a href="https://blog.kazhnuz.space/rss.xml" class="btn btn-warning d-inlineblock ml-1 mr-1">RSS</a>
     {%- for link in social -%}
       {%- if (link.showHome == true) -%}
-        <a href="{{link.url}}" class="btn btn-primary ml-1 mr-1">{{link.name}}</a>
+        <a href="{{link.url}}" class="btn btn-primary d-inlineblock ml-1 mr-1">{{link.name}}</a>
       {%- endif -%}
     {%- endfor -%}
   </div>

content/about/carry.md

@@ -0,0 +1,36 @@
+---
+layout: layouts/subpages.njk
+permalink: /carry
+eleventySubNavigation:
+  parent: À propos
+  key: /carry
+  description: Ce que je porte sur moi
+  order: 1
+---
+
+# Ce que j'ai sur moi
+
+J'ai souvent quelques trucs pour moi, et voici la page pour décrire ce que j'ai souvent dans mon sac
+
+## Sur moi
+
+J'ai un petit sac qui contient sur moi le plus important. J'ai aussi quelques trucs qui vont 
+
+- Mon téléphone, un smartphone Nokia 7.1
+- Un petit portefeuille avec toute mes cartes et tout.
+- Un mini portefeuille gay-pride qui contient ma carte de bus/tram et me sert de porte clef.
+- Un baladeur MP3 tout con, sans écran tactile (mais avec un petit écran quand même), qui a l'aventage de tenir longtemps avec sa batterie
+- Mes lunette solaire.
+- Mon casque, qui est un casque à fil mais dont le fil n'est PAS intégré, pour pouvoir le remplacer facilement.
+
+## Dans mon sac à dos
+
+Je me suis également pris un sac à dos pour pouvoir transporter plus d'affaire quand je suis en trajet ou que j'ai besoin de trucs comme mon ordinateur. Dedans, j'y inclus des éléments comme :
+
+- Une liseuse - j'aime bien avoir ma liseuse sur moi, cela me permet de pouvoir me poser et lire tranquillou avec ma musique
+- Une console Ambernic RG353P - Un bon moyen d'avoir accès à pleins de petits jeux, en plus elle est en plastique noir transparent
+- Une trousse avec un crayon bille à cartouche, des crayons de bois et des feutres de couleurs
+- Un bullet journal et un carnet
+- Mon laptop
+- Une bouteille d'eau
+- Des sachets de thé à infusion froide quand je veux être fancy

content/about/index.md

@@ -3,7 +3,6 @@ layout: layouts/about.njk
 eleventyNavigation:
   key: À propos
   order: 0
-accentColor: blue
 ---
 
 # À propos
@@ -82,6 +81,18 @@ J’ai pour but de faire pas mal d’autres petits sites suivant mes intérêts
   {%- endfor -%}
 </div>
 
+## Pages slashes
+
+Des [pages slashes](https://slashpages.net/#uses) sont des petites pages descriptives souvent utilisé dans le web indépendant pour se décrire ou donner plus d'information sur soi. J'en ai quelques uns que je trouve fun et les vois.
+
+<ul>
+  {%- for post in collections.all | sort(false, true, "data.eleventySubNavigation.order") -%}
+    {%- if post.data.eleventySubNavigation.parent == eleventyNavigation.key -%}
+      <li><a href="{{ post.url }}">{{ post.data.eleventySubNavigation.key }}</a> - {{ post.data.eleventySubNavigation.description }}</li>
+    {%- endif -%}
+  {%- endfor -%}
+</ul>
+
 ## Crédits
 
 - Site propulsé par [Eleventy](11ty.org)

content/about/uses.md

@@ -0,0 +1,78 @@
+---
+layout: layouts/subpages.njk
+permalink: /uses
+eleventySubNavigation:
+  parent: À propos
+  key: /uses
+  description: Ce que j'utilise au quotidien
+  order: 1
+---
+
+# Ce que j'utilise au quotidien
+
+Voici une petite page pour décrire les logiciels que j'utilise au quotidien. Une seconde page existe pour les objets que j'ai sur moi au quotidien.
+
+## Ordinateurs
+
+J'utilise principalement (hors taff) deux ordinateurs : une tour et un laptop.
+
+Voici les spécification de ma tour. Je l'ai construite il y a 3~4 ans je crois, pour me faire un cadeau après mes premières années de taff.
+
+- Processeur : AMD Ryzen 7 3700X
+- Carte graphique : AMD Radeon™ RX 5700 XT
+- RAM : 32 Go
+- Un disque dur de 8.5 To (contient ma partition /home)
+- Un SSD de 500 Go (contient mon système)
+- OS:  Ubuntu sous la dernière version
+- Interface : GNOME Vanilla avec comme extensions Cafféine et GSConnect (pour relier à mon téléphone portable)
+
+C'est un bon PC qui fait bien son taff et qui marche bien sous Linux, et c'est ce que je lui demande. Avec je peux faire du gaming, travailler sur mes projets, écrire, et le garder encore un moment.
+
+Mon Laptop est un Lenovo Ideapad 3
+
+- Processeur : AMD Ryzen 5 3500U
+- Puce graphique : AMD Radeon Vega 8
+- RAM : 8 Go
+- Un disque dur de 1 To (contient ma partition /home)
+- Un SSD de 250 Go (contient mon système)
+- OS:  Fedora Silverblue
+- Interface : GNOME Vanilla avec comme extensions Cafféine et GSConnect (pour relier à mon téléphone portable)
+
+C'est mon PC que j'utilise quand je vais faire du JDR avec des potes, ou quand je suis en voyage. Malheureusement, il commence à avoir des soucis de reboot intempestif, je compte tenter une réinstallation pour voir si ça résoud le soucis.
+
+## Applications
+
+Voici les applications que j'utilise au quotidien et que je trouve cool. J'ai une préférence pour les applications GNOME, dont j'aime la simplicité et la philosophie du "do one thing and do it well".
+
+J'ai aussi une préférence pour utiliser autant que possible des applications native quand je peux au lieu d'utiliser des sites webs.
+
+Voici les applications que j'utilise pour la navigation / connections :
+
+- Navigateur web : Firefox avec pas mal d'extensions (article à venir sur quarante-douze)
+- Mail : Thunderbird (j'attends avec impatience un plus minimal pour GNOME XD)
+- Lecteur de flux RSS : [Newsflash](https://apps.gnome.org/fr/NewsFlash/)
+- Mastodon & Fedivers : [Tuba](https://tuba.geopjr.dev/)
+- Messagerie instantanée : Discord (personne n'est parfait), [Fractal](https://flathub.org/apps/org.gnome.Fractal) pour Matrix, [Dino](https://flathub.org/apps/im.dino.Dino) pour XMPP. J'hésite à utiliser Signal également, mais j'ai peu de gens autour de moi qui l'utilisent.
+
+Sinon, voici quelques autres applis que j'utilise au quotidien :
+
+- Écriture : [Apostrophe](https://apps.gnome.org/fr/Apostrophe/) est un éditeur de fichier markdown que j'utilise pour écrire mes articles de blogs. Pour les projets de romans j'ai plus tendance à utiliser LibreOffice.
+- Mot de Passe / MFA : [Secrets](https://apps.gnome.org/fr/Secrets/) est mon gestionnaire de mot de passe et [Authenticator](https://apps.gnome.org/fr/Authenticator/) mon gestionnaire d'authent à deux facteur.
+- Musique : [Gapless](https://flathub.org/apps/com.github.neithern.g4music)
+- Developpement : Eclipse (pour Woltar & projet kobold) et [VSCodium](https://flathub.org/apps/com.vscodium.codium) (pour le reste)
+
+## Web
+
+Voici les serveurs que j'utilise et les moteurs utilisé par différents de mes sites :
+
+- Un serveur sous Ubuntu comporte tout les sites statiques (sous Eleventy) + mes deux blogs persos (qui sont sous Bludit)
+- Un serveur sous Yunohost comporte le reste de mes services et les blogs encore sous wordpress
+
+Sous Yunohost, j'utilise les services suivants :
+
+- Cloud : Nextcloud
+- RSS : Freshrss
+- Read-It-Later : Wallabag
+- Forge git : Forgejo
+- CI : Drone (sera remplacé peut-être par Forgejo Actions)
+- Fedivers : Gotosocial

content/projets/index.md

@@ -50,3 +50,7 @@ J'ai diverse participations sur plusieurs sites, ou je fais des travaux plus ou
 - **Aestrus** : Univers de light SF anthro. Site en cours de création.
   - *Quatorze* : Un mini-roman de science-fiction ou un adolescent élevé pour être le « clone mental » d’un ancien empereur apprend à avoir une identité et des buts dans la vie.
 - **Ailleurs** : Série de romans courts ou deux adolescentes vont découvrir un gamin capable de voyager entre les mondes et de les y entrainer. L’idée est de présenter le multivers sous un angle nouveau, celui du voyage dans des histoires différentes. C’est une reprise d’un vieux projets que j’avais eut pour un inktober, mais l’idée convenait pas trop au format que j’avais, on passait de monde en monde trop vite.
+
+## Vieux projets
+
+Vous pouvez accéder à mes vieux projets abandonnés sur [cette page](/vault)

content/univers/univers.md

@@ -19,7 +19,7 @@ Cet univers a un aspect chorale ou on retrouve pèle-mèle de la magie, des tech
 
 ### Univers dérivés
 
-- [Dragons from Outer Space](https://erratum.kazhnuz.space/extensions/dfos/) est un dérivé de l’univers d’Erratum avec une approche « space fantasy ». Il se passe dans le système de Dagda et reprend de nombreux éléments de l’univers d’Erratum. Il existe pour permettre quelques autres types de campagnes dans le système d’Erratum.
+- [Dragons from Outer Space](https://erratum.kazhnuz.space/extensions/dfos/) est un dérivé de l’univers d’Erratum avec une approche « space fantasy ». Il ajoute à Erratum des planètes, systèmes planétaires, espèces de SF, etc. Il existe pour permettre quelques autres types de campagnes dans le système d’Erratum.
 
 - **Antichton** (pas encore de page) est une variation de l’univers d’Erratum ou le monde magique a été extrait de force du notre lors de la Grande Guerre des Vertues (l’évènement ayant provoqué la découverte de la magie dans Erratum), et du coup se trouve sur une terre parallèle nommée Antichton ou la Contre-Terre, située à l’exact opposé de notre planète du Soleil. Cette contre-terre contient très peu de technologie, et est un peu plus bloquée dans une sorte d’époque semi-pré-industrielle.
 

content/vault/index.md

@@ -1,8 +1,10 @@
 ---
-layout: layouts/toppages.njk
-eleventyNavigation:
+layout: layouts/switchpages.njk
+eleventySubNavigation:
+  parent: Mes projets
   key: Vieux trucs
-  order: 6
+  description: Mes anciens projets
+  order: 1
 ---
 
 # Vieux trucs
@@ -24,7 +26,7 @@ Tous ces contenus sont utilisable sous les termes CC BY-SA. (Creative Common Att
 
 <ul>
   {%- for post in collections.all | sort(false, true, "data.eleventySubNavigation.order") -%}
-    {%- if post.data.eleventySubNavigation.parent == eleventyNavigation.key -%}
+    {%- if post.data.eleventySubNavigation.parent == eleventySubNavigation.key -%}
       <li><a href="{{ post.url }}">{{ post.data.eleventySubNavigation.key }}</a> - {{ post.data.eleventySubNavigation.description }}</li>
     {%- endif -%}
   {%- endfor -%}

public/css/index.css

@@ -1116,6 +1116,23 @@ a.sr-hover {
   @media (min-width: 1600px) {
     .d-block-xxl {
       display: block !important; } }
+.d-inlineblock {
+  display: inline-block !important; }
+  @media (min-width: 576px) {
+    .d-inlineblock-sm {
+      display: inline-block !important; } }
+  @media (min-width: 768px) {
+    .d-inlineblock-md {
+      display: inline-block !important; } }
+  @media (min-width: 992px) {
+    .d-inlineblock-lg {
+      display: inline-block !important; } }
+  @media (min-width: 1200px) {
+    .d-inlineblock-xl {
+      display: inline-block !important; } }
+  @media (min-width: 1600px) {
+    .d-inlineblock-xxl {
+      display: inline-block !important; } }
 .d-flex {
   display: flex !important; }
   @media (min-width: 576px) {
@@ -1173,6 +1190,10 @@ a.sr-hover {
       position: relative;
       top: 0px;
       right: 64px; } }
+  .illustration img {
+    height: auto;
+    max-width: 100%; }
+
 .align-centered-block {
   text-align: center;
   padding: 1rem; }

scss/custom/_global.scss

@@ -64,6 +64,11 @@
     top: 0px;
     right: 64px;
   }
+
+  img {
+    height:auto;
+    max-width: 100%;
+  }
 }
 
 .align-centered-block {

scss/utils/_display.scss

@@ -10,6 +10,12 @@
     }
 }
 
+.d-inlineblock {
+    @include responsive() {
+        display: inline-block!important;
+    }
+}
+
 .d-flex {
     @include responsive() {
         display: flex!important;