!!! 5
%html{ lang: html_lang, class: yield(:root_class) }
  %head
    %meta{ "http-equiv": "Content-Type", content: "text/html; charset=UTF-8" }
    %meta{ "http-equiv": "X-UA-Compatible", content: "IE=edge" }
    %meta{ name: "viewport", content: "width=device-width, initial-scale=1" }
    = csrf_meta_tags

    %title
      = content_for?(:title) ? "#{yield(:title)} · #{APPLICATION_NAME}" : APPLICATION_NAME

    = favicon_link_tag(image_url("#{FAVICON_16PX_SRC}"), type: "image/png", sizes: "16x16")
    = favicon_link_tag(image_url("#{FAVICON_32PX_SRC}"), type: "image/png", sizes: "32x32")
    = favicon_link_tag(image_url("#{FAVICON_96PX_SRC}"), type: "image/png", sizes: "96x96")

    = vite_client_tag
    = vite_javascript_tag 'application'

    = preload_link_tag(asset_url("Marianne-Regular.woff2"))
    = preload_link_tag(asset_url("Spectral-Regular.ttf"))

    = vite_stylesheet_tag 'main', media: 'all'
    = stylesheet_link_tag 'application', media: 'all'

  %body{ class: browser.platform.ios? ? 'ios' : nil }
    .page-wrapper
      %main.m-6
        = content_for?(:content) ? yield(:content) : yield
      %turbo-events