%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 = 'Tmatt Technology'
  - else
    - @title_tag = 'Tmatt Technology'
  = display_meta_tags site: @title_tag,
                      keywords: '',
                      description: '',
                      separator: '|',
                      reverse: true

  %meta{content: 'Tmatt Tech', :name => 'author'}
  %meta{content: 'google-site-verification', :name => 'google-site-verification'}
  %meta{:content => 'Copyright Brand #{Date.today.year}. All Rights Reserved.', :name => 'Copyright'}

  -#%meta{:content => 'no-preview', :name => 'turbolinks-cache-control'}/

  %meta{name:'viewport', content:'width=device-width, initial-scale=1'}
  :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=1');
      } else if ( navigator.userAgent.match(/iPad/i) ) {
        viewport.setAttribute('content', 'width=device-width, initial-scale=1');
      } else if ( navigator.userAgent.match(/Android/i) ) {
        viewport.setAttribute('content', 'width=900, initial-scale=1');
      }
    }(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"}

  = stylesheet_link_tag 'utils/jasny-bootstrap.min'

  = render 'stylesheets'
  = javascript_include_tag 'polyfills'

  = render 'javascripts'
  = yield :js
  = yield :custom_javascripts
  = javascript_include_tag 'utils/jasny-bootstrap.min'

  = csrf_meta_tag

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