%head
  /[if lt IE 9]
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  %meta{:charset => 'UTF-8'}
  /[if IE]
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
  - if current_page?(root_url)
    - @title_tag = 'Place Long Tagline Here | Brand'
  - else
    - @title_tag = 'Brand | Place Tagline Here'
  = display_meta_tags site: @title_tag,
                      keywords: '',
                      description: '',
                      separator: '|',
                      reverse: true

  %meta{content: "PixelForce Systems", :name => "author"}
  %meta{:content => "Copyright Brand #{Date.today.year}. All Rights Reserved.", :name => "Copyright"}

  %meta{name:"viewport", content:"width=640, initial-scale=0.6"}
  :javascript
    (function(doc) {
      viewport = document.querySelector("meta[name=viewport]");
      if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ) {
        viewport.setAttribute('content', 'width=device-width, initial-scale=0.5');
      } else if ( navigator.userAgent.match(/iPad/i) ) {
        viewport.setAttribute('content', 'width=device-width, initial-scale=0.8');
      } else if ( navigator.userAgent.match(/Android/i) ) {
        viewport.setAttribute('content', 'width=900, initial-scale=0.8');
      }
    }(document));

  %link{:href => "/favicon.ico", :rel => "shortcut icon"}
  %link{href: "/apple-touch-icon.png", rel: "apple-touch-icon"}
  %link{href: "/apple-touch-icon-57x57.png", rel: "apple-touch-icon", sizes: "57x57"}
  %link{href: "/apple-touch-icon-72x72.png", rel: "apple-touch-icon", sizes: "72x72"}
  %link{href: "/apple-touch-icon-76x76.png", rel: "apple-touch-icon", sizes: "76x76"}
  %link{href: "/apple-touch-icon-114x114.png", rel: "apple-touch-icon", sizes: "114x114"}
  %link{href: "/apple-touch-icon-120x120.png", rel: "apple-touch-icon", sizes: "120x120"}
  %link{href: "/apple-touch-icon-144x144.png", rel: "apple-touch-icon", sizes: "144x144"}
  %link{href: "/apple-touch-icon-152x152.png", rel: "apple-touch-icon", sizes: "152x152"}
  / %link{href: "http://fonts.googleapis.com/css?family=Open+Sans:300,400,700", rel: "stylesheet", type: "text/css"}

  = render 'stylesheets'
  = javascript_include_tag 'polyfills'
  = csrf_meta_tag

  /[if lt IE 9]
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>