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-02-10 16:44:34 +00:00
< meta name = "description" content = "Benjamin Bädorf is a frontend engineer based in Germany. 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 {
2022-02-10 16:44:34 +00:00
padding: 2vw;
background-color: white;
display: flex;
flex-direction: column;
}
body > * {
width: 100%;
2022-05-09 11:48:14 +00:00
max-width: 660px;
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
}
2016-06-02 12:33:04 +00:00
p {
2022-02-10 16:44:34 +00:00
font-weight: black;
2016-06-02 12:33:04 +00:00
margin: 0px;
padding: 0px;
2022-02-10 16:44:34 +00:00
}
p, details {
margin-top: 1rem;
2016-06-02 12:33:04 +00:00
}
2020-08-13 13:24:01 +00:00
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
2022-05-09 12:00:03 +00:00
< p > My name is Benjamin Bädorf < span id = "aka" > AKA < span > b12f< / span > < span class = "hidden" > Yule< / span > < span class = "hidden" > Ben< / span > < / span > and I often spend my time engineering software.< / h1 >
2022-02-10 16:44:34 +00:00
< p >
2022-02-10 16:48:03 +00:00
Stuff I work(ed) on that I find interesting includes
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 >
< a href = "https://git.b12f.io/MiOM/miom.space" target = "_blank" title = "Source code" > [1]< / a >
< / sup > ,
< a href = "https://pub.solar/" target = "_blank" title = "pub.solar homepage" > this< / a >
< sup >
< a href = "https://git.b12f.io/pub-solar/pub.solar" target = "_blank" title = "Source code" > [1]< / a >
< / sup > ,
< a href = "https://git.b12f.io/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 >
< a href = "https://git.b12f.io/b12f/lnb-server" target = "_blank" title = "Server source code" > [1]< / a >
< a href = "https://git.b12f.io/b12f/lnb-client" target = "_blank" title = "Client source code" > [2]< / a >
< / 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://brix.design/" target = "_blank" title = "Brix Design System" > 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 > ,
2022-02-10 16:44:34 +00:00
< a href = "https://git.b12f.io/b12f/wlstreamer" target = "_blank" title = "wlstreamer" > this< / a > ,
< a href = "https://git.b12f.io/b12f/unitfile-parser" target = "_blank" title = "unitfile parser" > this< / a > , and
< a href = "https://git.b12f.io/b12f/schlechtenburg" target = "_blank" title = "Schlechtenburg" > this< / a > .
< / p >
< p >
You can write me a mail < a href = "mailto:hello@benjaminbaedorf.eu?Subject=Sup%20mate" title = "Send me a mail!" > here< / a > ,
2022-05-09 12:00:03 +00:00
chat with me on Matrix < a href = "https://matrix.to/#/@b12f:pub.solar" title = "My Matrix @" > here< / a > ,
2022-11-07 16:56:04 +00:00
see my toots < a rel = "me" href = "https://mastodon.pub.solar/@b12f" title = "My Mastodon @" > here< / a >
2022-05-09 12:00:03 +00:00
see more of my code < a href = "https://github.com/b12f" target = "_blank" title = "My GitHub profile" > here< / a > and < a href = "http://git.b12f.io/b12f" target = "_blank" title = "Private Gitea. The better stuff is here." > here< / a > ,
and stalk my professional life < a href = "https://www.linkedin.com/in/benjaminbaedorf" target = "_blank" title = "My LinkedIn 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 >
< summary > GPG< / summary >
< 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
< script >
var aka = document.getElementById('aka');
var akas = aka.children;
var current = 0;
setInterval(function() {
akas[current].setAttribute('class', 'hidden');
current++;
if (current >= akas.length) {
current = 0;
}
akas[current].setAttribute('class', '');
2018-01-27 23:31:45 +00:00
}, 2000);
2016-06-02 12:33:04 +00:00
2016-06-02 12:38:37 +00:00
console.log('Kissinger should die in prison for crimes against humanity.');
2016-06-02 12:33:04 +00:00
< / script >
< / body >
< / html >
2018-01-27 23:31:45 +00:00
