leemour/Layout Haml Bootstrap HTML5 Rails

## gistfile1.txt
-#Layout HTML5 Boilerplat Haml
!!! 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');

## Layout Haml Bootstrap HTML5 Rails
!!! 5
%html
  %head
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}
      %title= content_for?(:title) ? yield(:title) : "Rails Test"
      %meta{:content => content_for?(:description) ? yield(:description) : "Rails Test", :name => "description"}
        = stylesheet_link_tag "application", :media => "all"
        = javascript_include_tag "application"
        = csrf_meta_tags
        = yield(:head)
  %body{:class => "#{controller_name} #{action_name}"}
    %header
      .navbar.navbar-fixed-top
        %nav.global.navbar-inner
          .container
            -#= render 'layouts/navigation'
            %ul.nav
              %li
                = link_to 'Home', root_path, class: 'brand'
              %li
                =link_to 'Products', '#'#products_path

    %section#main{:role => "main"}
      .container
        .content
          .row
            .span12
              -#= render 'layouts/messages'
              - flash.each do |name, msg|
                - if msg.is_a?(String)
                  %div{:class => "alert alert-#{name == :notice ? "success" : "error"}"}
                    %a.close{"data-dismiss" => "alert"} ×
                    = content_tag :div, msg, :id => "flash_#{name}"


              = yield

    %footer
      .container
        .contacts
          Контакты

## Layout Haml HTML5
!!! 5
%html
  %head
    %title Заголовок
    = stylesheet_link_tag    "application", :media => "all"
    = javascript_include_tag "application"
    = csrf_meta_tags

  %body
    %header
      .container
        %nav.main
          %ul.nav
            %li
              = link_to 'Home', root_path, class: 'to-root'
            %li
              =link_to 'Products', products_path

    %section.main
      .container

        = yield

    %footer
      .container
        .contacts
          Контакты
	-#Layout HTML5 Boilerplat Haml
	!!! 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) & 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 & 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');
	!!! 5
	%html
	%head
	%meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}
	%title= content_for?(:title) ? yield(:title) : "Rails Test"
	%meta{:content => content_for?(:description) ? yield(:description) : "Rails Test", :name => "description"}
	= stylesheet_link_tag "application", :media => "all"
	= javascript_include_tag "application"
	= csrf_meta_tags
	= yield(:head)
	%body{:class => "#{controller_name} #{action_name}"}
	%header
	.navbar.navbar-fixed-top
	%nav.global.navbar-inner
	.container
	-#= render 'layouts/navigation'
	%ul.nav
	%li
	= link_to 'Home', root_path, class: 'brand'
	%li
	=link_to 'Products', '#'#products_path

	%section#main{:role => "main"}
	.container
	.content
	.row
	.span12
	-#= render 'layouts/messages'
	- flash.each do \|name, msg\|
	- if msg.is_a?(String)
	%div{:class => "alert alert-#{name == :notice ? "success" : "error"}"}
	%a.close{"data-dismiss" => "alert"} ×
	= content_tag :div, msg, :id => "flash_#{name}"


	= yield

	%footer
	.container
	.contacts
	Контакты