From 33a98352e242521f1842ea6845c805bae2b24927 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= Date: Thu, 27 Jul 2023 11:28:33 +0200 Subject: [PATCH] feat: improve keyword styling --- index.html | 100 ++++++++++++++++++++++++++++++++--------------------- 1 file changed, 61 insertions(+), 39 deletions(-) diff --git a/index.html b/index.html index 2da3deb..dc2199c 100644 --- a/index.html +++ b/index.html @@ -62,12 +62,44 @@ p, details { margin-top: 1rem; } + a, - a:visited { + a:visited, + summary::marker { color: #ff0083; } + summary, + a { + cursor: pointer; + text-decoration: none; + } + + summary:hover, + a:hover { + text-decoration: underline; + } + + .keywords { + margin: 0; + padding: 0; + padding-top: 8px; + display: flex; + flex-wrap: wrap; + } + + .keywords > * { + padding: 0px 12px; + background: #ff0083; + color: white; + list-style: none; + border-radius: 16px; + font-size: 0.8rem; + margin-bottom: 2px; + margin-right: 2px; + } + .hidden { display: none; } @@ -80,54 +112,62 @@

- My name is Ben AKA b12f and I often spend my time engineering software. + My name is Ben AKA b12f and I often spend my time engineering software.

I'm a founding member of the free software non-profit pub.solar. - We host a FOSS cloud with various free software solutions. We also organize a small hackathon four times a year. + We host a FOSS cloud with various products, all under one login. We also organize a small hackathon four times a year. Come visit us at hakken.irl!

I'm also a founding member of the tech collective Momo. - We're professionals with experience in various parts of IT. We offer solutions to IT problems. + We're professionals with experience in various parts of IT. We help you find solutions to a wide range of IT problems.

Last but very much not least, I'm a founding member of the Cologne based creative collective MiOM. - We offer affordable room to work, make art, and collaborate in. + We create affordable spaces to work, make art, and collaborate in.

Want to work with me?

- My focus so far has been on the frontend and devops side of things, though I'm increasingly involved with the organisational side of collaboration. + My focus has often been on the frontend and devops side of things, though I'm increasingly involved in the organisational side of collaboration.

-
+
Some keywords -
    -
  • User Interfaces
    • +
    • Design Systems
      • -
    • Developer Experience & APIs
      • +
    • User Interfaces
      • +
    • Web multimedia
      • +
    • Developer Experience
      • +
    • Server Side Rendering
      • +
    • APIs
      • +
    • Reproducibility
    • Containerization
    • Automation
      • -
    • Reproducibility
    • CI/CD
Some technologies -
    +
      +
    • TypeScript
      • +
    • Node.js & Deno
    • HTML & (S)CSS
      • -
    • TypeScript & Node.js
      • -
    • Vue
      • -
    • Docker
      • -
    • Golang
      • -
    • GNU/Linux
      • +
    • Vue & React
      • +
    • Vite, Webpack, & Rollup
      • +
    • NPM
      • +
    • GraphQL
    • Nix
      • +
    • Docker
      • +
    • Linux
      • +
    • Golang
      • +
    • Rust
@@ -152,7 +192,6 @@ this, this, this, - this, this [1] @@ -164,36 +203,19 @@

- You can write me a mail here, - chat with me on Matrix here, - follow me on Mastodon here + You can write me an e-mail here,
+ chat with me on Matrix here,
+ follow me on Mastodon here
and see some of my code here and here.

- GPG + GPG Pubkey 4332 E0D0 2B21 4D31 376C 366E 4406 E80E 13CD 656C
- -