1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>{% block title %}td{% endblock %}</title>
7 <link rel="stylesheet" href="/static/oat.min.css">
8 <link rel="stylesheet" href="/static/td.css">
9 <script src="/static/oat.min.js" defer></script>
10</head>
11<body data-sidebar-layout>
12 <a href="#main-content" class="skip-link">Skip to main content</a>
13
14 <nav data-topnav>
15 <button data-sidebar-toggle aria-label="Toggle sidebar" class="outline">☰</button>
16 <strong>td</strong>
17 </nav>
18
19 <aside data-sidebar>
20 <nav aria-label="Project navigation">
21 <ul>
22 <li><a href="/"{% if active_project.is_none() %} aria-current="page"{% endif %}>All projects</a></li>
23 {% for p in all_projects %}
24 <li>
25 <a href="/projects/{{ p }}"{% if active_project.as_deref() == Some(p.as_str()) %} aria-current="page"{% endif %}>{{ p }}</a>
26 </li>
27 {% endfor %}
28 </ul>
29 </nav>
30 </aside>
31
32 <main id="main-content" tabindex="-1">
33 <div class="p-4">
34 {% block content %}{% endblock %}
35 </div>
36 </main>
37</body>
38</html>