!!!
%html
  %head
    %meta{:charset => "utf-8"}
    %meta{:name => "viewport", :content => "width=device-width, initial-scale=1, maximum-scale=1"}
    %title= content_for?(:title) ? yield(:title) : "OSEM"
    %meta{:content => "", :name => "description"}
    %meta{:content => "", :name => "author"}
    = stylesheet_link_tag "application", :media => "all"
    = javascript_include_tag "application"
    = csrf_meta_tags
    :javascript
      $(function() {
        $('.dropdown input, .dropdown label').click(function(e) {
        e.stopPropagation();
        });
      });
    = yield(:head)
  %body
    = render 'layouts/navigation'
    .container#messages
      .row
        .col-md-12
          = render 'layouts/messages'
          %noscript
            :css
              #content {
                display: none;
              }
            %h2
              JavaScript is not enabled
            %p
              OSEM requires JavaScript to be enabled to function. Please turn on JavaScript in your browser's settings and reload the page to continue.
    .container#content
      = yield

    #footer
      .container
        %p.muted.text-center
          %small
            ©#{Date.today.year}
            = link_to "Matt Barringer.", "http://incoherent.de"
            This tool is
            =link_to "free software,", "http://www.gnu.org/philosophy/free-sw.html"
            released under the
            =link_to "MIT license.", "http://opensource.org/licenses/MIT"
            You can run, copy, distribute, study, change and improve it.
            The source code and the developers are on
            =link_to "github.", "https://github.com/openSUSE/osem"