benjaminbaedorf.eu/index.html
2016-06-02 14:38:37 +02:00

68 lines
2.8 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 an Aachen based webdeveloper. 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>
* {
box-sizing: border-box;
}
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="http://latenight.blue/" target="_blank" title="this">this</a> with nodejs</p>
<p>He made <a href="https://www.studereninaken.nl" target="_blank" title="this">this</a> with wordpress</p>
<p>He made <a href="https://hosting.de/" target="_blank" title="this">this</a> with middleman</p>
<p>He made <a href="https://github.com/b12f/PBMjs" target="_blank" title="this">this</a> without jQuery</p>
<p>He made <a href="https://github.com/b12f/pastamaker" target="_blank" title="this">this</a> with mongodb</p>
<p>He helped make <a href="https://secure.hosting.de/" target="_blank" title="this">this</a> with angularjs</p>
<p>You can write him a mail <a href="mailto:hello@benjaminbaedorf.com?Subject=Sup%20mate">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></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', '');
}, 1000);
console.log('Kissinger should die in prison for crimes against humanity.');
</script>
</body>
</html>