blog/content/skills/_index.html

---
---
<h1 class="subtitle is-3 has-text-centered has-text-weight-normal 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 has-text-weight-normal 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 has-text-weight-normal">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 has-text-weight-normal mb-6">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>