!!! 5 -# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -# Consider adding an manifest.appcache: h5bp.com/d/Offline %html.no-js{ :lang => "en" } %head %meta{ :charset => "utf-8" }/ -# Use the .htaccess and remove these lines to avoid edge case issues. More info: h5bp.com/b/378 %meta{ "http-equiv" => "X-UA-Compatible", :content => "IE=edge,chrome=1" }/ %title %meta{ :name => "description", :content => "" }/ %meta{ :name => "author", :content => "" }/ -# Mobile viewport optimized: j.mp/bplateviewport %meta{ :name => "viewport", :content => "width=device-width, initial-scale=1.0" }/ -# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -# CSS: implied media="all" -# CSS concatenated and minified via ant build script %link{ :rel => "stylesheet", :href => "css/style.css"}/ -# All JavaScript at the bottom, except for Modernizr / Respond. Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ %script{ :src => "js/modernizr-2.0.6.min.js" } %body #container %header #main{ :role => 'main' } %footer -# end of #container -# Javascript at the bottom for fast page loading -# Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline %script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" } %script window.jQuery || document.write("