About page finished and in french!

i18n/en.yaml

@@ -9,6 +9,21 @@ properties:
     other: 'Features '
 relevantSoftware:
     other: "Relevant software: "
+# Programming languages
+skillsPython:
+    other: |
+        I've been using Python since 2016 multi-purposedly. In the beginning of 2017, I began using it for the creation of AccountFree with [PySide2](https://pypi.org/project/PySide2/) for UI based application design as well as software backend, for all the above.
+skillsJS:
+    other: |
+        Javascript is a multipurpose language that can be used to make practicly anything, as long as you don't need extremely high performance. Nearly all my GUI apps make use of Javascript to make advanced UI manipulation and sometimes logic. On the other hand, I try to use it as little as possible on my websites for them to be more performant.
+skillsPHP:
+    other: |
+        PHP is the first language I learned all the way back in 2015, and have developed a lot of PHP projects related to [PocketMine](https://pmmp.io), like plugins, development and server software back then.    
+        Nowadays, I use software to create small APIs, and sometimes websites like [services.accountfree.org](https://services.accountfree.org).
+skillsCsharp:
+    other: |
+        I began using C# in 2021, and discovered it's extensive built-in Console API which sparked the [Nowox](https://apps.ad5001.eu) project.    
+        However, I quickly realized it was a bit dated and didn't use modern terminal features, which led to the creation of several libraries, like [NowoxStyle](https://git.ad5001.eu/Ad5001/NowoxStyle) and [NowoxComponents](https://git.ad5001.eu/Ad5001/NowoxComponents).
 # Frameworks
 skillsHugo:
     other: |
@@ -20,23 +35,23 @@ skillsBoostrap:
 # App frameworks
 skillsQt:
     other: |
-        I've been using Qt since 2016 to create desktop applications. I became very comfortable with QML with the various software I created (including the Linux version of ImagicalPlugCreator, AccountFree and LogarithmPlotter). Qt is an "all-in-one" framework which also provide threading, networking, 3D and 2D drawing APIs, web rendering; but it allows to only bundle some components without the other as they aren't co-dependent.
+        I've been using Qt since 2016 to create desktop applications. I became very comfortable with QML with the various software I created (including the Linux version of ImagicalPlugCreator, AccountFree and LogarithmPlotter). Qt is an "all-in-one" framework which also provide threading, networking, 3D and 2D drawing APIs, web rendering; without any of it's components being co-dependent.
 skillsMono:
     other: |
         Mono is a reimplementation of the .NET framework for Linux and MacOS prior to .NET 5.0, while remaining binary compatible with Microsoft's implementations. I began using it to create Nowox in C# to maintain compatibility with all major desktop OSes. In the future, I may switch from Mono to .NET 5.0 as framework and runtime for Nowox.
 # Frameworks I created:
 frameworkNowox:
     other: |
-        Nowox being an extremly advanced terminal program, relying on techiques similar to standard 2D UI design, I created a component based system to allow easy design for terminal components. This system has many advantages listed above, and would allow more features in the future like mouse events handling.
+        Nowox being an extremely advanced terminal program, relying on techniques similar to standard 2D UI design, I created a component based system to allow easy design for terminal components. This system has many advantages listed above, and would allow more features in the future like mouse events handling.
 frameworkAccountFree:
     other: |
-        AccountFree being very modular, it allows the creation and adding of third party services directly into it. The UI section of the framework is based on QML components designed and styled for AccountFree, as well as handling URL specified for each service, while the backend being Python modules allows it to use every framework you want with the language.
+        AccountFree being very modular, it allows the creation and adding of third party services directly into it. The UI section of the framework is based on QML components designed and styled for AccountFree, and handles URL matching for each service as well, while the backend being Python modules allows it to use every framework you want with the language.
 frameworkLogarithmPlotter:
     other: |
         LogarithmPlotter can easily be extended to add new objects based on it's Dynamic Object System. While it does not provide an easy way to add new user objects, objects developers are encouraged to [contribute to LogarithmPlotter](https://git.ad5001.eu/Ad5001/LogarithmPlotter).
 themeOmegamma:
     other: |
-        Omegamma is the Hugo theme used in all of my new websites (ad5001.eu, apps.ad5001.eu...). It provides common themed elements to porvide consistant identity. I don't particularly recommend using it for your own website, as it was tailor made for ad5001.eu.
+        Omegamma is the Hugo theme used in all of my new websites (ad5001.eu, apps.ad5001.eu...). It provides common themed elements to provide consistent identity. I don't particularly recommend using it for your own website, as it was tailor made for ad5001.eu.
 # Linux Distribs
 skillsUbuntu:
     other: |
@@ -44,7 +59,7 @@ skillsUbuntu:
         Ubuntu strikes a great balance between having recent, up-to-date software, and stability.
 skillsDebian:
     other: |
-        Debian is aimed at having low-maintainance machines that stay with older, battle-tested versions of the standard software stack.        
+        Debian is aimed at having low-maintenance machines that stay with older, battle-tested versions of the standard software stack.        
         Using it has proven to be very painless highly stable, even more so than LTS versions of Ubuntu servers.
 skillsFedora:
     other: |
@@ -67,7 +82,7 @@ skillsGitea:
         Gitea is a self-hosted git hosting solution. I've been using Gitea since 2018, at the time when Microsoft purchased Github. All my upstream software repositories are available on my instance at git.ad5001.eu.
 skillsDrone:
     other: |
-        Drone CI is a self-hosted CI/CD (continuous integration/continuous deployment) platform. I've been using Gitea for a few years to test, build, package my apps and deploy my websites automaticly directly from the Git branch.
+        Drone CI is a self-hosted CI/CD (continuous integration/continuous deployment) platform. I've been using Gitea for a few years to test, build, package my apps and deploy my websites automatically directly from the Git branch.
 skillsNexus3:
     other: |
         Nexus 3 is an artifacts repository that allows me to put the built packages from Drone CI into a common repository. It is also used to hosts the binaries you can download from my apps website.

i18n/fr.yaml

@@ -1,6 +1,94 @@
 
 softwareCommitments:
   other: Engagements par mes Logiciels
+# About page
+workedWith:
+    other: "J'ai travaillé avec "
+properties:
+    other: 'Comprend '
+relevantSoftware:
+    other: "Logiciels pertinents : "
+# Programming languages
+skillsPython:
+    other: |
+        J'utilise Python depuis 2016 de manière polyvalente. Au début de 2017, j'ai commencé à l'utiliser pour la création d'AccountFree avec [PySide2](https://pypi.org/project/PySide2/) pour la conception d'applications basées sur l'interface utilisateur ainsi que le backend logiciel, pour tout ce qui précède.
+skillsJS:
+    other: |
+        Le Javascript est un langage polyvalent qui peut être utilisé pour faire pratiquement n'importe quoi, tant que vous n'avez pas besoin de performances extrêmement élevées. Presque toutes mes applications utilisent du Javascript pour faire des manipulations avancées de l'interface utilisateur et parfois de la logique. D'un autre côté, j'essaie de l'utiliser le moins possible sur mes sites web pour qu'ils soient plus performants.
+skillsPHP:
+    other: |
+        PHP est le premier langage que j'ai appris en 2015, et j'ai développé de nombreux projets PHP liés à [PocketMine](https://pmmp.io), comme des plugins, des logiciels de développement et de serveur.    
+        Aujourd'hui, j'utilise des logiciels pour créer de très petites API, et parfois des sites web comme [services.accountfree.org](https://services.accountfree.org).
+skillsCsharp:
+    other: |
+        J'ai commencé à utiliser C# en 2021, et j'ai découvert son API Console intégrée très complète, ce qui a donné naissance au projet [Nowox](https://apps.ad5001.eu).    
+        Cependant, je me suis rapidement rendu compte qu'elle était un peu dépassée et n'utilisait pas les fonctionnalités modernes des terminaux, ce qui a conduit à la création de plusieurs bibliothèques, comme [NowoxStyle](https://git.ad5001.eu/Ad5001/NowoxStyle) et [NowoxComponents](https://git.ad5001.eu/Ad5001/NowoxComponents).
+# Frameworks
+skillsHugo:
+    other: |
+        Hugo est devenu mon framework de développement web de prédilection en 2021, pour la refonte de ce site web. Il s'agit d'un générateur de site web statique open source qui ne nécessite pas de JavaScript ou de langage de traitement backend pour fonctionner, car il est basé sur la pré-génération de pages, ce qui le rend très rapide.
+skillsBoostrap:
+    other: |
+        Dans le passé, j'ai utilisé Bootstrap pour créer l'interface utilisateur de mes sites Web. Bien qu'il aide à créer des sites Web rapides avec des composants communs, et qu'il puisse être utilisé en conjonction avec Hugo, les sites Web créés avec ce système sont rarement uniques, et sont parfois un peu dépassés. 
+        L'un des sites que j'ai créés avec Bootstrap et qui est toujours en service aujourd'hui est services.accountfree.org.
+# App frameworks
+skillsQt:
+    other: |
+        J'utilise Qt depuis 2016 pour créer des applications de bureau. Je suis devenu très à l'aise avec QML avec les différents logiciels que j'ai créés (notamment la version Linux de ImagicalPlugCreator, AccountFree et LogarithmPlotter). Qt est un framework "tout-en-un" qui fournit également le threading, la mise en réseau, les API de dessin 3D et 2D, le rendu web ; sans qu'aucun de ses composants ne soit co-dépendant.
+skillsMono:
+    other: |
+        Mono est une réimplémentation du cadre .NET pour Linux et MacOS avant .NET 5.0, tout en restant binairement compatible avec les implémentations de Microsoft. J'ai commencé à l'utiliser pour créer Nowox en C# afin de maintenir la compatibilité avec tous les principaux OS de bureau. Dans le futur, je pourrais passer de Mono à .NET 5.0 en tant que framework et runtime pour Nowox.
+# Frameworks I created:
+frameworkNowox:
+    other: |
+        Nowox étant un programme terminal extrêmement avancé, s'appuyant sur des techniques similaires à la conception d'interface utilisateur 2D standard, j'ai créé un système basé sur les composants pour permettre une conception facile des composants du terminal. Ce système a beaucoup d'avantages énumérés ci-dessus, et permettrait plus de fonctionnalités dans le futur comme la gestion des événements de la souris.
+frameworkAccountFree:
+    other: |
+        AccountFree étant très modulaire, il permet la création et l'ajout de services tiers directement en son sein. La section interface utilisateur du cadre est basée sur des composants QML conçus et stylisés pour AccountFree, et gère également la correspondance des URL pour chaque service, tandis que la partie arrière, constituée de modules Python, permet d'utiliser tous les cadres que vous souhaitez avec le langage.
+frameworkLogarithmPlotter:
+    other: |
+        LogarithmPlotter peut facilement être étendu pour ajouter de nouveaux objets grâce à son système d'objets dynamiques. Bien qu'il ne fournisse pas un moyen facile d'ajouter de nouveaux objets utilisateur, les développeurs d'objets sont encouragés à [contribuer à LogarithmPlotter](https://git.ad5001.eu/Ad5001/LogarithmPlotter).
+themeOmegamma:
+    other: |
+        Omegamma est le thème Hugo utilisé dans tous mes nouveaux sites web (ad5001.eu, apps.ad5001.eu...). Il fournit des éléments thématiques communs pour assurer une identité cohérente. Je ne recommande pas particulièrement de l'utiliser pour votre propre site web, car il a été conçu sur mesure pour ad5001.eu.
+# Linux Distribs
+skillsUbuntu:
+    other: |
+        Ubuntu a été ma distribution de choix à la fois sur serveur et sur ordinateur de bureau depuis 2016 en raison de la grande disponibilité de logiciels récents sur celle-ci, ainsi que de la bonne documentation et de sa grande communauté.     
+        Ubuntu trouve un bon équilibre entre le fait d'avoir des logiciels récents et à jour, et la stabilité.
+skillsDebian:
+    other: |
+        Debian vise à avoir des machines à faible maintenance qui restent avec des versions anciennes et éprouvées de la pile logicielle standard.        
+        Son utilisation s'est avérée très facile et très stable, encore plus que les versions LTS des serveurs Ubuntu.
+skillsFedora:
+    other: |
+        Mon expérience limitée de Fedora m'a fait découvrir l'écosystème [Red Hat](https://www.redhat.com/) et tous ses avantages, notamment pour les logiciels d'entreprise.     
+        Cependant, ayant moins d'expérience avec elle, j'ai tendance à préférer Ubuntu ou Debian lorsque je manipule des logiciels de serveur.
+# Container systems
+skillsDocker:
+    other: |
+        Docker est un système de conteneurs pour empaqueter, distribuer et exécuter des logiciels largement utilisés sur les serveurs.     
+        J'utilise Docker depuis 2018 pour avoir une gestion simplifiée des logiciels auto-hébergés que j'utilisais, ainsi que pour l'utiliser dans les pipelines CI/CD pour tester et déployer les logiciels que je crée.
+skillsSnapcraft:
+    other: |
+        Snapcraft est un système de distribution d'applications Linux de [Canonical](https://canonical.com) que j'utilise depuis 2017 pour empaqueter et distribuer les logiciels que je crée.
+skillsFlatpak:
+    other: |
+        Flatpak est un autre système de distribution d'applications Linux que j'utilise depuis 2020 pour emballer et distribuer les logiciels que je crée.
+# Self hosting
+skillsGitea:
+    other: |
+        Gitea est une solution d'hébergement git auto-hébergée. J'utilise Gitea depuis 2018, au moment où Microsoft a racheté Github. Tous mes dépôts de logiciels en amont sont disponibles sur mon instance à l'adresse git.ad5001.eu.
+skillsDrone:
+    other: |
+        Drone CI est une plateforme CI/CD (intégration continue/déploiement continu) auto-hébergée. J'utilise Gitea depuis quelques années pour tester, construire, empaqueter mes applications et déployer mes sites web automatiquement, directement depuis la branche Git.
+skillsNexus3:
+    other: |
+        Nexus 3 est un dépôt d'artefacts qui me permet de mettre les paquets construits à partir de Drone CI dans un dépôt commun. Il est également utilisé pour héberger les binaires que vous pouvez télécharger depuis mon site d'applications.
+skillsDrawIO:
+    other: |
+        Diagrams.net (anciennement draw.io) est un logiciel de création de diagrammes. Il m'aide à planifier la structure de certaines architercures de mon logiciel, ainsi que la planification générale dans le passé.
+        
 
 # Languages
 language:

layouts/partials/inline-svg.html

@@ -0,0 +1,6 @@
+{{ $svg := resources.Get . }}
+{{ if eq $svg nil }}
+cnt: {{ $svg.Content }}
+{{ else }}
+{{ $svg.Content | replaceRE "(width|height)=\"\\d+\"" "" | safeHTML }}
+{{ end }}

layouts/shortcodes/previewSkills.html

@@ -1,10 +1,19 @@
 <div class="grid center">
 {{ $blocks := index $.Site.Data.skills (.Get 0) }}
+{{ $embedIcon := .Get 1 }}
 {{ range $blocks }}
  <div class="padding-container">
   <div class="block-preview label expand">
    <h2 class="flex">
-   &nbsp;<img src="/icons/skills/{{ .Icon }}.svg" loading="lazy" class="icon-larger-text" alt=""/> {{ .Name }}
+    &nbsp;{{ if $embedIcon }}
+    {{ $scratch := newScratch }}
+    {{ $scratch.Set "icn" "/icons/skills/" }}
+    {{ $scratch.Add "icn" .Icon }}
+    {{ $scratch.Add "icn" ".svg" }}
+    <span class="icon-larger-text">{{ partial "inline-svg.html" ($scratch.Get "icn") }}</span>
+   {{ else }}
+    <img src="/icons/skills/{{ .Icon }}.svg" loading="lazy" class="icon-larger-text" alt=""/>
+   {{ end }} {{ .Name }}
    </h2>
    {{ if .WorkedWith }}
    <p>{{ i18n "workedWith" }} {{ .WorkedWith }}</p>
@@ -30,9 +39,11 @@
    </div>
    <br> 
    {{ end }}
+   {{ if .Links }}
    <div class="grid flex-right">&nbsp;
     {{ partial "links.html" .Links }}
    </div>
+   {{ end }}
   </div>
  </div>
 {{ end }}