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
2023-07-27 12:43:22 +00:00
< meta id = "viewport" name = "viewport" content = "initial-scale=1.0" >
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;
2023-07-27 13:16:13 +00:00
font-size: 18px;
line-height: 1.75;
2022-02-10 16:44:34 +00:00
color: #111111;
2022-05-09 11:48:14 +00:00
font-weight: normal;
2022-02-10 16:44:34 +00:00
}
2023-07-27 13:16:13 +00:00
@media screen and (min-width: 700px) {
html {
font-size: 24px;
}
}
2016-06-02 12:33:04 +00:00
body {
2023-07-27 13:16:13 +00:00
padding: 0.5rem;
2022-02-10 16:44:34 +00:00
background-color: white;
display: flex;
flex-direction: column;
}
2023-07-27 13:16:13 +00:00
@media screen and (min-width: 700px) {
body {
padding: 1rem;
}
}
2022-02-10 16:44:34 +00:00
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;
2023-07-27 13:16:13 +00:00
line-height: 1.5;
2022-02-10 16:44:34 +00:00
}
2023-07-26 14:45:27 +00:00
h2 {
font-size: 1.25rem;
font-weight: black;
2023-07-27 13:16:13 +00:00
line-height: 1.5;
2023-07-26 14:45:27 +00:00
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;
2023-07-27 13:16:13 +00:00
line-height: 1.5;
font-size: 18px;
list-style: none;
}
@media screen and (min-width: 700px) {
.keywords {
font-size: 20px;
}
2023-07-27 09:28:33 +00:00
}
.keywords > * {
background: #ff0083;
color: white;
2023-07-27 13:16:13 +00:00
padding: 0px 12px;
2023-07-27 09:28:33 +00:00
border-radius: 16px;
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://hosting.de/" target = "_blank" title = "hosting.de homepage" > 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 > ,
2022-02-10 16:48:03 +00:00
< 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
