<!DOCTYPE html>
<html>
  <%= render "layouts/shared/head" %>

  <body class="public" data-controller="local-time timezone-cookie" data-action="turbo:morph@window->local-time#refreshAll">
    <header class="header" id="header">
      <a href="#main" class="header__skip-navigation btn" data-turbo="false">Skip to main content</a>
      <nav>
        <%= link_to "https://box-car.com", class: "boxcar-header-logo center flex-inline align-center txt-normal" do %>
          <%= image_tag "logo.png" %>
          <strong class="txt-medium overflow-ellipsis margin-none">BOXCAR</strong>
        <% end %>
      </nav>
    </header>

    <main id="main">
      <%= yield %>
    </main>

    <footer id="footer">
      <%= yield :footer %>
  </body>
</html>
