!!! 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= @title -# 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 %link{:href => "favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}/ -# CSS: implied media="all" / %link{ :href => "css/style.css?v=1", :media => "all", :rel => "stylesheet" }/ = stylesheet_link_tag("/stylesheets/style.css") -# 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" } / Typekit %script{:src => "http://use.typekit.com/uqq2xok.js", :type => "text/javascript"} :javascript try{Typekit.load();}catch(e){} %body.survival-kit #page = render :template => "/survivalkit/partials/header.haml" = render :template => "/survivalkit/partials/menu.haml" #main{:role => "main"} = yield %footer= @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("