Starting about page!

4 weeks ago · 371f9f4703
5 changed files with 386 additions and 5 deletions
--- a/ci/dev.config.yml
+++ b/ci/dev.config.yml
@ -30,7 +30,7 @@ languages:
              name: About
              pre: <i class="icon-about icon-as-text" alt="about icon"></i>
              title: about section
-              url: /about
+              url: /about/
              weight: 0
        weight: 0
    fr:
@ -53,7 +53,7 @@ languages:
              name: À propos
              pre: <i class="icon-about icon-as-text" alt="about icon"></i>
              title: about section
-              url: /fr/a-propos
+              url: /fr/a-propos/
              weight: 0
        weight: 0
    
--- a/config.yaml
+++ b/config.yaml
@ -30,7 +30,7 @@ languages:
              name: About
              pre: <i class="icon-about icon-as-text" alt="about icon"></i>
              title: about section
-              url: /about
+              url: /about/
              weight: 0
        weight: 0
    fr:
@ -53,7 +53,7 @@ languages:
              name: À propos
              pre: <i class="icon-about icon-as-text" alt="about icon"></i>
              title: about section
-              url: /fr/a-propos
+              url: /fr/a-propos/
              weight: 0
        weight: 0
    
--- a/content/_index.md
+++ b/content/_index.md
@ -10,7 +10,7 @@ HeaderDescription: |
 Links:
  - Title: About me
    Icon: person
-    URL: /about-me/
+    URL: /about/
  - Title: Apps Website
    Icon: apps
    URL: https://apps.ad5001.eu
