orioltf
1/26/2011 - 8:17 PM

html5boilerplate HAML

html5boilerplate HAML

hamlhtml5boilerplate.html.haml
content_copyfile_download
!!! 5
/[if lt IE 7] <html lang="en" class="no-js ie6">
/[if IE 7 ]    <html lang="en" class="no-js ie7">
/[if IE 8 ]    <html lang="en" class="no-js ie8">
/[if IE 9 ]    <html lang="en" class="no-js ie9">
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
%head
  %meta{:charset => "utf-8"}/
  /
    Always force latest IE rendering engine (even in intranet) &amp; Chrome Frame
    Remove this if you use the .htaccess
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  %title="Change me..."
  %meta{:content => "", :name => "description"}/
  %meta{:content => "", :name => "author"}/
  / Mobile viewport optimized: j.mp/bplateviewport
  %meta{:name => "viewport", :content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;"}
  / Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references
  %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
  %link{:href => "/apple-touch-icon.png", :rel => "apple-touch-icon"}/
  = stylesheet_link_tag :flutie, :cache => true
  = stylesheet_link_tag :all 
  / All JavaScript at the bottom, except for Modernizr which enables HTML5 elements &amp; feature detects
  %script{:src => "/javascripts/modernizr-1.5.min.js"}
  = csrf_meta_tag 
  = yield :header
/ paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
%body
  #container
    %header
      = render :partial => 'shared/header'
      = render :partial=> 'shared/flashes'
    #main.yui3-g
      = yield
    %footer.yui3-u-1
      = yield :footer
  / ! end of #container
  / Javascript at the bottom for fast page loading
  / Grab Google CDN's jQuery. fall back to local if necessary
  %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"}
  %script{:src => "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"}
  :javascript
    !window.jQuery && document.write('<script src="javascripts/jquery-1.4.2.min.js"><\/script>')
  = yield :javascript
  /[if lt IE 7 ]
    <script src="js/dd_belatedpng.js?"></script>
    <script>
    \  //fix those png IMGs and .png_bg background-images
    \  DD_belatedPNG.fix('img, .png_bg');
    </script>
  / yui profiler and profileviewer - remove for production
  / %script{:src => "js/profiling/yahoo-profiling.min.js?"}
  / %script{:src => "js/profiling/config.js?v=1"}
  / end profiling code
  :javascript
    var _gaq = [['_setAccount', 'UA-1098906-8'], ['_trackPageview']];
    (function(d, t) {
     var g = d.createElement(t),
         s = d.getElementsByTagName(t)[0];
     g.async = true;
     g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
     s.parentNode.insertBefore(g, s);
    })(document, 'script');