<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />

    <title>mattijs - monkey and machine</title>
    <meta name="description" content="mattijs, monkey and machine, matti.js">

    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,italic" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Tinos:400,700,700italic" rel="stylesheet" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Lora" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" type="text/css" href="style.css" media="screen">
</head>
<body>
   <!--
          _
         ( )
          H
          H
         _H_ 
      .-'-.-'-.
     /         \
    |           |             ' ============================`
    |   .-------'._           "                             "
    |  / /  '.' '. \          "          Will bend*         "
    |  \ \ @   @ / /          "      awesome software       "
    |   '---------'           "         for liquor**        "
    |    _______|             "                             "
    |  .'-+-+-+|              ` ============================'
    |  '.-+-+-+|
    |    """""" |
    '-.__   __.-'                *  I can also build stuff
   /     """     \              **  Money will do too
   -->

    <div class="main" role="main">

        <!-- about -->
        <section name="hi" class="hi">
            <div class="wrapper">
                <h1>My name is <a href="http://en.wikipedia.org/wiki/Mattijs">Mattijs</a>.</h1>
                <p>
                    I'm a curious dude living in the Netherlands who loves to
                    <a title="GitHub code" href="https://github.com/mattijs">write code</a>,
                    <a title="Ultimate Frisbee video" href="https://www.youtube.com/watch?v=uq3pg0JcJSI">throw frisbees</a>
                    and <a title="Mountain bike video" href="http://vimeo.com/29989683">ride bikes</a>.
                </p>
                <p class="contact">
                    Contacting me is easiest through <a href="http://www.google.com/recaptcha/mailhide/d?k=01PNaly2L8skI1i44iHsbCPg==&c=6jsqE-">email</a>,
                    but I'm sure you can find other ways.
                </p>
        </section>

        <hr />

        <!-- elsewhere -->
        <section name="elsewhere" class="elsewhere">
            <div class="wrapper">
                <h2>elsewhere</h2>
                <ol class="cards">
                    <li class="card profile github">
                        <a href="https://github.com/mattijs">GitHub</a>
                    </li>
                    <li class="card profile googleplus">
                        <a href="https://plus.google.com/107021673818211238541">Google+</a>
                    </li>
                    <li class="card profile soundcloud">
                        <a href="https://soundcloud.com/mattijshoitink">SoundCloud</a>
                    </li>
                    <li class="card profile linkedin">
                        <a href="https://www.linkedin.com/in/mattijshoitink">LinkedIn</a>
                    </li>
                </ol>
            </div>
        </section>

    </div>

    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3370396-4']);
      _gaq.push(['_trackPageview']);

      (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>
