joatuapp/joatu-v2

!!! 5
%html(lang="en")
  %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")
    / = viewport_meta_tag
    %title= content_for?(:title) ? yield(:title) : "JoatU"
    / 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"
      = javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"
    = stylesheet_link_tag "application", :media => "all"

    = favicon_link_tag 'android-chrome-192x192.png', rel: 'android-chrome-192x192', type: 'image/png', sizes: '192x192'
    = favicon_link_tag 'android-chrome-256x256.png', rel: 'android-chrome-256x256', type: 'image/png', sizes: '256x256'

    = favicon_link_tag 'apple-touch-icon.png', rel: 'apple-touch-icon', type: 'image/png'
    = favicon_link_tag 'safari-pinned-tab.svg', rel: 'mask-icon', type: 'image/svg'

    = favicon_link_tag 'favicon.ico', rel: 'icon'
    = favicon_link_tag 'favicon.ico', rel: 'icon', sizes: '16x16'
    = favicon_link_tag 'favicon.ico', rel: 'icon', sizes: '32x32'

    %meta(name="apple-mobile-web-app-title" content="JoatU")
    %meta(name="application-name" content="JoatU")
    %meta(name="msapplication-TileColor" content="#00a300")
    %meta(name="theme-color" content="#ffffff")

    = csrf_meta_tag

    = javascript_include_tag "application"
    = javascript_include_tag '//cdnjs.cloudflare.com/ajax/libs/jquery-ujs/1.2.2/rails.min.js'
    = javascript_include_tag "//maps.google.com/maps/api/js?v=3.13&key=#{ENV.fetch("GOOGLE_API_KEY")}&sensor=false&libraries=geometry,drawing&callback=setup_maps", defer: true, async: true
    = javascript_include_tag "//cdnjs.cloudflare.com/ajax/libs/js-marker-clusterer/1.0.0/markerclusterer_compiled.js"

  %body(data-spy="scroll" data-target="#main-nav" data-offset=50)
    - if content_for? :main_nav
      = yield :main_nav
    - else
      = render "components/header"

    .top-container.container-fluid
      - if content_for? :content
        = yield :content
      - else
        = bootstrap_flash
        = yield
      = modal_dialog id: "joatu_modal",
        header: { show_close: true },
        body: "Loading..."

    .container-fluid.clearfix
      - if content_for? :footer
        = yield :footer
      - else
        = render "components/footer"

    = render "trackers/google_analytics"