<!DOCTYPE html>
<html>
<head>
  <title><%= Rails.env == "development" ? "dev My Tendy Zone" : "My Tendy Zone" %></title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'gems', 'data-turbolinks-track' => true %>
  <%= javascript_importmap_tags %>
  <%= csrf_meta_tags %>
  <%= yield :head %>
      <style>
        <%= ".message.from-#{current_user&.id}" %> {
          text-align: right;
          background-color: #007bff44 !important;
        }
      </style>
</head>
<body class="<%= body_css_class %>">


  <header>
    <%= render "layouts/navigation_links" %>
    <%= render "layouts/navigation_wallet" %>
  </header>

  <%= render "layouts/flashmessages" %>

  <div id="content">
    <%= yield %>
  </div>

  <footer>
    <%= render "layouts/footer" %>
  </footer>

</body>
</html>
