You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1266 lines
46 KiB

---
---
<section class="section">
<h1 class="subtitle is-3 has-text-centered mb-3">Focus Areas</h1>
<hr>
<div class="tile is-ancestor mt-3">
<div class="tile is-vertical">
<div class="tile is-parent">
<div class="tile is-child box has-text-justified-desktop content has-background-primary-light">
<div class="columns is-vcentered is-mobile is-gapless">
<div class="column is-narrow">
<span class="icon is-large mr-3 ml-2">
<i class="fas fa-3x fa-cloud-upload-alt"></i>
</span>
</div>
<div class="column has-text-centered">
<p class="subtitle is-4 has-text-centered">Cloud &amp; Migrations</p>
</div>
</div>
<p class="has-text-weight-bold my-6">
I help you get your infrastructure ready for the cloud
</p>
<p>
I have worked a lot of time with bare-metal, on-premises infrastructure.
It became obvious that cloud services have a huge amount of benefits,
but requires a lot of experience to make sure to avoid the drawbacks
like cost traps or vendor lock-in.
</p>
<p>
I am a big proponent of Infrastructure-as-Code (IaC) and immutable
infrastructure, as far as it can be sensibily achieved. Having your
whole infrastructure in a git repository and being able to recreate,
clone, scale or change all assets with a single command is, for me,
the most important benefit of a cloud-native infrastructure.
</p>
<p>
The most difficult aspect of a cloud migration is to keep the drawbacks
in check while still leveraging the benefits. Keeping an eye on costs
and potential vendor lock-in is paramount.
</p>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box has-text-justified-desktop content has-background-danger-light">
<div class="columns is-vcentered is-mobile is-gapless">
<div class="column is-narrow">
<span class="icon is-large is-pulled-left mr-3 ml-2">
<i class="fas fa-3x fa-search"></i>
</span>
</div>
<div class="column has-text-centered">
<p class="subtitle is-4 has-text-centered">Monitoring &amp; Alerting </p>
</div>
</div>
<p class="has-text-weight-bold my-6">
I help you get insights into your infrastructure
</p>
<p>
I really like to have detailed, comprehensive monitoring for everything
in a system. This goes through the whole stack, from the infrastructure
parts to the application.
</p>
<p>
Same goes for logging. With an effective combination of metrics and events
nearly every problem can be traced back to its root cause.
</p>
<p>
I did 24/7 on-call duty rotations, so I have some on-hands experience
with alerting and know what to improve and optimize.
</p>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box has-text-justified-desktop content has-background-info-light">
<div class="columns is-vcentered is-mobile is-gapless">
<div class="column is-narrow">
<span class="icon is-large is-pulled-left mr-3 ml-2">
<i class="fas fa-3x fa-sitemap"></i>
</span>
</div>
<div class="column has-text-centered">
<p class="subtitle is-4 has-text-centered">DevOps Architecture</p>
</div>
</div>
<p class="has-text-weight-bold my-6">
I help you build reliable, scalable services
</p>
<p>
In the past, I have worked with many different kind of applications. From
big monoliths to small, stateless microservices. There are a lot of different
approaches to architecture and infrastructure, and none is strictly better
than the other.
</p>
<p>
Instead of focussing on a single appraoch (e.g. microservices), I prefer
to adapt the solution to the requirements. Over time, I came to recognize
the following values in good architecture:
</p>
<ul>
<li>Composability</li>
<li>Clear separation of concerns</li>
<li>Explicit and confined state</li>
<li>API-driven infrastructure</li>
</ul>
<p>
"DevOps" is one of the most misunderstood concepts that currently exists
in the IT industry. Nevertheless, I am convinced that actual DevOps is the
most effective way to build software. By having a tight coupling between
application code and infrastructure, a whole family of potential problems
are eliminted before they even appear.
</p>
<p>
Because I have experience both with the infrastructure and the application side
I am able to build full-stack application that adhere to this DevOps mentality and
enable architectures that would not even be possible in a traditional approach.
</p>
</div>
</div>
<div class="tile is-vertical">
<div class="tile is-parent">
<div class="tile is-child box has-text-justified-desktop content has-background-warning-light">
<div class="columns is-vcentered is-mobile is-gapless">
<div class="column is-narrow">
<span class="icon is-large is-pulled-left mr-3 ml-2">
<i class="fas fa-3x fa-shield-alt"></i>
</span>
</div>
<div class="column has-text-centered">
<p class="subtitle is-4 has-text-centered">Security</p>
</div>
</div>
<p class="has-text-weight-bold my-6">
I help you ensure the security or your data and applications
</p>
<p>
To me, information security is one of the most critical aspects in today's
IT landscape. Many recent changes and technologies made traditional
security approaches obsolete, or even dangerous to apply.
</p>
<p>
I am really fond of of Google's BeyondCorp zero-trust security concept, leveraging
protocols like OAuth and OpenID Connect. In the end, security is not
all-or-nothing, it is a spectrum and has many different aspects, from code to humans.
</p>
<p>
Also, security is not something you can just tack on existing applications after the fact.
Security engineering has to be an integrated part of your application development,
processes and, effectively, the whole company. You are never really "done" with security.
</p>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box has-text-justified-desktop content has-background-success-light">
<div class="columns is-vcentered is-mobile is-gapless">
<div class="column is-narrow">
<span class="icon is-large is-pulled-left mr-3 ml-2">
<i class="fas fa-3x fa-cogs"></i>
</span>
</div>
<div class="column has-text-centered">
<p class="subtitle is-4 has-text-centered">Automation</p>
</div>
</div>
<p class="has-text-weight-bold my-6">
I help you automate as much as possible
</p>
<p>
Everything done manually will be done wrong eventually. But computers
are very good at doing the exact same tasks over and over and over again, so
let's delegate as much as possible to them!
</p>
<p>
Using orchestration tooling like Ansible enables us to track all tasks
in version control, review them, and execute them automatically. Combined
with CI tools like Drone or automation suites like Rundeck makes it possible
to have all changes and regular tasks done automatically.
</p>
<p>
My philosophy is to never do a tasks twice manually. Before you do it
a second time, automate it away.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<h1 class="subtitle is-3 has-text-centered mb-3">Technologies</h1>
<hr>
<div class="tile is-ancestor is-vertical mt-3">
<div class="tile">
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Containerization</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/kubernetes.svg" alt="Kubernetes">
</span>
<br>
<b>Kubernetes</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/docker.svg" alt="Docker">
</span>
<br>
<b>Docker</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/helm.svg" alt="Helm">
</span>
<br>
helm
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/cri-o.svg" alt="cri-o">
</span>
<br>
cri-o
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/containerd.svg" alt="Containerd">
</span>
<br>
containerd
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/oci.svg" alt="OCI">
</span>
<br>
OCI
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/rancher.svg" alt="Rancher">
</span>
<br>
Rancher
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Databases</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/postgresql.svg" alt="PostgreSQL">
</span>
<br>
<b>PostgreSQL</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/elasticsearch.svg" alt="ElasticSearch">
</span>
<br>
<b>ElasticSearch</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/mysql.svg" alt="MySQL">
</span>
<br>
<b>MySQL</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/redis.svg" alt="Redis">
</span>
<br>
Redis
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/influx.svg" alt="Influx">
</span>
<br>
InfluxDB
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/sqlite.svg" alt="SQLite">
</span>
<br>
SQLite
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/mongodb.svg" alt="MongoDB">
</span>
<br>
MongoDB
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Configuration Management</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/terraform.svg" alt="Terraform">
</span>
<br>
<b>Terraform</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/ansible.svg" alt="Ansible">
</span>
<br>
<b>Ansible</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/pulumi.svg" alt="Pulumi">
</span>
<br>
<b>Pulumi</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/packer.svg" alt="Packer">
</span>
<br>
Packer
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/puppet.svg" alt="Puppet">
</span>
<br>
Puppet
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/saltstack.svg" alt="Saltstack">
</span>
<br>
SaltStack
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile">
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Web Development</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/html5.svg" alt="HTML5">
</span>
<br>
HTML
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/css.svg" alt="CSS">
</span>
<br>
CSS
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/bulma.svg" alt="Bulma">
</span>
<br>
Bulma
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/javascript.svg" alt="JavaScript">
</span>
<br>
JavaScript
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/flask.svg" alt="Flask">
</span>
<br>
Flask
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/django.svg" alt="Django">
</span>
<br>
Django
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/elm.svg" alt="Elm">
</span>
<br>
Elm
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Programming</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/python.svg" alt="Python">
</span>
<br>
<b>Python</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/go.svg" alt="Go">
</span>
<br>
<b>Go</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/typescript.svg" alt="TypeScript">
</span>
<br>
<b>TypeScript</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/rust.svg" alt="Rust">
</span>
<br>
<b>Rust</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/bash.svg" alt="Bash">
</span>
<br>
<b>Bash</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/php.svg" alt="PHP">
</span>
<br>
PHP
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/java.svg" alt="Java">
</span>
<br>
Java
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/csharp.svg" alt="C#">
</span>
<br>
C#
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/ruby.svg" alt="Ruby">
</span>
<br>
Ruby
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Monitoring</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/prometheus.svg" alt="Prometheus">
</span>
<br>
<b>Prometheus</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/grafana.svg" alt="Grafana">
</span>
<br>
<b>Grafana</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/checkmk.svg" alt="CheckMK">
</span>
<br>
<b>CheckMK</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/logstash.svg" alt="Logstash">
</span>
<br>
Logstash
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/kibana.svg" alt="Kibana">
</span>
<br>
Kibana
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/opsgenie.svg" alt="OpsGenie">
</span>
<br>
OpsGenie
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/cadvisor.svg" alt="cAdvisor">
</span>
<br>
cAdvisor
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Development</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/git.svg" alt="Git">
</span>
<br>
<b>Git</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/neovim.svg" alt="Neovim">
</span>
<br>
<b>Neovim</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/swagger.svg" alt="Swagger">
</span>
<br>
OpenAPI
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/visual-studio-code.svg" alt="Visual Studio Code">
</span>
<br>
Visual&nbsp;Studio&nbsp;Code
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile">
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Automation</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/drone.svg" alt="Drone">
</span>
<br>
<b>Drone</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/gitlab.svg" alt="GitLab">
</span>
<br>
<b>GitLab&nbsp;CI</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/jenkins.svg" alt="Jenkins">
</span>
<br>
Jenkins
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/rundeck.svg" alt="Rundeck">
</span>
<br>
Rundeck
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/foreman.svg" alt="Foreman">
</span>
<br>
Foreman
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Cloud Providers</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws.svg" alt="AWS">
</span>
<br>
<b>AWS</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/digitalocean.svg" alt="DigitalOcean">
</span>
<br>
DigitalOcean
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/openstack.svg" alt="OpenStack">
</span>
<br>
OpenStack
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/hetzner.svg" alt="Hetzner">
</span>
<br>
Hetzner&nbsp;Cloud
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Web Servers</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/nginx.svg" alt="Nginx">
</span>
<br>
<b>Nginx</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/apache.svg" alt="Apache">
</span>
<br>
Apache
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/haproxy.svg" alt="HAProxy">
</span>
<br>
HAProxy
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/openresty.svg" alt="OpenResty">
</span>
<br>
OpenResty
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Operating Systems</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/centos.svg" alt="CentOS">
</span>
<br>
<b>CentOS</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/debian.svg" alt="Debian">
</span>
<br>
<b>Debian</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/ubuntu.svg" alt="Ubuntu">
</span>
<br>
Ubuntu
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/fedora.svg" alt="Fedora">
</span>
<br>
Fedora
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/alpine.svg" alt="Alpine">
</span>
<br>
Alpine
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/freebsd.svg" alt="FreeBSD">
</span>
<br>
FreeBSD
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/arch-linux.svg" alt="Arch Linux">
</span>
<br>
Arch Linux
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile">
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Security</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/keycloak.svg" alt="Keycloak">
</span>
<br>
<b>Keycloak</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/openid-connect.svg" alt="OpenID Connect">
</span>
<br>
<b>OpenID&nbsp;Connect</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/gnupg.svg" alt="GnuPG">
</span>
<br>
GnuPG
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/pfsense.svg" alt="pfSense">
</span>
<br>
pfSense
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/letsencrypt.svg" alt="Letsencrypt">
</span>
<br>
Letsencrypt
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/nmap.svg" alt="Nmap">
</span>
<br>
Nmap
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/wireshark.svg" alt="Wireshark">
</span>
<br>
Wireshark
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/openvpn.svg" alt="OpenVPN">
</span>
<br>
OpenVPN
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/oauth.svg" alt="OAuth">
</span>
<br>
OAuth
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-vertical">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Virtualization</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/libvirt.svg" alt="Libvirt">
</span>
<br>
<b>Libvirt&nbsp;/&nbsp;KVM</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/vagrant.svg" alt="Vagrant">
</span>
<br>
<b>Vagrant</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/qemu.svg" alt="Qemu">
</span>
<br>
Qemu
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/lxc.svg" alt="LXC">
</span>
<br>
LXC
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/ovirt.svg" alt="oVirt">
</span>
<br>
oVirt
</div>
</div>
</div>
</div>
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Storage</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/ceph.svg" alt="Ceph">
</span>
<br>
<b>Ceph</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/openzfs.svg" alt="ZFS">
</span>
<br>
ZFS
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">AWS Services</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-ec2.svg" alt="AWS EC2">
</span>
<br>
<b>EC2</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-rds.svg" alt="AWS RDS">
</span>
<br>
<b>RDS</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered has-background-link-light">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-s3.svg" alt="AWS S3">
</span>
<br>
<b>S3</b>
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-vpc.svg" alt="AWS VPC">
</span>
<br>
VPC
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-iam.svg" alt="AWS IAM">
</span>
<br>
IAM
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-ecs.svg" alt="AWS ECS">
</span>
<br>
ECS
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-efs.svg" alt="AWS EFS">
</span>
<br>
EFS
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-lambda.svg" alt="AWS Lambda">
</span>
<br>
Lambda
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/aws-route-53.svg" alt="AWS Route 53">
</span>
<br>
Route&nbsp;53
</div>
</div>
</div>
</div>
</div>
<div class="tile is-parent">
<div class="tile is-child box">
<p class="subtitle is-4 has-text-centered">Misc</p>
<hr>
<div class="columns is-multiline is-mobile">
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/jira.svg" alt="Jira">
</span>
<br>
Jira
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/latex.svg" alt="LaTeX">
</span>
<br>
LaTeX
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/hugo.svg" alt="Hugo">
</span>
<br>
Hugo
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/systemd.svg" alt="systemd">
</span>
<br>
systemd
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/postfix.svg" alt="Postfix">
</span>
<br>
Postfix
</div>
</div>
<div class="column">
<div class="box has-text-centered">
<span class="icon tech-logo-container">
<img src="/assets/logos/dovecot.svg" alt="Dovecot">
</span>
<br>
Dovecot
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<h1 class="subtitle is-3 has-text-centered">Certifications</h1>
<hr>
<div class="columns is-centered is-multiline">
<div class="column is-narrow">
<div data-iframe-width="150" data-iframe-height="270" data-share-badge-id="870a6345-ed4e-416e-9c46-c9af9c6d2c77" data-share-badge-host="https://www.credly.com"></div><script type="text/javascript" async src="//cdn.credly.com/assets/utilities/embed.js"></script>
</div>
</div>
</section>
<section class="section">
<h1 class="subtitle is-3 has-text-centered">Languages</h1>
<table class="table is-fullwidth is-hoverable">
<tbody>
<tr>
<td>German</td>
<td>
<progress class="progress is-success" value="100" max="100">100%</progress>
</td>
</tr>
<tr>
<td>English</td>
<td>
<progress class="progress is-success" value="95" max="100">95%</progress>
</td>
</tr>
<tr>
<td>French</td>
<td>
<progress class="progress is-link" value="50" max="100">50%</progress>
</td>
</tr>
<tr>
<td>Spanish</td>
<td>
<progress class="progress is-link" value="15" max="100">15%</progress>
</td>
</tr>
</tbody>
</table>
</section>