!!!
%html{ lang: I18n.locale.to_s }
  %head
    %meta{ charset: 'utf-8' }
    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' }
    %title= yield_or_default :title, controller.action_name.titlecase
    = csrf_meta_tags
    = yield :head
    / Le HTML5 shim, for IE6-8 support of HTML elements
    /[if lt IE 9]
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>

    / Le styles
    = stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Ubuntu:400,500,700',
                          'application',
                          media: 'all'

    / Touch icons
    %link{ href: asset_path('apple-touch-icon.png'), rel: 'apple-touch-icon' }
    %link{ href: asset_path('apple-touch-icon-72x72.png'), rel: 'apple-touch-icon', sizes: '72x72' }
    %link{ href: asset_path('apple-touch-icon-114x114.png'), rel: 'apple-touch-icon', sizes: '114x114' }
    %link{ href: asset_path('apple-touch-icon-144x144.png'), rel: 'apple-touch-icon', sizes: '144x144' }

    /
      Le javascript
      \==================================================
    / Placed at the top of the document 'cause of turbolinks
    = javascript_include_tag 'application'

  %body
    = render 'shared/navbar'

    #main-container.container
      .content= yield

    #footer
      .container= render 'shared/footer'