techvision/brails4

!!! 
%html.white{xmlns:fb="http://ogp.me/ns/fb#"}
  %head
    %meta(charset="utf-8")
    %meta(http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1")
    %meta(name="viewport" content="width=device-width, initial-scale=1.0")
    %title= content_for?(:title) ? yield(:title) : "Brails"
    = csrf_meta_tags
    / Le HTML5 shim, for IE6-8 support of HTML elements
    /[if lt IE 9]
      = javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"
    = stylesheet_link_tag "application", :media => "all"
    = favicon_link_tag 'apple-touch-icon-144x144-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '144x144'
    = favicon_link_tag 'apple-touch-icon-114x114-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '114x114'
    = favicon_link_tag 'apple-touch-icon-72x72-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png', :sizes => '72x72'
    = favicon_link_tag 'apple-touch-icon-precomposed.png', :rel => 'apple-touch-icon-precomposed', :type => 'image/png'
    =# favicon_link_tag 'favicon.ico', :rel => 'shortcut icon'
    = javascript_include_tag "application"

  %body.textsize-1625
    .wrap
      .navbar.navbar-default
        = render "layouts/header"
      .control-bar{role: "region", 'aria-label' => "Accessibility Pannal"}
        .increase-font.change-font-size{:data => {:size => "up"}, 'aria-label' => "Increase font size", role: "button"}
        .default-font-size.change-font-size{:data => {:size => "reset"}, 'aria-label' => "Reset font size", role: "button"}
        .decrease-font.change-font-size{:data => {:size => "down"}, 'aria-label' => "Decrease font size", role: "button"}
        %ul.switcher.color-switcher{:style => "list-style-type:none;"}
          %li.switch.white{:data => {:color => "white"}}
            %a{:href=>'#'}
              %img{:src =>'/images/white-icon-image.png', :alt => 'white theme'}
          %li.switch.yellow{:data => {:color => "yellow"}}
            %a{:href=>'#'}
              %img{:src =>'/images/yellow-icon-image.png', :alt => 'yellow theme'}    
          %li.switch.orange{:data => {:color => "orange"}}
            %a{:href=>'#'}
              %img{:src =>'/images/orange-icon-image.png', :alt => 'orange theme'}
          %li.switch.black{:data => {:color => "black"}}
            %a{:href=>'#'}
              %img{:src =>'/images/black-icon-image.png', :alt => 'black theme'}

      .container
        .row
          .span12
            = bootstrap_flash
            = yield
            
      = render "layouts/footer"