66 lines
3 KiB
HTML
66 lines
3 KiB
HTML
<!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 dev 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='https://fonts.googleapis.com/css?family=Chivo:900italic' 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 webdeveloper</p>
|
|
<p>He made <a href="https://latenight.blue/" target="_blank" title="latenight.blue">this</a> with golang and vuejs</p>
|
|
<p>He made <a href="https://www.studereninaken.nl" target="_blank" title="Studeren in Aken">this</a> with wordpress</p>
|
|
<p>He made <a href="https://hosting.de/" target="_blank" title="hosting.de homepage">this</a> with middleman</p>
|
|
<p>He helped make <a href="https://secure.hosting.de/" target="_blank" title="hosting.de management interface">this</a> with angularjs</p>
|
|
<p>He is helping make <a href="https://flexbox.online/" target="_blank" title="FLEXBOX digital toolbox">this</a> with laravel and vuejs</p>
|
|
<p>He is currently working <a href="https://convidera.com/" target="_blank" title="Convidera GmbH">here</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 tweet at him <a href="https://www.twitter.com/benjaminbaedorf" target="_blank" title="Twitter">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>
|
|
|
|
|
|
<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>
|
|
|