!!! 5 %html

%head
  %meta{charset: 'utf-8'}
  / Always force latest IE rendering engine or request Chrome Frame
  %meta{content: 'IE=edge,chrome=1', :'http-equiv' => 'X-UA-Compatible'}
  / Sets initial viewport load and disables zooming
  %meta{content: 'initial-scale=1, maximum-scale=1, user-scalable=no', name: 'viewport'}
  / Makes your prototype chrome-less once bookmarked to your phone's home screen
  %meta{content: 'yes', name: 'apple-mobile-web-app-capable'}
  %meta{content: 'black', name: 'apple-mobile-web-app-status-bar-style'}
  / Set Apple icons for when prototype is saved to home screen
  %link{href: 'images/touch-icons/apple-touch-icon-114x114.png', rel: 'apple-touch-icon-precomposed', sizes: '114x114'}
  %link{href: 'images/touch-icons/apple-touch-icon-72x72.png', rel: 'apple-touch-icon-precomposed', sizes: '72x72'}
  %link{href: 'images/touch-icons/apple-touch-icon-57x57.png', rel: 'apple-touch-icon-precomposed', sizes: '57x57'}
  / Use title if it's in the page YAML frontmatter
  %title= data.page.title || 'Ratchet template page'
  = stylesheet_link_tag 'all'
  = javascript_include_tag 'all'

%body{class: page_classes}
  = yield