!!! 5
%html(lang="en" dir="ltr" prefix="og: http://ogp.me/ns#")
  %head
    %meta(charset="UTF-8")
    %meta(content="text/html;charset=utf-8" http-equiv="content-type")
    %meta(http-equiv="X-UA-Compatible" content="IE=edge")
    %meta(name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no")
    %meta(name="author" content="Ariejan de Vroom")

    %meta(name="description" content="a blog by ariejan de vroom about software engineering and craftsmanship.")
    %meta(name="keywords" content="software engineering, programming, craftsmanship, devops, ruby, rubyonrails, rails, git, svn, postgres, postgresql, mysql, mac, ios, apple, web2.0, go, golang")

    %meta(content="3bgidck6YUMyx-kvL_a8E4ry0DJOAIOYaZkZxQ0kZw4" name="google-site-verification")

    %link(href='http://www.myopenid.com/server' rel='openid.server')
    %link(href='http://ariejan.myopenid.com/' rel='openid.delegate')

    %link(href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon")
    %link(href="https://ariejan.net/rss.xml" rel="alternate" type="application/rss+xml" title="RSS")

    %link(href="/css/screen.css" rel="stylesheet" type="text/css" media="screen")

    %title= "#{@item[:title]} — ariejan.net"

  %body
    :javascript
      (function(){
        var bsa = document.createElement('script');
           bsa.type = 'text/javascript';
           bsa.async = true;
           bsa.src = '//s3.buysellads.com/ac/bsa.js';
        (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
      })();

    %section#wrapper
      %section#page
        %header#title
          %h1= link_to "ariejan.net", "https://ariejan.net/"

          %nav#primary
            %ol.interal
              %li= link_to "Home", "/"
              %li= link_to "Projects", "/projects/"
              %li= link_to "Craftsmanship", "/craftsmanship/"
              %li= link_to "Talks", "/talks/"
              %li= link_to "About", "/about/"

        %section#main
          %section#content
            = yield

          %aside#sidebar
            #adpack
              .bsarocks.bsap_a40a34b3f2d124df05e7c20ddaa79bd8#bsap_1287881
              %a(href="http://adpacks.com" id="bsap_aplink") via Ad Packs

            %nav#social
              %ol
                %li= link_to "github", "https://github.com/ariejan"
                %li= link_to "twitter", "https://twitter.com/ariejan"
                %li= link_to "linkedin", "http://www.linkedin.com/in/ariejan"
                %li= link_to "RSS", "https://ariejan.net/rss.xml"
                %li= link_to "Contact", "mailto:ariejan@ariejan.net"

        %footer
          .copyright
            %p
              Copyright © 1999 - #{Time.now.year} Ariejan de Vroom

          %ul.tla
            :plain
              <li>A message from the Dark Side:</li>
              <li><a href="http://www.rankexecutives.com/white-hat-seo">White Hat SEO</a></li>
              <li><a href="http://www.healthy-dietplans.com/coupons/medifast-promo-codes/">Medifast Coupon Code</a></li>

    :javascript
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-60089-16']);
      _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);
      })();