<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>{% block title %}Demystify{% endblock title %}</title>
<link rel="stylesheet" href="/static/fonts/fonts.css">
<link rel="stylesheet" href="/static/demystify.css">
<script src="/static/vendor/htmx.min.js" defer></script>
<script src="/static/demystify.js" defer></script>
</head>
<body class="he-root">
<header class="he-topbar">
<a class="he-brand" href="/">demystify<span class="dot">.</span></a>
<nav class="he-nav">
<a href="/" class="{% if view == 'landing' %}active{% endif %}">Puzzles</a>
<a href="/solver" class="{% if view == 'solver' %}active{% endif %}">Solver</a>
<a href="/solvetree" class="{% if view == 'solvetree' %}active{% endif %}">Solve Tree</a>
<a href="/game" class="{% if view == 'game' %}active{% endif %}">Game</a>
</nav>
</header>
<main>{% block content %}{% endblock content %}</main>
</body>
</html>