!!! 5
%html{lang: "en"}
  %head
    %meta{charset: "utf-8"}
    %meta{:'http-equiv' => "X-UA-Compatible", content: "IE=edge,chrome=1"}
    %title Helios
    %link{rel: "shortcut icon", href: "/favicon.ico", type: "image/x-icon"}
    %link{rel: "license", href: "http://opensource.org/licenses/MIT", :title => "MIT License"}
    %link{rel: "description", href: "Helios"}
    = css :application

  %body{role: 'application'}
    %header{role: 'banner'}
      %h1#logo 
        %a{href: ''} Helios

      %nav{role: 'navigation'}
        %ul
          - for service in ['Data', 'Push Notification', 'In-App Purchase', 'Passbook']
            - slug = service.downcase.gsub(/\W/, '-')
            %li{class: slug}
              %a{href: "##{slug}"}= service

    %div{role: 'main'}

    / %footer
    /   %p= "Helios #{Helios::VERSION}"


    = js :application