!!!
%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://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css", integrity: "sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh", 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" }
    = favicon_link_tag

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

    = csrf_meta_tags

    %script{src: "https://code.jquery.com/jquery-3.4.1.slim.min.js", integrity: "sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n", crossorigin: "anonymous"}
    %script{src: "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js", integrity: "sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo", crossorigin: "anonymous"}
    %script{src: "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js", integrity: "sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6", crossorigin: "anonymous"}

    = javascript_tag "window._token = '#{form_authenticity_token}'"
    = javascript_pack_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
          = flash_messages
        %div
          = yield

    = render partial: 'layouts/footer'