<!DOCTYPE html>
<html>
  <head>
    <title><%= content_for(:title) || "Jillian and Adam's Wedding" %></title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= yield :head %>

    <link rel="manifest" href="/manifest.json">
    <link rel="icon" href="/icon.png" type="image/png">
    <link rel="icon" href="/icon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/icon.png">

    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>

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

  <body>
    <div id="main-content" class="lg:bg-[#fdfefe]"/>
      <%= yield %>
    </div>
    <script>
      var burgerMenu = document.getElementById('burger-menu');
      var navLinks = document.getElementById('nav-links');
      burgerMenu.addEventListener('click', function() {
	  navLinks.classList.toggle("max-md:hidden");
      });
    </script>

  </body>
</html>
