Fixing some bugs, continuing about page.

assets/scss/components/common/button.scss

@@ -32,10 +32,6 @@
         border-radius: 1.5em;
         background-color: var(--theme-color, var(--secondary-color));
         margin-right: 0.2em;
-        padding-top: 0.3em;
-        padding-bottom: 0.3em;
-        padding-left: 0.7em;
-        padding-right: 0.7em;
     
         &:active {
             filter: brightness(80%);
@@ -46,6 +42,14 @@
             filter: brightness(90%);
             z-index: 2
         }
+        
+        & a, &:not(div) {
+            display: inline-block;
+            padding-top: 0.3em;
+            padding-bottom: 0.3em;
+            padding-left: 0.7em;
+            padding-right: 0.7em;
+        }
     }
     
     &.primary:not(.tag), &.secondary:not(.tag) {

assets/scss/sections.scss

@@ -17,5 +17,6 @@
  */
 
 @import "components/sections/section1";
+@import "components/sections/section-max-108";
 @import "components/sections/header";
 @import "components/sections/skewed";

i18n/en.yaml

@@ -9,6 +9,35 @@ properties:
     other: 'Features '
 relevantSoftware:
     other: "Relevant software: "
+# Frameworks
+skillsHugo:
+    other: |
+        Hugo became my web dev framework of choice in 2021, for the remake of this website. It's an open source static website generator that does not require any JavaScript or backend processing language to work, as it's based on pre-generating page, making it really fast.
+skillsBoostrap:
+    other: |
+        In the past, I've used Bootstrap to create my website UI design. While it helps creating fast websites with common components, and it can be used in conjuction with Hugo, websites made with it rarely feel a bit unique, and sometimes feel a bit dated. 
+        One of the websites I created with Bootstrap still in service today is services.accountfree.org.
+# 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.
+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.
+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.
+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.
+# Linux Distribs
 skillsUbuntu:
     other: |
         Ubuntu has been my distribution of choice both on server and on desktop since 2016 due to the high availability of recent software on it, as well as good documentation and its widespread community.     
@@ -21,6 +50,7 @@ skillsFedora:
     other: |
         My limited experience with Fedora has led me to discover the [Red Hat](https://www.redhat.com/) ecosystem and all of it's benefits, namely for enterprise software.     
         However, having less experience with it, I tend to prefer Ubuntu or Debian when manipulating server software.
+# Container systems
 skillsDocker:
     other: |
         Docker is a container system to package, distribute, and run software widely used on servers.     
@@ -31,6 +61,19 @@ skillsSnapcraft:
 skillsFlatpak:
     other: |
         Flatpak is another Linux application distribution system I've been using since 2020 to package and distribute the software I create.
+# Self hosting
+skillsGitea:
+    other: |
+        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.
+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.
+skillsDrawIO:
+    other: |
+        Diagrams.net (formally draw.io) is a diagrams creation software. It helps me planning the structure of some of my software's architercures, as well as general planning in the past.
         
 # Languages
 language:

layouts/partials/head.html

@@ -4,7 +4,7 @@
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/metropolis/Metropolis-Regular.otf">
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/metropolis/Metropolis-Light.otf">
     <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/metropolis/Metropolis-Bold.otf">
-    <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/omegicons/omegicons.woff2?54316140">
+    <link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/omegicons/omegicons.woff2?51725251">
     {{ $mainstyle := resources.Get "/scss/main.scss" | toCSS }}
     {{ if .Site.Params.includeAppsStyle }}
     {{ $appsstyle := resources.Get "/scss/apps.scss" | toCSS }}

layouts/shortcodes/previewSkills.html

@@ -1,4 +1,4 @@
-<div class="grid center section-max-108">
+<div class="grid center">
 {{ $blocks := index $.Site.Data.skills (.Get 0) }}
 {{ range $blocks }}
  <div class="padding-container">