Fixing some bugs, continuing about page.

This commit is contained in:
Adsooi 2021-09-27 21:33:08 +02:00
parent 9bf2c064bf
commit 39abd91d8f
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
5 changed files with 111 additions and 63 deletions

View file

@ -32,10 +32,6 @@
border-radius: 1.5em; border-radius: 1.5em;
background-color: var(--theme-color, var(--secondary-color)); background-color: var(--theme-color, var(--secondary-color));
margin-right: 0.2em; margin-right: 0.2em;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.7em;
padding-right: 0.7em;
&:active { &:active {
filter: brightness(80%); filter: brightness(80%);
@ -46,6 +42,14 @@
filter: brightness(90%); filter: brightness(90%);
z-index: 2 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) { &.primary:not(.tag), &.secondary:not(.tag) {

View file

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

View file

@ -1,107 +1,150 @@
softwareCommitments: softwareCommitments:
other: Software Commitments other: Software Commitments
# About page # About page
workedWith: workedWith:
other: 'Worked with ' other: 'Worked with '
properties: properties:
other: 'Features ' other: 'Features '
relevantSoftware: 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: skillsUbuntu:
other: | 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 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. Ubuntu strikes a great balance between having recent, up-to-date software, and stability.
skillsDebian: skillsDebian:
other: | 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-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. Using it has proven to be very painless highly stable, even more so than LTS versions of Ubuntu servers.
skillsFedora: skillsFedora:
other: | 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. 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. However, having less experience with it, I tend to prefer Ubuntu or Debian when manipulating server software.
# Container systems
skillsDocker: skillsDocker:
other: | other: |
Docker is a container system to package, distribute, and run software widely used on servers. 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. 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: skillsSnapcraft:
other: | 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. 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: skillsFlatpak:
other: | other: |
Flatpak is another Linux application distribution system I've been using since 2020 to package and distribute the software I create. 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 # Languages
language: language:
other: Language other: Language
fr: fr:
other: French other: French
en: en:
other: English other: English
all: all:
other: Without text other: Without text
# Footer # Footer
poweredBy: poweredBy:
other: Powered by other: Powered by
usingTheme: usingTheme:
other: Using other: Using
websiteSource: websiteSource:
other: Website source code other: Website source code
# App page # App page
availableOn: availableOn:
other: 'Available on ' other: 'Available on '
worksOn: worksOn:
other: 'Works on: ' other: 'Works on: '
learnMore: learnMore:
other: Learn more other: Learn more
# Technical sheet # Technical sheet
technicalSheet: technicalSheet:
other: Technical sheet other: Technical sheet
supportedPlatforms: supportedPlatforms:
other: 'Supported platforms: ' other: 'Supported platforms: '
translated: translated:
other: 'Translated in: ' other: 'Translated in: '
latestVersion: latestVersion:
other: 'Latest version: ' other: 'Latest version: '
status: status:
other: 'Status: ' other: 'Status: '
programingLanguages: programingLanguages:
other: 'Made in: ' other: 'Made in: '
frameworks: frameworks:
other: 'Frameworks: ' other: 'Frameworks: '
keyboardOriented: keyboardOriented:
other: Keyboard oriented other: Keyboard oriented
touchFriendly: touchFriendly:
other: Touch friendly other: Touch friendly
license: license:
other: 'License: ' other: 'License: '
# Download section # Download section
download: download:
other: Download other: Download
downloadApp: downloadApp:
other: '{{ .Name }} v{{ .Version }} is available on {{ .Platforms }}.' other: '{{ .Name }} v{{ .Version }} is available on {{ .Platforms }}.'
file: file:
other: 'File:' other: 'File:'
warnExternalWebsite: warnExternalWebsite:
other: (external link to {{ . }}) other: (external link to {{ . }})
# Software stores badge alt. # Software stores badge alt.
storeFirefoxAddons: storeFirefoxAddons:
other: Get it from the Firefox Addons other: Get it from the Firefox Addons
storeFlathub: storeFlathub:
other: Download on Flathub other: Download on Flathub
storeSnapcraft: storeSnapcraft:
other: Get it from the Snap Store other: Get it from the Snap Store
# Copyrighted disclaimers. # Copyrighted disclaimers.
disclaimerFirefox: disclaimerFirefox:
other: The Firefox logo is a trademark of the Mozilla Foundation in the U.S. and other: The Firefox logo is a trademark of the Mozilla Foundation in the U.S. and
other countries. other countries.
disclaimerSnapcraft: disclaimerSnapcraft:
other: The Snapcraft logo is licensed under [CC BY-ND 2.0 UK](https://creativecommons.org/licenses/by-nd/2.0/uk/legalcode), 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. a registered trademark of Canonical Limited, 2018.

View file

@ -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-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-Light.otf">
<link rel="preload" as="font" crossOrigin="anonymous" href="/fonts/metropolis/Metropolis-Bold.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 }} {{ $mainstyle := resources.Get "/scss/main.scss" | toCSS }}
{{ if .Site.Params.includeAppsStyle }} {{ if .Site.Params.includeAppsStyle }}
{{ $appsstyle := resources.Get "/scss/apps.scss" | toCSS }} {{ $appsstyle := resources.Get "/scss/apps.scss" | toCSS }}

View file

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