layout.haml

!!! 5
%html
  %head

    %meta(charset="utf-8")

    %meta(name="description" content="Software engineer, entrepreneur, freelancer and open source contributor")
    %meta(name="author" content="lee hambley, lee.hambley@gmail.com")
    %link(rel="alternate" type="application/rss+xml" href="/feed.xml")
    %link(href='https://fonts.googleapis.com/css?family=Libre+Baskerville|Open+Sans' rel='stylesheet' type='text/css')

    /[if lt IE 9]
      %script(src="http://html5shim.googlecode.com/svn/trunk/html5.js")

    = stylesheet_link_tag "bootstrap.css"
    = stylesheet_link_tag "style.css"
    = stylesheet_link_tag "print.css", media: 'print'

    - if is_blog_article?
      %title
        = current_article.title
        Lee Hambley

    = yield_content :head

  %body{class: page_classes}

    #main(role="main")

      .container

        .row
          .span8

            .thumbnail.span3
              = image_tag 'me.png', alt: ''

            .hero-unit.span4
              %h1 Lee Hambley
              %h3 Founder, Consultant, Software Engineer
              %p
                %i.icon-map-marker
                Hamburg, Germany

            .row
              .span8
                - if is_blog_article?
                  .page-header
                    %h1= current_article.title
                = yield

          .span4
            .contact
              %h2 Contact
              %p
                %i.icon-file
                = link_to 'About Me', '/'
              %p
                %i.icon-envelope
                = link_to 'lee.hambley@gmail.com', 'mailto:lee.hambley@gmail.com'
              %p
                %i.icon-star-empty
                = link_to 'RSS Feed', 'http://feeds.feedburner.com/leehambleyname'
              %p
                %i.icon-signal
                +49 (0) 170 298 5667
              %p
                %i.icon-octocat
                = link_to 'https://github.com/leehambley', 'https://github.com/leehambley'

            .blog-titles.noPrint
              %h2 Recent Articles
              %ul.blog-titles
                - blog.articles.each do |article|
                  %li
                    %span.article-date= article.date.strftime('%b %e %Y')
                    %br
                    .article-link= link_to article.title, article.url

        .row.noPrint
          .span12
            .page-header
            :markdown
              This work is licensed under a [Creative Commons Attribution 3.0 Unported License].

              Licences for my individual projects, and mini-code snippets can be found within each.

              [Creative Commons Attribution 3.0 Unported License]: http://creativecommons.org/licenses/by/3.0/

    = javascript_include_tag "/javascripts/jquery.js"
    = javascript_include_tag "/javascripts/bootstrap.js"
    = javascript_include_tag "/javascripts/scripts.js"

    :javascript
      var _gauges = _gauges || [];
      (function() {
        var t   = document.createElement('script');
        t.type  = 'text/javascript';
        t.async = true;
        t.id    = 'gauges-tracker';
        t.setAttribute('data-site-id', '51b05b92108d7b56a40002be');
        t.src = '//secure.gaug.es/track.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(t, s);
      })();

    :javascript
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-236608-6']);
      _gaq.push(['_trackPageview']);

      (function() {
         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);
      })();

    :javascript
      $(function(){

        $.expr[':'].external = function(obj) {
          return !obj.href.match(/^mailto:/) &&
          (obj.hostname.replace(/^www\./i, '') != document.location.hostname.replace(/^www\./i, ''));
        };

        $('a:external').on('click', function (click_event) {
          var tracker = _gat._getTracker('UA-236608-6')
          tracker._trackPageview('/outgoing/'+ $(this).attr('href'));
        });

      });