Using proper yaml multine string, updating to the latest version of Omegamma

config.yaml

@@ -1,4 +1,4 @@
-baseURL: http://apps.ad5001.eu
+baseURL: https://apps.ad5001.eu
 languageCode: en
 title: Ad5001 Apps
 theme: omegamma
@@ -9,6 +9,7 @@ params:
     brandWebsite: //ad5001.eu
     usingTheme: Using
     poweredBy: Powered by
+    includeAppsStyle: true
 
 languages:
     en:
@@ -17,43 +18,48 @@ languages:
             main:
             - identifier: apps
               name: Apps
-              pre: <img src="/icons/apps.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/apps.svg" class="icon-as-text icon-monochrome" alt="apps icon"/>
               title: apps section
               url: /
               weight: 20
             - identifier: git
               name: Git
-              pre: <img src="/icons/git.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/git.svg" class="icon-as-text icon-monochrome" alt="git icon"/>
               title: git section
               url: https://git.ad5001.eu
               weight: 10
             - identifier: about
               name: About
-              pre: <img src="/icons/about.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/about.svg" class="icon-as-text icon-monochrome" alt="about icon"/>
               title: about section
               url: https://ad5001.eu/about
               weight: 0
             social:
             - identifier: mastodon
               name: Mastodon
-              pre: <img src="/icons/social/mastodon.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/social/mastodon.svg" class="icon-as-text icon-monochrome" alt="Mastodon icon"/>
               title: mastodon social icon
               url: https://mastodon.technology/@Ad5001
             - identifier: twitter
               name: Twitter
-              pre: <img src="/icons/social/twitter.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/social/twitter.svg" class="icon-as-text icon-monochrome" alt="Twitter icon"/>
               title: twitter social icon
               url: https://twitter.com/Ad5001P4F
             - identifier: gitea
               name: Gitea
-              pre: <img src="/icons/social/git.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/social/git.svg" class="icon-as-text icon-monochrome" alt="Gitea icon"/>
               title: gitea social icon
               url: https://git.ad5001.eu/Ad5001
             - identifier: github
-              name: Mastodon
-              pre: <img src="/icons/social/github.svg" class="icon-as-text icon-monochrome"/>
+              name: Github
+              pre: <img src="/icons/social/github.svg" class="icon-as-text icon-monochrome" alt="Github icon"/>
               title: github social icon
               url: https://github.com/Ad5001
+            - identifier: mail
+              name: Mail
+              pre: <img src="/icons/social/mail.svg" class="icon-as-text icon-monochrome" alt="Mail icon"/>
+              title: mail icon
+              url: "" # Filled with JS to avoid spam.
         weight: 0
     fr:
         languageName: Français
@@ -61,55 +67,52 @@ languages:
             main:
             - identifier: apps
               name: Apps
-              pre: <img src="/icons/apps.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/apps.svg" class="icon-as-text icon-monochrome" alt="apps icon"/>
               title: apps list section
               url: /fr/
               weight: 20
             - identifier: git
               name: Git
-              pre: <img src="/icons/git.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/git.svg" class="icon-as-text icon-monochrome" alt="git icon"/>
               title: git section
               url: https://git.ad5001.eu
               weight: 10
             - identifier: about
               name: À propos
-              pre: <img src="/icons/about.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/about.svg" class="icon-as-text icon-monochrome" alt="about icon"/>
               title: about section
               url: https://ad5001.eu/fr/a-propos
               weight: 0
             social:
             - identifier: mastodon
               name: Mastodon
-              pre: <img src="/icons/social/mastodon.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/social/mastodon.svg" class="icon-as-text icon-monochrome" alt="Mastodon icon"/>
               title: mastodon social icon
               url: https://mastodon.technology/@Ad5001
             - identifier: twitter
               name: Twitter
-              pre: <img src="/icons/social/twitter.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/social/twitter.svg" class="icon-as-text icon-monochrome" alt="Twitter icon"/>
               title: twitter social icon
               url: https://twitter.com/Ad5001P4F
             - identifier: gitea
               name: Gitea
-              pre: <img src="/icons/social/git.svg" class="icon-as-text icon-monochrome"/>
+              pre: <img src="/icons/social/git.svg" class="icon-as-text icon-monochrome" alt="Gitea icon"/>
               title: gitea social icon
               url: https://git.ad5001.eu/Ad5001
             - identifier: github
-              name: Mastodon
-              pre: <img src="/icons/social/github.svg" class="icon-as-text icon-monochrome"/>
+              name: Github
+              pre: <img src="/icons/social/github.svg" class="icon-as-text icon-monochrome" alt="Github icon"/>
               title: github social icon
               url: https://github.com/Ad5001
+            - identifier: mail
+              name: Mail
+              pre: <img src="/icons/social/mail.svg" class="icon-as-text icon-monochrome" alt="Mail icon"/>
+              title: mail icon
+              url: "" # Filled with JS to avoid spam.
         weight: 0
     
 markup:
   goldmark:
-    extensions:
-      definitionList: true
-      footnote: true
-      linkify: true
-      strikethrough: true
-      table: true
-      taskList: true
-      typographer: true
     renderer:
       hardWraps: false
       unsafe: true

