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
2020-10-03 17:43:18 +00:00
< meta name = "description" content = "Benjamin Bädorf is a frontend engineer based in Germany. He does 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" >
2021-11-17 17:38:44 +00:00
< link href = "/fonts.css" rel = "stylesheet" type = "text/css" >
2016-06-02 12:33:04 +00:00
< style >
body {
font-family: 'chivo', sans-serif;
font-size: 60px;
line-height: 60px;
text-transform: uppercase;
font-style: italic;
padding: 20px;
background-color: black;
color: white;
font-weight: bold;
}
p {
margin: 0px;
padding: 0px;
max-width: 100%;
}
2020-08-13 13:24:01 +00:00
2016-06-02 12:33:04 +00:00
.hidden {
display: none;
}
< / style >
< / head >
< body >
2021-11-17 17:31:02 +00:00
< p > Benjamin Bädorf < span id = "aka" > AKA < span > B12F< / span > < span class = "hidden" > Yule< / span > < span class = "hidden" > Ben< / span > < span class = "hidden" > Kleiner< / span > < / span > is a frontend engineer< / p >
2020-10-03 17:50:13 +00:00
< p > He made < a href = "https://latenight.blue/" target = "_blank" title = "latenight.blue" > this< / a > with vue and golang< / p >
2020-10-03 17:43:18 +00:00
< p > He worked on < a href = "https://hosting.de/" target = "_blank" title = "hosting.de homepage" > this< / a > with middleman< / p >
< p > He worked on < a href = "https://secure.hosting.de/" target = "_blank" title = "hosting.de management interface" > this< / a > with angularjs< / p >
2020-10-03 17:50:13 +00:00
< p > He worked on < a href = "https://flexbox.online/" target = "_blank" title = "FLEXBOX digital toolbox" > this< / a > with laravel and vue< / p >
< p > He made and maintained < a href = "https://brix.design/" target = "_blank" title = "Brix Design System" > this< / a > with vue< / p >
< p > He now works on < a href = "https://openproject.com/" target = "_blank" title = "OpenProject GmbH" > this< / a > < / p >
2020-03-20 14:32:36 +00:00
< p > You can write him a mail < a href = "mailto:hello@benjaminbaedorf.eu?Subject=Sup%20mate" title = "Send me a mail!" > here< / a > < / p >
< p > You can see some of his code < a href = "https://github.com/b12f" target = "_blank" title = "Github" > here< / a > and < a href = "http://git.b12f.io/b12f" target = "_blank" title = "Private Gitea" > here< / a > < / p >
< p > You can stalk his professional life < a href = "https://www.linkedin.com/in/benjaminbaedorf" target = "_blank" title = "LinkedIn" > here< / a > < / 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 >
< / p >
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