!!!
%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) : app_name_with_env


    %link{:href => "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,800", :rel => "stylesheet"}
    %link{:href => "http://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700", :rel => "stylesheet"}>
    %link{:rel => "stylesheet", :href => "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css", :integrity => "sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u", :crossorigin => "anonymous"}
    %link{:rel => "stylesheet", :href => "https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" }
    %link{:rel => "stylesheet", :href => "https://jqueryui.com/resources/demos/style.css" }
    %link{:rel => "icon", :type => "image/ico", :href => "/assets/favicon.ico" }

    = stylesheet_link_tag "application", :media => "all", "data-turbolinks-track" => false

    = csrf_meta_tags

    %script{:src => "https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"}
    %script{:src => "https://code.jquery.com/ui/1.12.1/jquery-ui.js"}
    %script{:crossorigin => "anonymous", :integrity => "sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa", :src => "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"}

    = javascript_tag "window._token = '#{form_authenticity_token}'"
    = javascript_include_tag "application"

    = yield(:head)

  %body{data: {controller: controller.controller_name, action: controller.action_name}}

    = render 'layouts/navigation'

    #main{:role => "main"}
      - if logged_in?
        -#= user_announcements
      .container
        %div.row
          = flash_messages
        %div.row
          = yield

    = render partial: 'layouts/footer'