content/_index.md

@@ -5,7 +5,6 @@ layout: apps-list
 ---
 # Software list
 
-
 This page lists my released open source software with a brief presentation of them.   
 This list has been built over the years, but is non-exhaustive.   
 Older software can be found at my [legacy website](https://download.ad5001.eu).   

content/accountfree.fr.md

@@ -20,24 +20,28 @@ SectionHeader:
 
 About:
     Title: Découvrir AccountFree
-    Content: "AccountFree est une plateforme centrée sur l'idée que vous devriez pouvoir utiliser des services en ligne sans aucun compte si vous n'êtes pas un créateur de contenu, et que certaines de leurs fonctionnalités peuvent être reproduites localement de la même manière.    
-    Les comptes en ligne présentent de nombreux problèmes, notamment le risque de sécurité lié au fait de confier ses données personnelles à un service en ligne qui ne respecte pas votre vie privée.<br>
-    AccountFree vise à reproduire les principales fonctionnalités du service lorsque vous n'est pas authentifié, ainsi qu'à fournir un système d'abonnement hors ligne vous permettant de suivre et de vous tenir au courant des personnes et des sujets que vous suivez, tout en ne mettant en œuvre aucune des techniques de suivi mises en place par lesdits services."
+    Content: |
+        AccountFree est une plateforme centrée sur l'idée que vous devriez pouvoir utiliser des services en ligne sans aucun compte si vous n'êtes pas un créateur de contenu, et que certaines de leurs fonctionnalités peuvent être reproduites localement de la même manière.    
+        Les comptes en ligne présentent de nombreux problèmes, notamment le risque de sécurité lié au fait de confier ses données personnelles à un service en ligne qui ne respecte pas votre vie privée.    
+        AccountFree vise à reproduire les principales fonctionnalités du service lorsque vous n'est pas authentifié, ainsi qu'à fournir un système d'abonnement hors ligne vous permettant de suivre et de vous tenir au courant des personnes et des sujets que vous suivez, tout en ne mettant en œuvre aucune des techniques de suivi mises en place par lesdits services.
 
 Sections:
     - Type: image|text
       Image: en/accountfree/services
-      Content: "# Systèmes de services-ponts\n
-AccountFree s'appuie sur des \"services\" pour fonctionner. Ces services peuvent être installés localement sur une base par utilisateur tout en séparant les données de l'utilisateur sur les ordinateurs partagés, et peuvent être installés, supprimés et activés à volonté. À l'heure actuelle, il existe deux services officiels, un pour [Twitter](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitter) et un autre pour [Twitch](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitch), installable directement à partir du menu Services.<br>
-De plus, AccountFree fournit une [documentation](https://docs.accountfree.org) complète et un [exemple de service complet](https://git.ad5001.eu/Ad5001/AccountFree-service-Example) afin d'aider les developpeurs externes à créer leurs propres services pour AccountFree."
+      Content: |
+        # Systèmes de services-ponts
+        AccountFree s'appuie sur des "services" pour fonctionner. Ces services peuvent être installés localement sur une base par utilisateur tout en séparant les données de l'utilisateur sur les ordinateurs partagés, et peuvent être installés, supprimés et activés à volonté. À l'heure actuelle, il existe deux services officiels, un pour [Twitter](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitter) et un autre pour [Twitch](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitch), installable directement à partir du menu Services.    
+        De plus, AccountFree fournit une [documentation](https://docs.accountfree.org) complète et un [exemple de service complet](https://git.ad5001.eu/Ad5001/AccountFree-service-Example) afin d'aider les developpeurs externes à créer leurs propres services pour AccountFree.
     - Type: text|image
       Image: en/accountfree/follow-system
-      Content: "# Sysème d'abonnements\n
-AccountFree facilite l'abonnement en un seul clic sans compte, tout en permettant des raccourcis rapides vers les profils individuels sur la barre latérale, et la majorité des services permettent la construction d'un flux ou d'une page principale affichant des informations pertinentes sur tous les comptes suivis en temps réel."
+      Content: |
+        # Sysème d'abonnements
+        AccountFree facilite l'abonnement en un seul clic sans compte, tout en permettant des raccourcis rapides vers les profils individuels sur la barre latérale, et la majorité des services permettent la construction d'un flux ou d'une page principale affichant des informations pertinentes sur tous les comptes suivis en temps réel.
     - Type: image|text
       Image: en/accountfree/tor
-      Content: "# Intégration Tor\n
-AccountFree permet l'intégration aisée de [The Onion Router](https://www.torproject.org/) pour de faire passer toutes vos connexions par Tor afin de protéger au mieux votre vie privée."
+      Content: |
+        # Intégration Tor
+        AccountFree permet l'intégration aisée de [The Onion Router](https://www.torproject.org/) pour de faire passer toutes vos connexions par Tor afin de protéger au mieux votre vie privée.
           
 Technical:
     Links:

content/accountfree.md

@@ -19,24 +19,28 @@ SectionHeader:
 
 About:
     Title: Discover AccountFree
-    Content: "AccountFree is a platform focused around the idea that you should be able to use online services completly without any account if you are not a content maker, and that some of their features can be reproduced localy just as well.    
-    Online accounts comes with many issues, namely the security hapazard that comes with entrusting your personal data to an online service that does not respect your right to privacy.<br>
-    AccountFree aims to reproduce the service's main features when unauthenticated, as well as providing an offline subscription system allowing you to follow and keep up to date on the people and topics you follow, while not implementing any of the tracking techniques put into place by said services."
+    Content: 
+        AccountFree is a platform focused around the idea that you should be able to use online services completly without any account if you are not a content maker, and that some of their features can be reproduced localy just as well.    
+        Online accounts comes with many issues, namely the security hapazard that comes with entrusting your personal data to an online service that does not respect your right to privacy.    
+        AccountFree aims to reproduce the service's main features when unauthenticated, as well as providing an offline subscription system allowing you to follow and keep up to date on the people and topics you follow, while not implementing any of the tracking techniques put into place by said services."
 
 Sections:
     - Type: image|text
       Image: en/accountfree/services
-      Content: "# Services bridge system\n
-AccountFree relies on \"services\" to work. Said services can be installed locally on a per-user basis while separating user data on shared computers, and can be installed, removed and toggled at will. As of right now, there exists two official services, one for [Twitter](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitter) and one for [Twitch](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitch), installable directly from the Services menu.<br>
-Furthermore, AccountFree provides an extensive [documentation](https://docs.accountfree.org) and a [complete example service](https://git.ad5001.eu/Ad5001/AccountFree-service-Example) to help external developers to create services for AccountFree."
+      Content: 
+        # Services bridge system
+        AccountFree relies on "services" to work. Said services can be installed locally on a per-user basis while separating user data on shared computers, and can be installed, removed and toggled at will. As of right now, there exists two official services, one for [Twitter](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitter) and one for [Twitch](https://git.ad5001.eu/Ad5001/AccountFree-service-Twitch), installable directly from the Services menu.    
+        Furthermore, AccountFree provides an extensive [documentation](https://docs.accountfree.org) and a [complete example service](https://git.ad5001.eu/Ad5001/AccountFree-service-Example) to help external developers to create services for AccountFree.
     - Type: text|image
       Image: en/accountfree/follow-system
-      Content: "# Subscription system\n
-AccountFree makes subscription really easy as a one click function without an account, while allowing quick shortcuts to individual profiles on the sidebar, and the majority of services allow the construction of a feed or main page displaying relevant information about all followed accounts in real time."
+      Content: 
+        # Subscription system
+        AccountFree makes subscription really easy as a one click function without an account, while allowing quick shortcuts to individual profiles on the sidebar, and the majority of services allow the construction of a feed or main page displaying relevant information about all followed accounts in real time.
     - Type: image|text
       Image: en/accountfree/tor
-      Content: "# Tor integration\n
-AccountFree allows painless integration of [The Onion Router](https://www.torproject.org/) to proxy all of your connections through Tor in order to best protect your privacy."
+      Content: |
+        # Tor integration
+        AccountFree allows painless integration of [The Onion Router](https://www.torproject.org/) to proxy all of your connections through Tor in order to best protect your privacy.
 
 Technical:
     Links:

content/ad5001.eu.fr.md

@@ -6,7 +6,7 @@ layout: app
 HeaderTextWhite: false
 SectionHeader:
     AppIndex: ad5001.eu
-    Background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(80,220,113,1) 100%)
+    Background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 100%)
     ShowPlatforms: true
     TextWhite: false
     Links:

content/ad5001.eu.md

@@ -6,7 +6,7 @@ layout: app
 HeaderTextWhite: false
 SectionHeader:
     AppIndex: ad5001.eu
-    Background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(80,220,113,1) 100%)
+    Background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 100%)
     ShowPlatforms: true
     TextWhite: false
     Links:

content/logarithmplotter.fr.md

@@ -17,31 +17,36 @@ SectionHeader:
 
 About:
     Title: Découvrir LogarithmPlotter
-    Content: "LogarithmPlotter est, comme son nom l'indique, un créateur de graphes et diagrammes 2D réalisé avec l'échelle logarithmique en tête. Avec un système d'objets similaire à [Geogebra](https://geogebra.org), ce qui lui permet de créer des graphes avec peu de limitations.<br>
-    Son intérêt principal est de permettre de créer des [diagrammes asymptotiques de Bode](https://fr.wikipedia.org/wiki/Diagramme_de_Bode), mais sa nature extensible et sa capacité à passer à une échelle non-logarithmique lui permet de créer d'autres choses."
+    Content: |
+        LogarithmPlotter est, comme son nom l'indique, un créateur de graphes et diagrammes 2D réalisé avec l'échelle logarithmique en tête. Avec un système d'objets similaire à [Geogebra](https://geogebra.org), ce qui lui permet de créer des graphes avec peu de limitations.    
+        Son intérêt principal est de permettre de créer des [diagrammes asymptotiques de Bode](https://fr.wikipedia.org/wiki/Diagramme_de_Bode), mais sa nature extensible et sa capacité à passer à une échelle non-logarithmique lui permet de créer d'autres choses.
 
 Sections:
     - Type: image|text
       Image: en/logarithmplotter/objects
-      Content: "# Système de gestion des objets\n
-LogarithmPlotter travaille avec des objets pour créer des fonctionalités et des diagrammes complexes, mais aussi à rapidement gérer quoi montrer et comment.   \n
-Ce système vous permet de créer, supprimer et modifier les objets en un instant."
+      Content: |
+        # Système de gestion des objets
+        LogarithmPlotter travaille avec des objets pour créer des fonctionalités et des diagrammes complexes, mais aussi à rapidement gérer quoi montrer et comment.   
+        Ce système vous permet de créer, supprimer et modifier les objets en un instant.
     - Type: text|image
       Image: en/logarithmplotter/object-settings
-      Content: "# Modification complète des objets\n
-Modifier les objecs a été rendu très simple et pourtant complet et facilement extensible avec une page de parametres qui permet de modifier l'intégralité des propriétés des objets.   \n
-Les propriétés ont été faites de manière à être compatible avec les autres version de LogarithmPlotters, qu'elles soient plus anciennes ou récentes, afin d'éviter la corruption de données lors de l'ouverture d'un fichier créer par une autre version de LogarithmPlotter."
+      Content: |
+        # Modification complète des objets
+        Modifier les objecs a été rendu très simple et pourtant complet et facilement extensible avec une page de parametres qui permet de modifier l'intégralité des propriétés des objets.    
+        Les propriétés ont été faites de manière à être compatible avec les autres version de LogarithmPlotters, qu'elles soient plus anciennes ou récentes, afin d'éviter la corruption de données lors de l'ouverture d'un fichier créer par une autre version de LogarithmPlotter.
     - Type: image|text
       Image: en/logarithmplotter/history
-      Content: "# Système d'historique avancé\n
-Doté d'un système d'historique avancé, LogarithmPlotter est extrêmement rapide pour annuler et refaire des actions, ainsi que pour afficher une liste complète de l'historique des actions réalisés.   \n
-Ce système vous permet de revenir assez rapidement à un état antérieur de votre diagramme tout en affichant en accéléré toutes les modifications effectuées dans ce laps de temps.   \n
-Un autre avantage de ce système est qu'il permet de sauvegarder l'historique directement dans votre fichier tout en étant extrêmement léger en termes de stockage (les fichiers LogarithmPlotter, .lpf, dépassent rarement quelques kilo-octets)."
+      Content: |
+        # Système d'historique avancé
+        Doté d'un système d'historique avancé, LogarithmPlotter est extrêmement rapide pour annuler et refaire des actions, ainsi que pour afficher une liste complète de l'historique des actions réalisés.    
+        Ce système vous permet de revenir assez rapidement à un état antérieur de votre diagramme tout en affichant en accéléré toutes les modifications effectuées dans ce laps de temps.    
+        Un autre avantage de ce système est qu'il permet de sauvegarder l'historique directement dans votre fichier tout en étant extrêmement léger en termes de stockage (les fichiers LogarithmPlotter, .lpf, dépassent rarement quelques kilo-octets).
     - Type: text|image
       Image: en/logarithmplotter/settings
-      Content: "# Personnalisez l'apparence de votre diagramme\n
-LogarithmPlotter vous permet de modifier l'aspect de votre diagramme de nombreuses façons, de la représentation de l'axe à la taille des éléments et du texte, en passant par le passage du mode logarithmique au mode normal.   \n
-La section des paramètres comporte également des boutons de fonction que l'on peut également trouver dans la barre de menu, comme la copie du diagramme dans les presse-papiers ou l'enregistrement du diagramme."
+      Content: |
+        # Personnalisez l'apparence de votre diagramme
+        LogarithmPlotter vous permet de modifier l'aspect de votre diagramme de nombreuses façons, de la représentation de l'axe à la taille des éléments et du texte, en passant par le passage du mode logarithmique au mode normal.    
+        La section des paramètres comporte également des boutons de fonction que l'on peut également trouver dans la barre de menu, comme la copie du diagramme dans les presse-papiers ou l'enregistrement du diagramme.
     
 Technical:
     Links:

content/logarithmplotter.md

@@ -17,31 +17,36 @@ SectionHeader:
 
 About:
     Title: Discover LogarithmPlotter
-    Content: "LogarithmPlotter is, as it's name suggests, a plotter made with logarithm scales in mind. With an object system similar to [Geogebra](https://geogebra.org)'s, it allows dynamic creation of plots with very few limitations.<br>
-    It's primary use is to quickly create [asymptotic Bode Diagrams/plots](https://en.wikipedia.org/wiki/Bode_plot), but it's extensible nature and ability to switch to non-logarithmic scales allow it to create other things with it."
+    Content: |
+        LogarithmPlotter is, as it's name suggests, a plotter made with logarithm scales in mind. With an object system similar to [Geogebra](https://geogebra.org)'s, it allows dynamic creation of plots with very few limitations.    
+        It's primary use is to quickly create [asymptotic Bode Diagrams/plots](https://en.wikipedia.org/wiki/Bode_plot), but it's extensible nature and ability to switch to non-logarithmic scales allow it to create other things with it.
           
 Sections:
     - Type: image|text
       Image: en/logarithmplotter/objects
-      Content: "# Object Management System\n
-LogarithmPlotter works with objects to create complex features and diagrams, as well as quickly manage what to display.   \n
-This system allows you to create, delete and edit objects in an instant."
+      Content: |
+        # Object Management System
+        LogarithmPlotter works with objects to create complex features and diagrams, as well as quickly manage what to display.   
+        This system allows you to create, delete and edit objects in an instant.
     - Type: text|image
       Image: en/logarithmplotter/object-settings
-      Content: "# Complete object edition\n
-Editing objects has been made very simple yet complete and easily extendable with a settings page that allows you to edit all properties of an object.   \n
-Properties are made to be backwards and forward compatible to prevent data corruption when opening a file made with a different version of LogarithmPlotter."
+      Content: |
+        # Complete object edition
+        Editing objects has been made very simple yet complete and easily extendable with a settings page that allows you to edit all properties of an object.   
+        Properties are made to be backwards and forward compatible to prevent data corruption when opening a file made with a different version of LogarithmPlotter.
     - Type: image|text
       Image: en/logarithmplotter/history
-      Content: "# Advanced history system\n
-Featuring an advanced history system, LogarithmPlotter is extremly fast at undoing and redoing actions, as well as listing a complete list of actions history.   \n
-This system allows you to quickly rollback to a previous state of your diagram fairly quickly while displaying in fast mode all the modifications done in that span of time.   \n
-Another advantage of this system is that it allows history to be saved in your file directly while being extremly light on storage (LogarithmPlotter files, .lpf, rarely exceed a few kilobytes)."
+      Content: |
+        # Advanced history system
+        Featuring an advanced history system, LogarithmPlotter is extremly fast at undoing and redoing actions, as well as listing a complete list of actions history.   
+        This system allows you to quickly rollback to a previous state of your diagram fairly quickly while displaying in fast mode all the modifications done in that span of time.   
+        Another advantage of this system is that it allows history to be saved in your file directly while being extremly light on storage (LogarithmPlotter files, .lpf, rarely exceed a few kilobytes).
     - Type: text|image
       Image: en/logarithmplotter/settings
-      Content: "# Customize how your diagram looks\n
-LogarithmPlotter allows you to edit how your diagram looks in numerous ways, from the representation of the axis, to the size of elements and text as well as switching to normal scale mode from the logarithm one.   \n
-The settings section also features function buttons that can also be found in the menu bar, such as copying the diagram to the clipboard, or saving the plot."
+      Content: |
+        # Customize how your diagram looks
+        LogarithmPlotter allows you to edit how your diagram looks in numerous ways, from the representation of the axis, to the size of elements and text as well as switching to normal scale mode from the logarithm one.    
+        The settings section also features function buttons that can also be found in the menu bar, such as copying the diagram to the clipboard, or saving the plot.
 
 Technical:
     Links:

content/nowox.fr.md

@@ -19,34 +19,40 @@ SectionHeader:
 
 About:
     Title: Découvrir Nowox
-    Content: "**Nowox** (acronyme de **No** **W**ayland **O**r **X**11 ou **No** **W**indows **O**r **X**Quartz) est un [environement de bureau](https://fr.wikipedia.org/wiki/Environnement_de_bureau) pour terminal disponible sur les trois principales platformes de bureau et serveur, et a donc pour but d'agit comme **interface graphique** prévu pour clavier pour les environnements terminaux. Il comprend de nombreux logiciels embarqués, avec la possibilité d'utiliser des programmes lignes de commande externes tels que [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) ou [Qalc](https://qalculate.github.io/).<br>
-    Il est bon de noter que Nowox est toujours en période de test **alpha**, et ne cherche pas à être exhaustif en terme de fonctionalités."
+    Content: |
+        **Nowox** (acronyme de **No** **W**ayland **O**r **X**11 ou **No** **W**indows **O**r **X**Quartz) est un [environement de bureau](https://fr.wikipedia.org/wiki/Environnement_de_bureau) pour terminal disponible sur les trois principales platformes de bureau et serveur, et a donc pour but d'agit comme **interface graphique** prévu pour clavier pour les environnements terminaux. Il comprend de nombreux logiciels embarqués, avec la possibilité d'utiliser des programmes lignes de commande externes tels que [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) ou [Qalc](https://qalculate.github.io/).    
+        Il est bon de noter que Nowox est toujours en période de test **alpha**, et ne cherche pas à être exhaustif en terme de fonctionalités.
 
 Sections:
     - Type: image|text
       Image: fr/nowox/fm
-      Content: "# Parcourir le système de fichiers\n
-Nowox contient un gestionnaire de fichier complet qui vous permet de parcourir le système de fichier de la machine facilement, et d'ouvrir les fichiers dans leurs programmes réspectifs, que ce soit dans Nowox, ou avec des programmes externes.   \n
-Passez de vos emplacements favoris et vos périphériques avec la navigations dans les fichiers (Ctrl+D) ou changez directement votre emplacement actuel (Ctrl+L) pour parcourir afin de naviguer rapidement entre vos fichiers."
+      Content: |
+        # Parcourir le système de fichiers
+        Nowox contient un gestionnaire de fichier complet qui vous permet de parcourir le système de fichier de la machine facilement, et d'ouvrir les fichiers dans leurs programmes réspectifs, que ce soit dans Nowox, ou avec des programmes externes.    
+        Passez de vos emplacements favoris et vos périphériques avec la navigations dans les fichiers (Ctrl+D) ou changez directement votre emplacement actuel (Ctrl+L) pour parcourir afin de naviguer rapidement entre vos fichiers.
     - Type: text|image
       Image: fr/nowox/sc
-      Content: "# Reprendre le contrôles des tableurs\n
-Utilisez le programme Tableur pour jeter un coup d'oeil à vos données CSV, ou éditez directement vos tableurs formatés (comming soon). Le programme Tableur de Nowox vous permet d'appliquer un style spécifique par cellule, et d'utiliser [les fonctions les plus communes](https://wiki.openoffice.org/wiki/Documentation/Reference/Calc_functions)."
+      Content: |
+        # Reprendre le contrôles des tableurs
+        Utilisez le programme Tableur pour jeter un coup d'oeil à vos données CSV, ou éditez directement vos tableurs formatés (comming soon). Le programme Tableur de Nowox vous permet d'appliquer un style spécifique par cellule, et d'utiliser [les fonctions les plus communes](https://wiki.openoffice.org/wiki/Documentation/Reference/Calc_functions).
     - Type: image|text
       Image: fr/nowox/te
-      Content: "# Regarder des logs, modifier des fichiers de configuration & code\n
-Avec l'éditeur de texte embarqué, vous pouvez facilement et rapidement regardez vos logs. Utilisez la fonction « Aller à » (Ctrl+G) pour aller à une certaine ligne et colonne du fichier.    \n
-Vous pouvez également facilement modifier vos fichiers de configuration et de code à l'aide du système embarqué de coloration syntaxique fonctionnant avec [les fichiers de syntaxe Kate](https://kate-editor.org/syntax/), tout en cherchant la clé que vous cherchiez dans le mode recherche (Ctrl+F)."
+      Content: |
+        # Regarder des logs, modifier des fichiers de configuration & code\n
+        Avec l'éditeur de texte embarqué, vous pouvez facilement et rapidement regardez vos logs. Utilisez la fonction « Aller à » (Ctrl+G) pour aller à une certaine ligne et colonne du fichier.    
+        Vous pouvez également facilement modifier vos fichiers de configuration et de code à l'aide du système embarqué de coloration syntaxique fonctionnant avec [les fichiers de syntaxe Kate](https://kate-editor.org/syntax/), tout en cherchant la clé que vous cherchiez dans le mode recherche (Ctrl+F).
     - Type: text|image
       Image: fr/nowox/settings
-      Content: "# Personalisable\n
-Proposant un système extensible de paramètres, Nowox vous permet de personaliser de nombreuses choses à votre gré, de l'apparence de Nowox au taux de rafraichissement de l'écran en passant par la personalisation des emplacements du gestionnaire de fichier.    \n
-De plus, Nowox supporte de nombreuses fonctionalités modernes des termiaux telles que les couleurs 24 bits, qui peuvent activés à tout moment, mais sont désactivés par défaut pour des raisons de compatibilités."
+      Content: |
+        # Personalisable
+        Proposant un système extensible de paramètres, Nowox vous permet de personaliser de nombreuses choses à votre gré, de l'apparence de Nowox au taux de rafraichissement de l'écran en passant par la personalisation des emplacements du gestionnaire de fichier.    
+        De plus, Nowox supporte de nombreuses fonctionalités modernes des termiaux telles que les couleurs 24 bits, qui peuvent activés à tout moment, mais sont désactivés par défaut pour des raisons de compatibilités.
     - Type: image|text
       Image: fr/nowox/ext
-      Content: "# Intégration de programmes lignes de commande\n
-Des programmes tels que [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) ou [Qalc](https://qalculate.github.io/) peuvent être facilement intégrés à Nowox grâce à son intégration terminal supportant une majorité des codes ANSI.    \n
-Veuillez noté, toutefois, que de nombreux programmes pour terminals (comme nano ou w3m) ne fonctionnent pas due à leur utilisation de code ANSI inconnus qui les fait refuser de montrer leur contenu."
+      Content: |
+        # Intégration de programmes lignes de commande
+        Des programmes tels que [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) ou [Qalc](https://qalculate.github.io/) peuvent être facilement intégrés à Nowox grâce à son intégration terminal supportant une majorité des codes ANSI.    
+        Veuillez noté, toutefois, que de nombreux programmes pour terminals (comme nano ou w3m) ne fonctionnent pas due à leur utilisation de code ANSI inconnus qui les fait refuser de montrer leur contenu.
     
 Technical:
     Links:

content/nowox.md

@@ -19,34 +19,40 @@ SectionHeader:
 
 About:
     Title: Discover Nowox
-    Content: '**Nowox** (acronym of **No** **W**ayland **O**r **X**11 or **No** **W**indows **O**r **X**Quartz) is a [desktop environment](https://en.wikipedia.org/wiki/Desktop_environment) for terminals available on all three major desktop and server platforms, and acts like a keyboard-focused **graphical interface** for terminal environments, like SSH sessions or linux framebuffers. It contains numerous built-in programs, and can open external command line programs such [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) or [Qalc](https://qalculate.github.io/).<br>
-    Please note that Nowox is still an **alpha** software, and does not seek to be exhaustive in terms of features.<br>'
+    Content: |
+        **Nowox** (acronym of **No** **W**ayland **O**r **X**11 or **No** **W**indows **O**r **X**Quartz) is a [desktop environment](https://en.wikipedia.org/wiki/Desktop_environment) for terminals available on all three major desktop and server platforms, and acts like a keyboard-focused **graphical interface** for terminal environments, like SSH sessions or linux framebuffers. It contains numerous built-in programs, and can open external command line programs such [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) or [Qalc](https://qalculate.github.io/).    
+        Please note that Nowox is still an **alpha** software, and does not seek to be exhaustive in terms of features.    
 
 Sections:
     - Type: image|text
       Image: en/nowox/fm
-      Content: "# Browse the file system\n
-Nowox features a complete file manager which allows you to navigate through the machine's file system with ease, and open files in their corresponding program whether in Nowox, or in external programs.   \n
-Switch between favorites places and drives with files selections (Ctrl+D) or directly edit your location (Ctrl+L) in order to quicly navigate between your files."
+      Content: |
+        # Browse the file system
+        Nowox features a complete file manager which allows you to navigate through the machine's file system with ease, and open files in their corresponding program whether in Nowox, or in external programs.    
+        Switch between favorites places and drives with files selections (Ctrl+D) or directly edit your location (Ctrl+L) in order to quicly navigate between your files.
     - Type: text|image
       Image: en/nowox/sc
-      Content: "# Take control of your spreadsheets\n
-Use the Spreadsheets program to take a peek at your CSV data, or directly edit your formated spreadsheets (comming soon). Nowox' Spreadsheets program allows you to edit per cell style and use [most common functions](https://wiki.openoffice.org/wiki/Documentation/Reference/Calc_functions)."
+      Content: |
+        # Take control of your spreadsheets
+        Use the Spreadsheets program to take a peek at your CSV data, or directly edit your formated spreadsheets (comming soon). Nowox' Spreadsheets program allows you to edit per cell style and use [most common functions](https://wiki.openoffice.org/wiki/Documentation/Reference/Calc_functions).
     - Type: image|text
       Image: en/nowox/te
-      Content: "# Check your logs, edit configuration and code files\n
-With the built-in text editor, you can easily and quicky check your logs. Use the Goto function (Ctrl+G) to jump to a certain line and column of the file.    \n
-You can also edit code and configurations files easily with the built-in file syntax highlighting engine parsing [Kate syntax files](https://kate-editor.org/syntax/), while looking up the key you're looking for in search mode (Ctrl+F)."
+      Content: |
+        # Check your logs, edit configuration and code files
+        With the built-in text editor, you can easily and quicky check your logs. Use the Goto function (Ctrl+G) to jump to a certain line and column of the file.    
+        You can also edit code and configurations files easily with the built-in file syntax highlighting engine parsing [Kate syntax files](https://kate-editor.org/syntax/), while looking up the key you're looking for in search mode (Ctrl+F).
     - Type: text|image
       Image: en/nowox/settings
-      Content: "# Customizable\n
-Featuring an extendable settings system, Nowox allows you to tune a lot of things to your liking, whether it's on how Nowox looks, to the screen refresh rate passing by places customization for the File Manager.    \n
-In addition, Nowox supports many modern terminal features such as 24 bits terminal colors, which can be enabled whenever, but are deactivated by default for compatibility purposes."
+      Content: |
+        # Customizable
+        Featuring an extendable settings system, Nowox allows you to tune a lot of things to your liking, whether it's on how Nowox looks, to the screen refresh rate passing by places customization for the File Manager.    
+        In addition, Nowox supports many modern terminal features such as 24 bits terminal colors, which can be enabled whenever, but are deactivated by default for compatibility purposes.
     - Type: image|text
       Image: en/nowox/ext
-      Content: "# Use command line programs\n
-Programs such as [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) or [Qalc](https://qalculate.github.io/) can be used seemlessly into Nowox with the terminal integration supporting a majority of ANSI support codes.    \n
-Please note that, however, a lot of terminal programs (such as nano or w3m) do not work due to their usage of unknown ANSI codes that makes them refuse to display their content."
+      Content: |
+        # Use command line programs
+        Programs such as [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) or [Qalc](https://qalculate.github.io/) can be used seemlessly into Nowox with the terminal integration supporting a majority of ANSI support codes.    
+        Please note that, however, a lot of terminal programs (such as nano or w3m) do not work due to their usage of unknown ANSI codes that makes them refuse to display their content.
 
 Technical:
     Links:

content/unchecker.fr.md

@@ -19,10 +19,11 @@ SectionHeader:
 
 About:
     Title: Découvrir unchecker
-    Content: "Le [RGPD](https://fr.wikipedia.org/wiki/R%C3%A8glement_g%C3%A9n%C3%A9ral_sur_la_protection_des_donn%C3%A9es) a introduit de nombreuses nouvelles normes en matière de protection de la vie privée dans le monde entier, mais il semble que certains fournisseurs vous demandent de décocher un grand nombre de cases pour protéger au moins un peu plus votre vie privée.<br>
-    Bien que cela soit illégal, de nombreuses entreprises utilisent ces techniques pour décourager le refus de la publicité et la collecte de données. En outre, ces techniques ne s'appliquent qu'aux utilisateurs européens. Les utilisateurs internationaux sont donc toujours soumis à des clauses d'exclusion injustes.<br>
-    Cette extension est assez simple et vous permet de cocher ou décocher toutes vos cases à cocher en même temps sans avoir à cliquer des dizaines de fois dessus.<br>
-    Un seul bouton et plus aucune case à cocher n'est cochée."
+    Content: |
+        Le [RGPD](https://fr.wikipedia.org/wiki/R%C3%A8glement_g%C3%A9n%C3%A9ral_sur_la_protection_des_donn%C3%A9es) a introduit de nombreuses nouvelles normes en matière de protection de la vie privée dans le monde entier, mais il semble que certains fournisseurs vous demandent de décocher un grand nombre de cases pour protéger au moins un peu plus votre vie privée.    
+        Bien que cela soit illégal, de nombreuses entreprises utilisent ces techniques pour décourager le refus de la publicité et la collecte de données. En outre, ces techniques ne s'appliquent qu'aux utilisateurs européens. Les utilisateurs internationaux sont donc toujours soumis à des clauses d'exclusion injustes.    
+        Cette extension est assez simple et vous permet de cocher ou décocher toutes vos cases à cocher en même temps sans avoir à cliquer des dizaines de fois dessus.    
+        Un seul bouton et plus aucune case à cocher n'est cochée.
 
 Technical:
     Links:

content/unchecker.md

@@ -19,10 +19,11 @@ SectionHeader:
 
 About:
     Title: Discover unchecker
-    Content: "[GDPR](https://en.wikipedia.org/wiki/General_Data_Protection_Regulation) introduced many new privacy standards around the world, but it seems like that some providers requires you to untick a lot of checkboxes to protect your privacy atleast a little more.<br>
-    Although this is illegal, a lot of companies uses theses techniques as opt-out from advertising and data-collections. This also only apply to European users, so international ones are still subject to unfair opt-outs systems.<br>
-    This extension is rather simple and allows you to check or uncheck all your checkboxes at the same time without having to click dozens of times on them.<br>
-    One button and no more checkboxes ticked."
+    Content: |
+        [GDPR](https://en.wikipedia.org/wiki/General_Data_Protection_Regulation) introduced many new privacy standards around the world, but it seems like that some providers requires you to untick a lot of checkboxes to protect your privacy atleast a little more.    
+        Although this is illegal, a lot of companies uses theses techniques as opt-out from advertising and data-collections. This also only apply to European users, so international ones are still subject to unfair opt-outs systems.    
+        This extension is rather simple and allows you to check or uncheck all your checkboxes at the same time without having to click dozens of times on them.    
+        One button and no more checkboxes ticked.
 
 Technical:
     Links:

static/css/custom.css

@@ -1,80 +0,0 @@
-#appslist {
-    width: min(108em, 100vw);
-}
-
-@media screen and (max-width: 108em) {
-    #appslist {
-        width: 81em;
-    }
-}
-
-@media screen and (max-width: 81em) {
-    #appslist {
-        width: 54em;
-    }
-}
-
-@media screen and (max-width: 54em) {
-    #appslist {
-        width: min(27em, 100vw);
-    }
-}
-
-.app-download {
-    --border: solid 1px var(--primary-color);
-    --border-radius: 1rem;
-    border-right: var(--border);
-    border-bottom: var(--border);
-}
-
-.app-download:first-of-type {
-    border-left: var(--border);
-    border-top-left-radius: var(--border-radius);
-    border-bottom-left-radius: var(--border-radius);
-}
-
-.app-download:last-of-type {
-    border-top-right-radius: var(--border-radius);
-    border-bottom-right-radius: var(--border-radius);
-}
-
-.app-download-platform {
-    line-height: 3;
-    font-size: x-large;
-}
-
-.app-download:first-of-type .app-download-platform {
-    border-top-left-radius: var(--border-radius);
-}
-
-.app-download:last-of-type .app-download-platform {
-    border-top-right-radius: var(--border-radius);
-}
-
-
-@media screen and (max-width: 700px) {
-    .app-download {
-        border-left: var(--border);
-    }
-    
-    .app-download:first-of-type {
-        border-top-left-radius: var(--border-radius) !important;
-        border-top-right-radius: var(--border-radius) !important;
-        border-bottom-left-radius: 0;
-    }
-
-    .app-download:last-of-type {
-        border-top-right-radius: 0;
-        border-bottom-left-radius: var(--border-radius) !important;
-        border-bottom-right-radius: var(--border-radius) !important;
-    }
-
-    .app-download:first-of-type .app-download-platform {
-        border-top-left-radius: var(--border-radius) !important;
-        border-top-right-radius: var(--border-radius) !important;
-    }
-
-    .app-download:last-of-type .app-download-platform {
-        border-top-right-radius: 0;
-    }
-}