-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·130 lines (118 loc) · 5.66 KB
/
about.html
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Dominik Helleberg - About</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Roboto:100,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
<meta name="description" content="About me, this page and everything else..."/>
<link rel="stylesheet" media="all" href="css/main.css"/>
<link rel="stylesheet" media="all" href="css/holo.css"/>
<meta name="viewport" content="width=device-width; initial-scale=1"/>
<!-- Add "maximum-scale=1" to fix the Mobile Safari auto-zoom bug on orientation changes,
but keep in mind that it will disable user-zooming completely. Bad for accessibility. -->
</head>
<body class="holo holo-dark">
<div id="accent" class="holo-accent-blue">
<nav class="holo-action-bar">
<div class="holo-fixed-tabs">
<ul id="nav">
<li><a href="index.html">Main</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a class="current-tab" href="#">About</a></li>
</ul>
</nav>
<header>
<h2>Things I care about</h2>
</header>
<section>
<aside class="rightside small">
<h4>Recent changes to this page</h4>
<section id="git">
<img src="img/ajax-loader.gif"/>
</section>
</aside>
<section class="main">
<h3>About...</h3>
<p>...me, this page, and everything else.</p>
<p>I created this page mainly to learn about current web-development-techniques. I felt uncomfortable still using <center> tags and tables ;)</p>
<p>Therefore this is a small project + a playground for me. I decided to use <a href="https://github.com/dhelleberg/homepage">a github repository</a> down the road, therefore you can see the latest commits here.</p>
</section>
<aside class="rightside small">
<h4>Geocaching stats</h4>
<section>
<a href="http://www.geocaching.com/profile/?guid=7367c494-cc80-463a-ab10-1cf9ba61e3c9"><img alt="geocaching profile" src="http://img.geocaching.com/stats/img.aspx?txt=Check+my+profile&uid=7367c494-cc80-463a-ab10-1cf9ba61e3c9"/></a>
</section>
</aside>
<section class="main">
<h3>Hobbies</h3>
<p>What else do I do beside my <a href="work.html">work</a> and my <a href="projects.html">projects</a>?</p>
<p>I go running quite often. I completed some half marathons as well as a marathon in 2008.</p>
<p>Geocaching is quite cool, you can see my latest activities <a href="http://www.geocaching.com/profile/?guid=7367c494-cc80-463a-ab10-1cf9ba61e3c9">here</a>.</p>
<p>I also like R/C planes, I own a <a href="http://twitpic.com/6747r">Shocky YAK 54</a> which I control with my Graupner MX-12 remote.</p>
<p>Since years I'm collecting DMX controlled light-effects, as I was always fascinated by light shows in concerts or musicals. Beside a few smaller effects I own two <a href="http://www.martin.com/product/product.asp?product=maniascx600">Martin Mania SCX-600</a> scans.</p>
<p><a href="http://ingress.com">Ingress</a> is currently eating a lot of time</p>
</section>
<aside class="rightside small">
<h4>Recent last.fm music tracks</h4>
<section id="music">
<img src="img/ajax-loader.gif"/>
</section>
</aside>
<section class="main">
<h3>Music</h3>
<p>Music is just great even better when it comes in excellent quality. Concerts and festivals like the <a href="http://en.summerjam.de/">Summerjam</a> are just a great experience. Unbeatable.</p>
</section>
</section>
<hr/>
<footer>
<section class="leftFooter small">
<p>by Dominik Helleberg © 2013</p>
<p>Feel free to contact me via dominik[dot]helleberg[at]googlemail.com</p>
<p>or <a href="http://dominik-helleberg.de/+">circle me</a> on Google+</p>
</section>
<section class="rightFooter small">
<p>Powered by <a href="http://vezquex.com/projects/holo-css/index.html">Holo-CSS</a>, <a href="http://lessframework.com/">Less Framework 4</a>, <a href="http://arnaumarch.com/en/less-grid.html">Less Grid</a>, <a href="http://code.google.com/p/twitterjs/">Twitterjs</a>, <a href="http://www.zazar.net/developers/zrssfeed/default.html">zRSSFeed</a> and of course <a href="http://jquery.com">jQuery</a></p>
<object data="img/HTML5_1Color_Black.svg" width="100px" height="100px" type="image/svg+xml">
<img src="img/HTML5_1Color_Black.png" width="100px" height="100px"/>
</object>
<p>HTML5 handcrafted to keep myself up-to-date</p>
</section>
</footer>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/less-grid-4.js"></script>
<script type="text/javascript">
$("#scroll").click(function() {
$("html, body").animate({scrollTop : 0},1000);
});
</script>
<script src="js/jquery.zrssfeed.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#music').rssfeed('http://ws.audioscrobbler.com/1.0/user/_cirrus_/recenttracks.rss', {
limit: 5,
content: false,
titletag: 'p',
header: false,
key:"ABQIAAAAgx1DdGd3yR-1qVt6aNDWDxQ3SBPyh0o1qHh3iYv7t0Jii7XskRSu4ouq85vDSQ6RzLNfs02dSjfntQ"
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#git').rssfeed('http://github.com/dhelleberg/homepage/commits/master.atom', {
limit: 3,
content: false,
titletag: 'p',
header: false,
key:"ABQIAAAAgx1DdGd3yR-1qVt6aNDWDxQ3SBPyh0o1qHh3iYv7t0Jii7XskRSu4ouq85vDSQ6RzLNfs02dSjfntQ"
});
});
</script>
</body>
</html>