--- a/content/about.md
+++ b/content/about.md
@ -0,0 +1,139 @@
+---
+title: About me
+description: Page describing information about me.
+layout: default
+---
+<section class="section1">
+<br><br><br>
+<div class="columns-container padding-container-3" >
+<div class="column col2 vertical-center padding-container">
+
+# About me
+
+I'm a French student that has been programming for nearly 6 years, namely in open source.    
+I've started programming plugins in 2015 in PHP for [PocketMine](https://pmmp.io).   
+Around that project, alongside other contributors in the [BoxOfDevs](https://github.com/BoxOfDevs) team we've made several projects at the time like [Sites4Code](https://sites4code.github.io/MCPE/#), the [PocketMine Server Manager](https://github.com/BoxOfDevs/server-manager) and the new version of [PocketMine Tools](https://github.com/pmt-mcpe-fun/website/tree/master).   
+
+Since 2017, I've been working on [{{< appIcon "accountfree" >}}AccountFree](https://apps.ad5001.eu/accountfree/), but I've also been focusing a lot on my studies.    
+
+From the beginning of 2021, I've started working on [{{< appIcon "logarithmplotter" >}}LogarithmPlotter](https://apps.ad5001.eu/logarithmplotter/) and [{{< appIcon "nowox" >}}Nowox](https://dev.apps.ad5001.eu/nowox/), and remaking [this website](https://apps.ad5001.eu/ad5001.eu/) from it's origin form.
+
+</div>
+<div class="column col2 vertical-center padding-container">
+<div class="columns-container padding-container-3" >
+{{< card 2 "tea" "topleft2bottomright" "git" "Gitea" "open-external" "My Gitea Profile" "https://git.ad5001.eu/Ad5001" false true >}}
+You can find all my open source software on [my Gitea instance](https://git.ad5001.eu). The artifacts can be found on my [Drone CI instance](https://ci.ad5001.eu) and on [AccountFree's artifacts system](https://artifacts.accountfree.org).
+{{< /card >}}
+{{< card 2 "ebon text-white" "topleft2bottomright" "github" "Github" "open-external" "My Github Profile" "https://github.com/Ad5001" true true >}}
+The majority of my software is also available on [Github](https://github.com). However, a few repositories are not available there and contributions are recommanded to be done on my Gitea instance.
+{{< /card >}}
+</div>
+</div>
+</div>
+
+<br><br>
+</section>
+
+{{< sectionSkewed "#D2D2D2" "#EEEEEE" >}}
+<h1 class="text-center">Values I defend</h1>
+
+<div class="columns-container padding-container-3" >
+{{< card 3 "purple" "topleft2bottomright" "privacy" "Privacy" >}}
+Right to privacy is a fundamental [human right](https://www.un.org/en/about-us/universal-declaration-of-human-rights), and it's one of the core values I promote and defend.   
+It is often undermined by companies whose business model rely solely on knowing more about you, and I actively work to reduce the dependence on these companies' products, including by promoting service [self hosting](https://www.computerhope.com/jargon/s/self-hosting.htm), as well as creating software that helps you protecting your privacy online like:
+- [{{< appIcon "accountfree" >}}AccountFree](https://apps.ad5001.eu/accountfree/), which helps protecting you from being data mined by social network companies
+
+- the webextension [{{< appIcon "unchecker" >}}unchecker](https://apps.ad5001.eu/unchecker/) which helps against semi-GDPR compliant websites.
+{{< /card >}}
+
+{{< card 3 "blue" "top2bottom" "transparent" "Transparent" >}}
+Transparency is one of the greatest factors when it comes to how trustworthy a project is.    
+Open source is one of the most important components when it comes to how transparent an IT project is, as it the requirement to publish all source code is a good deterrent against imposing unethical functionality.   
+Open source in itself isn't the sole requirement for a project's full transparency, but alongside proper licensing and a transparent building process, it helps fostering proper trust for using open source projects.    
+You can find the history of my projects creations either on my [Gitea profile](https://git.ad5001.eu/Ad5001) or my [Github profile](https://github.com/Ad5001), as well as build logs on [Drone CI](https://ci.ad5001.eu) and the builds on my [Nexus 3 instance](https://artifacts.accountfree.org).
+{{< /card >}}
+
+{{< card 3 "green" "topright2bottomleft" "simple" "Keeping it simple" >}}
+
+{{< /card >}}
+
+</div>
+{{< /sectionSkewed >}}
+
+<h1 class="text-center">My skills</h1>
+
+{{< sectionSkewed "#FFEA7F" "#FEFF95" >}}
+<details>
+{{< summary >}}
+<i class="icon-code"></i> Programming Languages
+{{< /summary >}}
+
+Software can take a wide variety of forms, and one of the core principles when creating something is *choosing the right tool for the job*. Each programming languages has it's advantages and drawbacks, and creating such a wide variety of software has led me to discover and learn quite a few languages.
+
+{{< previewSkills "ProgramingLanguages" >}}
+
+
+{{< /sectionSkewed >}}
+
+{{< sectionSkewed "#96DCB9" "#9EE7C0" >}}
+<details>
+{{< summary >}}
+<i class="icon-frameworks"></i> Frameworks
+{{< /summary >}}
+
+Frameworks are very common components in software creation. However, with the idea to keep it simple, I strive to use as few of them as possible, because they tend to add performance overhead and loss.
+
+Hence, here is a list of frameworks I've used in the past:
+
+## Web frameworks
+{{< previewSkills "FrameworksWeb" >}}
+
+## Application frameworks
+{{< previewSkills "FrameworksDev" >}}
+
+
+As I used more and more frameworks, I began creating some myself that I use in some of my software.
+
+## Frameworks I created
+{{< previewSkills "FrameworksCreated" >}}
+
+
+{{< /sectionSkewed >}}
+
+{{< sectionSkewed "#6DB4FF" "#91C6FF" >}}
+<details>
+{{< summary >}}
+<i class="icon-linux"></i> System Administration
+{{< /summary >}}
+
+I've been using Linux for the past 5 years both on desktop and servers, as it helped and continues to help me become far moth proficient with it.   
+While I've tried many distributions, here are the ones I have the most experience with:   
+
+## Linux distributions
+{{< previewSkills "LinuxDistribs" >}}
+
+This experience also made me discover container technologies:
+
+
+## Container technologies
+{{< previewSkills "ContainerTechnologies" >}}
+
+
+With these container technologies, I began using self-hosting techonologies a lot more, including:
+
+## Self hosting
+{{< previewSkills "SelfHosted" >}}
+
+{{< /sectionSkewed >}}
+
+<section class="section1">
+
+# Contact me
+
+The primary mean to contact me is <a alt="Mail">by <i class="icon-mail"></i> email</a>.    
+However, you can also contact me through [<i class="icon-git"></i> Gitea](https://git.ad5001.eu) or [<i class="icon-github"></i> Github](https://github.com) for developement related purposes.    
+I'm not really active on [<i class="icon-mastodon"></i> Mastodon](https://mastodon.technology/@Ad5001) or [<i class="icon-twitter"></i> Twitter](https://twitter.com/Ad5001P4F), but you can still contact me there. However, do except it may take time for me to respond.
+
+
+<br>
+</section>
--- a/data/skills.yaml
+++ b/data/skills.yaml
@ -0,0 +1,242 @@
+# This file contains data for skills
+
+ProgramingLanguages:
+- Icon: python
+  Text: skillsPython
+  Name: Python
+  WorkedWith: Advanced parsing, Reflexion, Multiprocess management, Native System Interaction, Package management, Tor and UI.
+  Links:
+  - Icon: open-external
+    Title: Official Python Website
+    NewTab: true
+    URL: "https://python.org/"
+  RelevantSoft: [AccountFree, LogarithmPlotter]
+- Icon: javascript
+  Text: skillsJS
+  Name: JavaScript
+  WorkedWith: QML Logic, Webdev, Web extensions, AST Creation.
+  Links: []
+  RelevantSoft: [AccountFree, LogarithmPlotter, unchecker, ad5001.eu]
+- Icon: php
+  Text: skillsPHP
+  Name: PHP
+  Links:
+  - Icon: open-external
+    Title: Official PHP Website
+    NewTab: true
+    URL: "https://www.php.net/"
+  WorkedWith: Webdev (backend), CLI and Plugin development.
+  RelevantSoft: [AccountFree]
+- Icon: csharp
+  Text: skillsC#
+  Name: C#
+  WorkedWith: CLI UI development, AST Creation, File management, File Syntax highlighting, ANSI Code handling.
+  RelevantSoft: [Nowox]
+
+# Frameworks used in web development
+FrameworksWeb:
+- Name: Hugo
+  Icon: hugo
+  Text: skillsHugo
+  WorkedWith: templating, advanced markdown, dynamic data sources.
+  Links:
+  - Icon: open-external
+    Title: Official Gohugo Website
+    NewTab: true
+    URL: "https://gohugo.io/"
+  RelevantSoft: [ad5001.eu]
+- Name: Boostrap
+  Icon: bootstrap
+  Text: skillsBoostrap
+  WorkedWith: dynamic page creation, common UI creation.
+  Links:
+  - Icon: open-external
+    Title: AccountFree Services
+    NewTab: true
+    URL: "https://services.accountfree.org/"
+  - Icon: open-external
+    Title: Bootstrap's Website
+    NewTab: true
+    URL: "https://getbootstrap.com/"
+  RelevantSoft: [AccountFree]
+
+# Frameworks used in application development.
+FrameworksDev:
+- Name: Qt
+  Icon: qt
+  Text: skillsQt
+  WorkedWith: UI Creation, threading, graphical effects, canvases, and sandbox management.
+  Links:
+  - Icon: open-external
+    Title: Official Qt Website
+    NewTab: true
+    URL: "https://qt.io/"
+  RelevantSoft: [AccountFree, LogarithmPlotter]
+- Name: Mono
+  Icon: mono
+  Text: skillsMono
+  WorkedWith: for all my time with C#.
+  Links:
+  - Icon: open-external
+    Title: Official Mono Website
+    NewTab: true
+    URL: "https://www.mono-project.com/"
+  RelevantSoft: [Nowox]
+  
+
+# Frameworks I created.
+FrameworksCreated:
+- Name: NowoxComponents
+  Icon: Nowox
+  Text: frameworkNowox
+  Properties: a declarative and dynamic UI creation, layouting, animations, XML UI Declaration, and keyboard input handling.
+  RelevantSoft: [Nowox]
+- Name: AccountFree UI
+  Icon: AccountFree
+  Text: frameworkAccountFree
+  Properties: a common UI design, page oriented UI handling, URL handling. Based on QML.
+  RelevantSoft: [AccountFree]
+- Name: Omegamma
+  Icon: ad5001.eu
+  Text: themeOmegamma
+  Properties: UI Design.
+  RelevantSoft: [ad5001.eu]
+
+# Linux distribution I've worked with
+LinuxDistribs:
+- Name: Ubuntu
+  Icon: ubuntu
+  Text: skillsUbuntu
+  WorkedWith: Kubuntu, Ubuntu Server.
+  Links:
+  - Icon: open-external
+    Title: Official Ubuntu Website
+    NewTab: true
+    URL: "https://ubuntu.com/"
+- Name: Debian
+  Icon: debian
+  Text: skillsDebian
+  WorkedWith: Debian Server, Yunohost Server.
+  Links:
+  - Icon: open-external
+    Title: Official Debian Website
+    NewTab: true
+    URL: "https://debian.org/"
+  RelevantSoft: []
+- Name: Fedora
+  Icon: fedora
+  Text: skillsFedora
+  WorkedWith: Fedora KDE.
+  Links:
+  - Icon: open-external
+    Title: Official Fedora Website
+    NewTab: true
+    URL: "https://getfedora.org/"
+  RelevantSoft: []
+
+ContainerTechnologies:
+- Name: Docker
+  Icon: docker
+  Text: skillsDocker
+  WorkedWith: Image creation, CI/CD Image usage.
+  Links:
+  - Icon: open-external
+    Title: My Docker's Page
+    NewTab: true
+    URL: "https://hub.docker.com/u/ad5001"
+- Name: Snapcraft
+  Icon: snapcraft
+  Text: skillsSnapcraft
+  WorkedWith: Linux app distribution.
+  Links:
+  - Icon: open-external
+    Title: Official Snapcraft Website
+    NewTab: true
+    URL: "https://snapcraft.io/"
+  RelevantSoft: [AccountFree, LogarithmPlotter]
+- Name: Flatpak
+  Icon: snapcraft
+  Text: skillsFlatpak
+  WorkedWith: Linux app distribution.
+  Links:
+  - Icon: open-external
+    Title: Flaptak Website
+    NewTab: true
+    URL: "https://flatpak.org/"
+  - Icon: open-external
+    Title: Flathub
+    NewTab: true
+    URL: "https://flathub.org/"
+  RelevantSoft: [AccountFree, LogarithmPlotter]
+
+SelfHosted:
+- Name: Gitea
+  Icon: gitea
+  Text: skillsGitea
+  Properties: a git hosting platform.
+  Links:
+  - Icon: open-external
+    Title: Official Gitea Website
+    NewTab: true
+    URL: "https://gitea.io/"
+  - Icon: open-external
+    Title: git.ad5001.eu
+    NewTab: true
+    URL: "https://git.ad5001.eu/"
+- Name: Drone CI
+  Icon: droneci
+  Text: skillsDrone
+  Properties: a CI/CD Integration.
+  Links:
+  - Icon: open-external
+    Title: Official Drone Website
+    NewTab: true
+    URL: "https://www.drone.io/"
+  - Icon: open-external
+    Title: ci.ad5001.eu
+    NewTab: true
+    URL: "https://ci.ad5001.eu/"
+- Name: Nexus 3
+  Icon: nexus3
+  Text: skillsNexus3
+  Properties: an artifact repository, and a distribution system.
+  Links:
+  - Icon: open-external
+    Title: Official Nexus 3 Website
+    NewTab: true
+    URL: "https://www.sonatype.com/products/repository-oss"
+  - Icon: open-external
+    Title: artifacts.AccountFree.org
+    NewTab: true
+    URL: "https://artifacts.AccountFree.org/"
+- Name: Nextcloud
+  Icon: nextcloud
+  Text: skillsNextcloud
+  Properties: file, calendar, and contacts synchronisation, as well as groupware systems.
+  Links:
+  - Icon: open-external
+    Title: Official Nextcloud Website
+    NewTab: true
+    URL: "https://nextcloud.com/"
+- Name: Collabora Office Development Edition (CODE)
+  Icon: collabora
+  Text: skillsCode
+  Properties: office software, based on LibreOffice.
+  Links:
+  - Icon: open-external
+    Title: Official CODE Website
+    NewTab: true
+    URL: "https://www.collaboraoffice.com/code/"
+- Name: Draw.io
+  Icon: drawio
+  Text: skillsDrawIO
+  Properties: a diagrams creator and editor.
+  Links:
+  - Icon: open-external
+    Title: Draw.io Integraions Website
+    NewTab: true
+    URL: "https://www.diagrams.net/integrations"
+  - Icon: open-external
+    Title: draw.ad5001.eu
+    NewTab: true
+    URL: "https://draw.ad5001.eu/"