<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ title }}</title>
<link rel="stylesheet" href="{{ url_for("static", "css/styles.css") }}">
</head>
<body>
<div class="ambient-light" aria-hidden="true">
<div class="ambient-blob ambient-blob-violet"></div>
<div class="ambient-blob ambient-blob-pink"></div>
<div class="ambient-blob ambient-blob-blue"></div>
</div>
<header class="site-header">
<a class="site-title" href="{{ url_for("collection") }}">
Card Collection
</a>
<nav aria-label="Primary navigation">
<a class="nav-link" href="{{ url_for("collection") }}">
Collection
</a>
{% if navigation.show_cards %}
<a class="nav-link" href="{{ navigation.cards_url }}">Cards</a>
{% endif %}
{% if navigation.show_users %}
<a class="nav-link" href="{{ navigation.series_url }}">
Series
</a>
<a class="nav-link" href="{{ navigation.games_url }}">Games</a>
<a class="nav-link" href="{{ navigation.users_url }}">Users</a>
{% endif %}
<a class="nav-link" href="{{ url_for("account") }}">Account</a>
</nav>
</header>
<main>
{% block content %}{% endblock %}
</main>
{% block scripts %}{% endblock %}
</body>
</html>