<!doctype html>
<html data-bs-theme="<%= cookies[:"modeTheme"] || "light" %>" data-controller="set-theme">
  <head>
    <title>a11ydive</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">

    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
    <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
  </head>

  <body>
    <%= render partial: "layouts/navigation" %>
    <div class="container-fluid">
      <div class="row">
        <%= render partial: "layouts/sidebar" %>
        <main class="col ps-md-2 pt-2 <%= "border-start" if sidebar? %>">
          <div class="container-fluid">
            <div id="main-content" data-controller="rich-text-link-targets">
              <%= yield %>
            </div>
          </div>
        </main>
      </div>
    </div>
    <footer class="container-fluid mt-auto border-top"><%= Rails.configuration.build_version && "Version: #{Rails.configuration.build_version}" %>
  </body>
</html>
