Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
408 lines (406 sloc) 13.1 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en'>
<head>
<meta charset='utf-8' />
<title>hans.io</title>
<meta content='hans.io' name='description' />
<meta content='Hans Hasselberg' name='author' />
<link href='bootstrap/css/bootstrap.min.css' rel='stylesheet' />
<style type='text/css'>
/*<![CDATA[*/
body {
padding-top: 60px;
}
section {
padding-top: 60px;
}
h3 {
padding-top: 10px;
}
/*]]>*/
</style>
</head>
<body data-spy='scroll' data-target='#navbar'>
<div class='navbar navbar-fixed-top' id='navbar'>
<div class='navbar-inner'>
<div class='container'>
<a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collaps'>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</a>
<a class='brand' href='#'>hans.io</a>
<div class='nav-collaps'>
<ul class='nav'>
<li class='active'>
<a href='#home'>Home</a>
</li>
<li>
<a href='#about'>About me</a>
</li>
<li>
<a href='#skills'>Technical skills</a>
</li>
<li>
<a href='#cv'>Curriculum Vitae</a>
</li>
<li>
<a href='#hobbies'>Hobbies</a>
</li>
<li>
<a href='#contact'>Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='hero-unit' id='home'>
<h1>
hello, world
</h1>
<p class='lead'>
I'm a developer, currently working with Rails which is fun.
<br />
But I'm very open minded and interested in a lot of stuff, so
<strong>don't</strong>
hesitate to
<a href='#contact'>
<strong>Contact me!</strong>
</a>
</p>
</div>
<section id='about'>
<div class='page-header'>
<h1>
About me
<small>Introduction</small>
</h1>
</div>
<p>
I'm a 28 years old developer, living in Potsdam. I love
getting things done, coding and more generally learning new
stuff.
<br />
Developing Rails webapplications is part of my life since 2007
when I started to implement an online finance management
software as a side project. Two years later it turned out to be
way to complex for me and I abandoned it, but Rails is still
there.
<br />
I tried to create a decent overview about what I did the last
years and hope you can get an impression.
<br />
<br />
Have fun looking around!
</p>
</section>
<section id='skills'>
<div class='page-header'>
<h1>
Technical skills
<small>/(bb|[^b]{2})/</small>
</h1>
</div>
<div class='row show-grid'>
<div class='span3'>
Programming Languages and Frameworks
</div>
<div class='span9'>
Ruby, Rails, Sinatra, Javascript, NodeJS, Java, C++, C
</div>
</div>
<div class='row'>
<div class='span3'>
Databases
</div>
<div class='span9'>
MongoDB, Redis, MySQL
</div>
</div>
<div class='row'>
<div class='span3'>
others
</div>
<div class='span9'>
Vim, Git, Google Adwords API, Salesforce API, Facebook API,
Chef &amp; Opscode.
</div>
</div>
<h3>Projects</h3>
<div class='row'>
<div class='span3'>
<a href='https://github.com/i0rek/longjohn'>Longjohn</a>
</div>
<div class='span9'>
Longjohn is a software to manage studios and equipment for the
sound engineers from the UDK Berlin.
<br />
Its still under development but at least some code to look at.
</div>
</div>
<div class='row'>
<div class='span3'>
<a href='https://github.com/healthety'>
Healthety
</a>
</div>
<div class='span9'>
We developed Healthety at K&auml;uferportal because we wanted
to monitor the load from every server in realtime.
<br />
And now we can use this tool on nearly any other number as
well. It's so simple to add a chart that we now have like
10 different reporters on about 20 machines reporting their
numbers (load, memory, revenue, mail delivery, outgoing
calls, db replica state, &hellip;).
</div>
</div>
</section>
<section id='cv'>
<div class='page-header'>
<h1>
Curriculum Vitae
<small>Brief history.</small>
</h1>
</div>
<h3>Work Experience</h3>
<div class='row'>
<div class='span3'>
since Nov 2011
</div>
<div class='span9'>
Rails Developer at&nbsp;<a href='http://www.1000jobboersen.de'>1000 Jobb&ouml;rsen</a>, Berlin
</div>
</div>
<div class='row'>
<div class='span3'>
Jun 2010 - Nov 2011
</div>
<div class='span9'>
Rails Developer at&nbsp;<a href='http://www.kaeuferportal.de'>Beko K&auml;uferportal</a>, Berlin
</div>
</div>
<div class='row'>
<div class='span3'>
Feb 2010 - Jun 2010
</div>
<div class='span9'>
Rails Developer at&nbsp;<a href='http://www.mmpg.de/'>MMP Group</a>, Hamburg
</div>
</div>
<div class='row'>
<div class='span3'>
Jan 2010 - Feb 2010
</div>
<div class='span9'>
Java Developer at&nbsp;<a href='http://www.brands4friends.de/'>Brands4Friends</a>, Berlin
</div>
</div>
<div class='row'>
<div class='span3'>
Apr 2009 - Nov 2009
</div>
<div class='span9'>
Masterthesis: Analysis of a composable system
architecture at
<a href='http://www.siemens.de/'>Siemens</a>
and&nbsp;<a href='http://www.tu-berlin.de/'>Technische Universit&auml;t</a>, Berlin
</div>
</div>
<div class='row'>
<div class='span3'>
Nov 2007 - Mar 2009
</div>
<div class='span9'>
Working student (firmware development) at&nbsp;<a href='http://www.siemens.de/'>Siemens</a>, Berlin
</div>
</div>
<div class='row'>
<div class='span3'>
Oct 2006 - Sep 2007
</div>
<div class='span9'>
Bachelorthesis: LectureBrowser - Videosearchengine and
Annotationtool at&nbsp;<a href='http://www.hpi.uni-potsdam.de/'>Hasso-Plattner-Institute</a>, Potsdam
</div>
</div>
<h3>University Education</h3>
<div class='row'>
<div class='span3'>
Oct 2007 - Nov 2009
</div>
<div class='span9'>
Student at&nbsp;<a href='http://www.tu-berlin.de/'>Technische Universit&auml;t</a>, Berlin
<br />
Master of Science in Information Technology
</div>
</div>
<div class='row'>
<div class='span3'>
Oct 2004 - Nov 2007
</div>
<div class='span9'>
Student at&nbsp;<a href='http://www.hpi.uni-potsdam.de/'>Hasso-Plattner-Institute</a>, Potsdam
<br />
Bachelor of Science in Information Technology
</div>
</div>
<h3>School Education</h3>
<div class='row'>
<div class='span3'>
Nov 2003 - Jul 2004
</div>
<div class='span9'>
Civilian Service, Berlin
</div>
</div>
<div class='row'>
<div class='span3'>
Sep 1996 - Aug 2003
</div>
<div class='span9'>
High School, Berlin
</div>
</div>
</section>
<section id='hobbies'>
<div class='page-header'>
<h1>
Hobbies
<small>Lots of interesting things.</small>
</h1>
</div>
<div class='row'>
<div class='span3'>
Swimming
</div>
<div class='span9'>
I always found swimming to be boring until I discovered
<a href='http://en.wikipedia.org/wiki/Total_Immersion'>
Total Immersion
</a>
3 years ago. This technique was what
I was looking for so long!
Swimming feels natural and is fun, now.
</div>
</div>
<div class='row'>
<div class='span3'>
Kungfu
</div>
<div class='span9'>
After six years of training
<a href='http://www.damo-chuan.de'>Damo Chuan Kungfu</a>
I decided to cancel my membership June 2011 because of the
lack of time. But I will continue this beautiful sport as
soon as possible.
</div>
</div>
<div class='row'>
<div class='span3'>
Lockpicking
</div>
<div class='span9'>
Lockpicking has imho much in common with reverse engineering,
that's why I chose in September 2009 to buy a kit and learn to
pick locks. Turns out that this is much harder than I
thought and it took me two month till my first&nbsp;<a href='open_lock.jpg'>success</a>. So, don't worry about your new flatscreen.
</div>
</div>
<div class='row'>
<div class='span3'>
Pool Billard
</div>
<div class='span9'>
Long long time ago I played pretty decent! Now it's good enough
to beat beginners. I don't play very often any more, but still
like it.
</div>
</div>
<div class='row'>
<div class='span3'>
Open Source
</div>
<div class='span9'>
I contributed to various open source projects. Most of the time
for
<a href='https://github.com/mongoid/mongoid'>Mongoid</a>
the famous ruby mongodb orm.
</div>
</div>
</section>
<section id='contact'>
<div class='page-header'>
<h1>
Contact
<small>Some ways get in touch.</small>
</h1>
</div>
<div class='row'>
<div class='span3'>
Email
</div>
<div class='span9'>
<a href='mailto:me@hans.io'>me@hans.io</a>
</div>
</div>
<div class='row'>
<div class='span3'>
Twitter
</div>
<div class='span9'>
<a href='https://twitter.com/#!/i0rek'>@i0rek</a>
</div>
</div>
<div class='row'>
<div class='span3'>
Github
</div>
<div class='span9'>
<a href='https://github.com/i0rek'>i0rek</a>
</div>
</div>
</section>
<section id='end'>
<div class='page-header'>
<h1>The End</h1>
</div>
<p>
This page was created with&nbsp;<a href='http://www.vim.org'>Vim</a>,
<a href='http://twitter.github.com/bootstrap'>Bootstrap</a>
and&nbsp;<a href='http://haml-lang.com/'>Haml</a>.
<br />
Any feedback, typos and improvements are very appreciated!
<a href='#contact'>Contact me</a>
or&nbsp;<a href='https://github.com/i0rek/i0rek.github.com'>create a pull request</a>.
<br />
<br />
<strong>Thanks for visiting!</strong>
</p>
</section>
<footer>
<p>
© hans.io 2011&ndash;2012,
Last updated at 01/31/2012
</p>
</footer>
</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script src='bootstrap/js/bootstrap.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25831094-1']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
</body>
</html>