HTML document, ASCII text
1
<!DOCTYPE html>
2
<html lang="en-GB">
3
<head>
4
<title>{% block title %}{% endblock %}</title>
5
<meta charset="utf-8">
6
<meta name="viewport" content="width=device-width, initial-scale=1">
7
<link rel="stylesheet" href="/static/style.css">
8
<script src="https://cdn.jsdelivr.net/npm/iconify-icon@2.1.0/dist/iconify-icon.min.js"></script>
9
</head>
10
<body>
11
<dialog id="hamburger" class="sheet-left">
12
<nav>
13
<ul>
14
<li><a href="/">Home</a></li>
15
<li><a href="/object/">Object list</a></li>
16
<li><a href="/query-pictures">Query</a></li>
17
<li><a href="/info/">Help</a></li>
18
{% if session.username %}
19
<li><a href="/upload">Upload</a></li>
20
{% endif %}
21
</ul>
22
<ul>
23
{% if session.username %}
24
<li><a href="/profile/{{ session.username }}">Profile: {{ session.username }}</a></li>
25
<li><a href="/logout">Log out</a></li>
26
{% else %}
27
<li><a href="/accounts">Accounts</a></li>
28
{% endif %}
29
</ul>
30
</nav>
31
</dialog>
32
<header>
33
<nav class="navbar" id="mobile-navbar">
34
<ul>
35
<li id="hamburger-button">
36
<button class="button-flat button-neutral" onclick="document.getElementById('hamburger').showModal()">
37
<iconify-icon icon="ic:baseline-menu">Menu</iconify-icon>
38
</button>
39
</li>
40
</ul>
41
</nav>
42
<nav class="navbar" id="desktop-navbar">
43
<ul>
44
<li><a href="/">Home</a></li>
45
<li><a href="/object/">Object list</a></li>
46
<li><a href="/query-pictures">Query</a></li>
47
<li><a href="/info/">Help</a></li>
48
{% if session.username %}
49
<li><a href="/upload">Upload</a></li>
50
{% endif %}
51
</ul>
52
<ul>
53
{% if session.username %}
54
<li><a href="/profile/{{ session.username }}">Profile: {{ session.username }}</a></li>
55
<li><a href="/logout">Log out</a></li>
56
{% else %}
57
<li><a href="/accounts">Accounts</a></li>
58
{% endif %}
59
</ul>
60
</nav>
61
</header>
62
<main>
63
{% block content %}{% endblock %}
64
</main>
65
{% with messages = get_flashed_messages(with_categories=true) %}
66
<ol class="toast-container">
67
{% for category, message in messages %}
68
<li
69
style="
70
{% if category %}
71
background-color:
72
{% if category == 'error' %}var(--color-error)
73
{% elif category == 'alert' %}var(--color-alert)
74
{% elif category == 'info' %}var(--color-info)
75
{% elif category == 'success' %}var(--color-success)
76
{% endif %};
77
color:
78
{% if category == 'error' %}var(--color-error-text)
79
{% elif category == 'alert' %}var(--color-alert-text)
80
{% elif category == 'info' %}var(--color-info-text)
81
{% elif category == 'success' %}var(--color-success-text)
82
{% endif %};
83
{% endif %}"
84
>
85
{% if category | split | first == "task" %}
86
{{ message }}
87
{% else %}
88
{{ message }}
89
{% endif %}
90
<x-buttonbox>
91
<button class="button-flat" onclick="removeToast()" style="color: inherit !important;">Close</button>
92
</x-buttonbox>
93
</li>
94
{% endfor %}
95
</ol>
96
{% endwith %}
97
<script src="/static/efficient-ui/dialogs.js"></script>
98
<script src="/static/efficient-ui/toasts.js"></script>
99
<script src="/static/ripples.js"></script>
100
</body>
101
</html>