From 39abd91d8fd4b55ff8cfdd369cede89711177cf7 Mon Sep 17 00:00:00 2001 From: Ad5001 Date: Mon, 27 Sep 2021 21:33:08 +0200 Subject: [PATCH] Fixing some bugs, continuing about page. --- assets/scss/components/common/button.scss | 12 +- assets/scss/sections.scss | 1 + i18n/en.yaml | 155 ++++++++++++++-------- layouts/partials/head.html | 2 +- layouts/shortcodes/previewSkills.html | 4 +- 5 files changed, 111 insertions(+), 63 deletions(-) diff --git a/assets/scss/components/common/button.scss b/assets/scss/components/common/button.scss index cbc741c..9bba45a 100644 --- a/assets/scss/components/common/button.scss +++ b/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) { diff --git a/assets/scss/sections.scss b/assets/scss/sections.scss index 9356678..4f4f4b1 100644 --- a/assets/scss/sections.scss +++ b/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"; diff --git a/i18n/en.yaml b/i18n/en.yaml index 5c012ab..bcefd2f 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -1,107 +1,150 @@ softwareCommitments: - other: Software Commitments + other: Software Commitments # About page workedWith: - other: 'Worked with ' + other: 'Worked with ' properties: - other: 'Features ' + other: 'Features ' relevantSoftware: - other: "Relevant software: " + 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. - Ubuntu strikes a great balance between having recent, up-to-date software, and stability. + 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. + 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. - Using it has proven to be very painless highly stable, even more so than LTS versions of Ubuntu servers. + other: | + Debian is aimed at having low-maintainance 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: | - 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. + 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. - I've been using Docker for since 2018 to have simplified management of the self-hosted software I used, as well as using it in CI/CD pipelines to test and deploy the software I create. + other: | + Docker is a container system to package, distribute, and run software widely used on servers. + I've been using Docker for since 2018 to have simplified management of the self-hosted software I used, as well as using it in CI/CD pipelines to test and deploy the software I create. skillsSnapcraft: - other: | - Snapcraft is a Linux application distribution system by [Canonical](https://canonical.com) I've been using since 2017 to package and distribute the software I create. + other: | + Snapcraft is a Linux application distribution system by [Canonical](https://canonical.com) I've been using since 2017 to package and distribute the software I create. skillsFlatpak: - other: | - Flatpak is another Linux application distribution system I've been using since 2020 to package and distribute the software I create. - + 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: - other: Language + other: Language fr: - other: French + other: French en: - other: English + other: English all: - other: Without text - + other: Without text + # Footer poweredBy: - other: Powered by + other: Powered by usingTheme: - other: Using + other: Using websiteSource: - other: Website source code - + other: Website source code + # App page availableOn: - other: 'Available on ' + other: 'Available on ' worksOn: - other: 'Works on: ' + other: 'Works on: ' learnMore: - other: Learn more + other: Learn more # Technical sheet technicalSheet: - other: Technical sheet + other: Technical sheet supportedPlatforms: - other: 'Supported platforms: ' + other: 'Supported platforms: ' translated: - other: 'Translated in: ' + other: 'Translated in: ' latestVersion: - other: 'Latest version: ' + other: 'Latest version: ' status: - other: 'Status: ' + other: 'Status: ' programingLanguages: - other: 'Made in: ' + other: 'Made in: ' frameworks: - other: 'Frameworks: ' + other: 'Frameworks: ' keyboardOriented: - other: Keyboard oriented + other: Keyboard oriented touchFriendly: - other: Touch friendly + other: Touch friendly license: - other: 'License: ' + other: 'License: ' # Download section download: - other: Download + other: Download downloadApp: - other: '{{ .Name }} v{{ .Version }} is available on {{ .Platforms }}.' + other: '{{ .Name }} v{{ .Version }} is available on {{ .Platforms }}.' file: - other: 'File:' + other: 'File:' warnExternalWebsite: - other: (external link to {{ . }}) - + other: (external link to {{ . }}) + # Software stores badge alt. storeFirefoxAddons: - other: Get it from the Firefox Addons + other: Get it from the Firefox Addons storeFlathub: - other: Download on Flathub + other: Download on Flathub storeSnapcraft: - other: Get it from the Snap Store - + other: Get it from the Snap Store + # Copyrighted disclaimers. disclaimerFirefox: - other: The Firefox logo is a trademark of the Mozilla Foundation in the U.S. and - other countries. + other: The Firefox logo is a trademark of the Mozilla Foundation in the U.S. and + other countries. disclaimerSnapcraft: - other: The Snapcraft logo is licensed under [CC BY-ND 2.0 UK](https://creativecommons.org/licenses/by-nd/2.0/uk/legalcode), - a registered trademark of Canonical Limited, 2018. + other: The Snapcraft logo is licensed under [CC BY-ND 2.0 UK](https://creativecommons.org/licenses/by-nd/2.0/uk/legalcode), + a registered trademark of Canonical Limited, 2018. diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 3257ef4..4f1788e 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -4,7 +4,7 @@ - + {{ $mainstyle := resources.Get "/scss/main.scss" | toCSS }} {{ if .Site.Params.includeAppsStyle }} {{ $appsstyle := resources.Get "/scss/apps.scss" | toCSS }} diff --git a/layouts/shortcodes/previewSkills.html b/layouts/shortcodes/previewSkills.html index 2b77041..a6e03af 100644 --- a/layouts/shortcodes/previewSkills.html +++ b/layouts/shortcodes/previewSkills.html @@ -1,4 +1,4 @@ -
+
{{ $blocks := index $.Site.Data.skills (.Get 0) }} {{ range $blocks }}
@@ -28,7 +28,7 @@ {{ end }} {{ partial "links.html" ($scratch.Get "relevant") }}
-
+
{{ end }}
  {{ partial "links.html" .Links }}