!!! 5 -# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ %html.no-js{ :lang => "en" } %head %meta{ :charset => "utf-8" }/ -# Always force latest IE rendering engine (even in intranet) & Chrome Frame -# Remove this if you use the .htaccess %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" %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/ -# All JavaScript at the bottom, except for Modernizr and Respond. -# Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries %script{ :src => "js/modernizr.min.js" } %script{ :src => "js/respond.min.js" } %body #container %header #main{ :role => 'main' } %footer -# Javascript at the bottom for fast page loading Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary %script{ :src => "//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js" } :javascript window.jQuery || document.write("