!!! 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