<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="/img/leviathan-favicon-nobg.png">
  <title>{% block title %}{% endblock %} | Leviathan</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/eye.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.7/js/bootstrap.min.js" charset="utf-8"></script>
  <script src="/js/scar.js"></script>
  {% block scripts %}{% endblock %}
</head>
<body class="d-flex flex-column min-vh-100">
  {% include 'partials/navbar.twig' %}

  <main class="flex-grow-1 py-4">
    <div id="main-content" class="container mb-4">
      {% block content %}{% endblock %}
    </div>
  </main>

  {% include 'partials/footer.twig' %}
</body>
</html>
