benjaminbaedorf.eu/index.html

224 lines
7.2 KiB
HTML
Raw Normal View History

2016-06-02 12:33:04 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Benjamin Bädorf</title>
2020-03-20 14:27:18 +00:00
<meta name="theme-color" content="#000000" id="theme-color" />
2016-06-02 12:33:04 +00:00
2022-05-30 17:51:33 +00:00
<meta name="description" content="Benjamin Bädorf writes code. I do some freelance stuff every once in a while.">
2016-06-02 12:33:04 +00:00
<meta name="Keywords" content="webdevelopment frontend javascript node freelance website why am i even doing this">
2022-05-09 11:48:14 +00:00
<link href="/fonts.css?1" rel="stylesheet">
2016-06-02 12:33:04 +00:00
<style>
2022-02-10 16:44:34 +00:00
html {
font-family: 'Urbanist', sans-serif;
font-size: 24px;
line-height: 1.3em;
color: #111111;
2022-05-09 11:48:14 +00:00
font-weight: normal;
2022-02-10 16:44:34 +00:00
}
2016-06-02 12:33:04 +00:00
body {
2023-07-26 14:45:27 +00:00
padding: 1rem;
2022-02-10 16:44:34 +00:00
background-color: white;
display: flex;
flex-direction: column;
}
body > * {
width: 100%;
2023-07-26 14:45:27 +00:00
max-width: 760px;
2016-06-02 12:33:04 +00:00
}
2022-02-10 16:44:34 +00:00
2022-05-09 12:00:03 +00:00
header {
display: flex;
align-items: center;
}
img {
border-radius: 50%;
width: 3rem;
margin-right: 1rem;
}
2022-02-10 16:44:34 +00:00
h1 {
2022-05-09 12:00:03 +00:00
font-size: 2rem;
2022-02-10 16:44:34 +00:00
font-weight: black;
2022-05-09 11:48:14 +00:00
line-height: 1.5rem;
2022-02-10 16:44:34 +00:00
}
2023-07-26 14:45:27 +00:00
h2 {
font-size: 1.25rem;
font-weight: black;
line-height: 1.5rem;
margin-bottom: 0;
}
2016-06-02 12:33:04 +00:00
p {
2023-07-27 12:38:36 +00:00
font-weight: normal;
2016-06-02 12:33:04 +00:00
margin: 0px;
padding: 0px;
2022-02-10 16:44:34 +00:00
}
2023-07-27 12:38:36 +00:00
p,
details {
font-size: 1rem;
2022-02-10 16:44:34 +00:00
margin-top: 1rem;
2016-06-02 12:33:04 +00:00
}
2023-07-27 09:28:33 +00:00
2023-07-26 14:45:27 +00:00
a,
2023-07-27 09:28:33 +00:00
a:visited,
summary::marker {
2023-07-26 14:45:27 +00:00
color: #ff0083;
}
2020-08-13 13:24:01 +00:00
2023-07-27 09:28:33 +00:00
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;
}
2016-06-02 12:33:04 +00:00
.hidden {
display: none;
}
</style>
</head>
<body>
2022-05-09 12:00:03 +00:00
<header>
<img src="/cows.jpg" alt="An image of three cows taken in the dark with a flashlight. I shot this over 15 years ago as a teenager and I don't think I have the original file. All that remains is this jpg that was processed a million times, but somehow it still captures the original vibe." />
<h1>Hi!</h1>
</header>
2022-05-09 11:48:14 +00:00
2023-07-26 14:45:27 +00:00
<p>
2023-07-27 09:28:33 +00:00
My name is Ben AKA b12f and I often spend my time engineering software.
2023-07-26 14:45:27 +00:00
</p>
<p>
I'm a founding member of the free software non-profit <a href="https://pub.solar/" target="_blank">pub.solar</a>.
2023-07-27 09:28:33 +00:00
We host a FOSS cloud with various products, all under one login. We also organize a small hackathon four times a year.
2023-07-26 14:45:27 +00:00
Come visit us at <a href="https://pub.solar/hakken" target="_blank">hakken.irl</a>!
</p>
<p>
I'm also a founding member of the tech collective <a href="https://momo.koeln/" target="_blank">Momo</a>.
2023-07-27 09:28:33 +00:00
We're professionals with experience in various parts of IT. We help you find solutions to a wide range of IT problems.
2023-07-26 14:45:27 +00:00
</p>
<p>
Last but very much not least, I'm a founding member of the Cologne based creative collective <a href="https://miom.space/" target="_blank">MiOM</a>.
2023-07-27 09:28:33 +00:00
We create affordable spaces to work, make art, and collaborate in.
2023-07-26 14:45:27 +00:00
</p>
<h2>Want to work with me?</h2>
<p>
2023-07-27 09:28:33 +00:00
My focus has often been on the frontend and devops side of things, though I'm increasingly involved in the organisational side of collaboration.
2023-07-26 14:45:27 +00:00
</p>
2023-07-27 09:28:33 +00:00
<details open>
2023-07-26 14:45:27 +00:00
<summary>Some keywords</summary>
2023-07-27 09:28:33 +00:00
<ul class="keywords">
2023-07-26 14:45:27 +00:00
<li>Design Systems</li>
2023-07-27 09:28:33 +00:00
<li>User Interfaces</li>
<li>Web multimedia</li>
<li>Developer Experience</li>
<li>Server Side Rendering</li>
<li>APIs</li>
<li>Reproducibility</li>
2023-07-26 14:45:27 +00:00
<li>Containerization</li>
<li>Automation</li>
<li>CI/CD</li>
</ul>
</details>
<details>
<summary>Some technologies</summary>
2023-07-27 09:28:33 +00:00
<ul class="keywords">
<li>TypeScript</li>
<li>Node.js & Deno</li>
2023-07-26 14:45:27 +00:00
<li>HTML & (S)CSS</li>
2023-07-27 09:28:33 +00:00
<li>Vue & React</li>
<li>Vite, Webpack, & Rollup</li>
<li>NPM</li>
<li>GraphQL</li>
<li>Nix</li>
2023-07-26 14:45:27 +00:00
<li>Docker</li>
2023-07-27 09:28:33 +00:00
<li>Linux</li>
2023-07-26 14:45:27 +00:00
<li>Golang</li>
2023-07-27 09:28:33 +00:00
<li>Rust</li>
2023-07-26 14:45:27 +00:00
</ul>
</details>
2022-02-10 16:44:34 +00:00
<p>
2023-07-26 14:45:27 +00:00
Projects I work(ed) on that I find interesting include
2022-02-10 16:44:34 +00:00
2022-05-09 11:26:47 +00:00
<a href="https://miom.space/" target="_blank" title="MiOM">this</a>
<sup>
2023-07-26 14:45:27 +00:00
<a href="https://git.pub.solar/MiOM/miom.space" target="_blank" title="Source code">[1]</a>
2022-05-09 11:26:47 +00:00
</sup>,
<a href="https://pub.solar/" target="_blank" title="pub.solar homepage">this</a>
<sup>
2023-07-26 14:45:27 +00:00
<a href="https://git.pub.solar/pub-solar/pub.solar" target="_blank" title="Source code">[1]</a>
2022-05-09 11:26:47 +00:00
</sup>,
2023-07-26 14:45:27 +00:00
<a href="https://git.pub.solar/pub-solar/os" target="_blank" title="PubSolarOS">this</a>,
2022-02-10 16:44:34 +00:00
<a href="https://latenight.blue/" target="_blank" title="latenight.blue">this</a>
<sup>
2023-07-26 14:45:27 +00:00
<a href="https://git.pub.solar/b12f/lnb-server" target="_blank" title="Server source code">[1]</a>
<a href="https://git.pub.solar/b12f/lnb-client" target="_blank" title="Client source code">[2]</a>
2022-02-10 16:44:34 +00:00
</sup>,
<a href="https://hosting.de/" target="_blank" title="hosting.de homepage">this</a>,
<a href="https://secure.hosting.de/" target="_blank" title="hosting.de management interface">this</a>,
<a href="https://flexbox.online/" target="_blank" title="FLEXBOX digital toolbox homepage">this</a>,
<a href="https://dashboard.flexbox.online/" target="_blank" title="FLEXBOX digital toolbox dashboard">this</a>,
<a href="https://openproject.com/" target="_blank" title="OpenProject GmbH">this</a>
<sup>
<a href="https://github.com/opf/openproject" target="_blank" title="OpenProject source code">[1]</a>
</sup>,
<a href="https://abkommen60jahre.de/" target="_blank" title="Abkommen 60 Jahre homepage">this</a>,
2023-07-26 14:45:27 +00:00
<a href="https://git.pub.solar/b12f/wlstreamer" target="_blank" title="wlstreamer">this</a>,
<a href="https://git.pub.solar/b12f/unitfile-parser" target="_blank" title="unitfile parser">this</a>, and
<a href="https://git.pub.solar/b12f/schlechtenburg" target="_blank" title="Schlechtenburg">this</a>.
2022-02-10 16:44:34 +00:00
</p>
<p>
2023-07-27 09:28:33 +00:00
You can write me an e-mail <a href="mailto:hello@benjaminbaedorf.eu?Subject=Hi" title="Send me a mail!">here</a>,<br>
chat with me on Matrix <a href="https://matrix.to/#/@b12f:pub.solar" title="My Matrix @">here</a>,<br>
follow me on Mastodon <a rel="me" href="https://mastodon.pub.solar/@b12f" title="My Mastodon @">here</a><br>
2023-07-26 14:45:27 +00:00
and see some of my code <a href="http://git.pub.solar/b12f" target="_blank" title="Private Gitea. The better stuff is here.">here</a> and <a href="https://github.com/b12f" target="_blank" title="My GitHub profile">here</a>.
2022-02-10 16:44:34 +00:00
</p>
2016-06-02 12:33:04 +00:00
2020-08-13 13:24:01 +00:00
<details>
2023-07-27 09:28:33 +00:00
<summary>GPG Pubkey</summary>
2020-08-13 13:24:01 +00:00
<a
download
href="/public-pgp-benjamin-baedorf.asc"
>4332 E0D0 2B21 4D31 376C 366E 4406 E80E 13CD 656C</a>
2022-05-20 10:01:53 +00:00
</details>
2016-06-02 12:33:04 +00:00
</body>
</html>
2018-01-27 23:31:45 +00:00