You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

72 lines
3.0 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Benjamin Bädorf</title>
<meta name="theme-color" content="#000000" id="theme-color" />
<meta name="description" content="Benjamin Bädorf is a frontend engineer based in Germany. He does some freelance stuff every once in a while.">
<meta name="Keywords" content="webdevelopment frontend javascript node freelance website why am i even doing this">
<link href="/fonts.css" rel="stylesheet" type="text/css">
<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%;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<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>
<p>He made <a href="https://latenight.blue/" target="_blank" title="latenight.blue">this</a> with vue and golang</p>
<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>
<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>
<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>
<details>
<summary>GPG</summary>
<a
download
href="/public-pgp-benjamin-baedorf.asc"
>4332 E0D0 2B21 4D31 376C 366E 4406 E80E 13CD 656C</a>
</p>
<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', '');
}, 2000);
console.log('Kissinger should die in prison for crimes against humanity.');
</script>
</body>
</html>