willbroderick.github.io/index.html at master · willbroderick/willbroderick.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>I made this</title>
<meta name="description" content="Be happy! :)">
<link href="styles.css" rel="stylesheet" type="text/css">

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
  WebFont.load({
    google: {
      families: ['Press Start 2P', 'Varela Round']
    }
  });
</script>
</head>
<body>
	<div class="container">
		<div class="name">Will Broderick</div>
		<div class="who-am-i">
			<h2>Who am I?</h2>
			<p>A <span id="reality-check"></span> year old programmer from the East Midlands.</p>
			<p>I like beer, bratwurst, the Oxford Comma, and brass sections.</p>
			<script>
			var myAge = (new Date()).getYear() - (new Date('1985-01-21')).getYear(); //Ohnoes, my birthday, revealed to the world...
			var span = document.getElementById('reality-check');
			while(span.firstChild) {
				span.removeChild(span.firstChild);
			}
			span.appendChild(document.createTextNode(myAge.toString()));
			</script>
		</div>
		<div class="what-i-think">
			<h2>Space-filling Twaddle</h2>
			<div class="thought">
				<p>Routinely modifying a website is like routinely modifying your house.
				You never know when you might knock through a load-bearing wall, or hammer a nail into a pipe,
					and your once-solid brick walls will eventually end up like swiss cheese.</p>
			</div>
		</div>
	</div>
</body>
</html>