%nav
  %ul#navigation
    %li
      %a{:href => "/"}
        %span{:style => "border-color:#ff9108;"} Blog

    %li.drop
      %a{:href => "/projects"}
        %span{:style => "border-color:#ebe823;"} Projects
      %ul
        %li
          %a{:href => "/projects#focal"}
            %span Focal
        %li
          %a{:href => "/projects#imdb"}
            %span IMDB Rubygem
        %li
          %a{:href => "/projects#firefly"}
            %span Firefly
        %li
          %a{:href => "/projects#postcodeapi"}
            %span PostcodeAPI
        %li
          %a{:href => "/projects#elfproef"}
            %span elfproef
    %li
      %a{:href => "/craftsmanship"}
        %span{:style => "border-color:#ffeb79;"} Craftsmanship
    %li
      %a{:href => "/talks"}
        %span{:style => "border-color:#a0e0a9;"} Talks
    %li
      %a{:href => "/about"}
        %span{:style => "border-color:#00ada7;"} About