68 lines
2.8 KiB
HTML
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 freelance webdeveloper with a passion for webdevelopment, politics and science.">
|
||
|
|
<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('Brutalism will never die.');
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|