HTML document, ASCII text
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
{% block head %}
5
<link rel="stylesheet" href="/static/style.css">
6
<title>{% block title %}Roundabout{% endblock %}</title>
7
<link rel="apple-touch-icon" sizes="512x512" href="/static/apple-touch-icon.png">
8
<link rel="manifest" href="/static/site.webmanifest">
9
<link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#3f51b5">
10
<link rel="shortcut icon" href="/static/favicon.ico">
11
<meta name="apple-mobile-web-app-title" content="Roundabout">
12
<meta name="application-name" content="Roundabout">
13
<meta name="theme-color" content="#37474f">
14
<link rel="shortcut icon" href="/static/logo.svg">
15
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
16
<meta name="viewport" content="width=device-width, initial-scale=1" />
17
{% endblock %}
18
</head>
19
<body>
20
<header>
21
<nav id="global-nav" class="breadcrumbs">
22
<ul>
23
<li><a href="/">roundabout</a></li>
24
{% block breadcrumbs %}{% endblock %}
25
</ul>
26
<x-hbox style="--gap: 2ch;">
27
{% if loggedInUser %}
28
<a href="/{{ loggedInUser }}">{{ loggedInUser }}</a>
29
<a href="/newrepo">Create</a>
30
<a href="/logout">Logout</a>
31
<a href="/settings">Preferences</a>
32
{% else %}
33
<a href="/accounts">Log in or sign up</a>
34
{% endif %}
35
</x-hbox>
36
</nav>
37
{% block nav %}{% endblock %}
38
</header>
39
<main>
40
{% block content %}{% endblock %}
41
</main>
42
{% with messages = get_flashed_messages(with_categories=true) %}
43
<ol class="toast-container">
44
{% for category, message in messages %}
45
<li style="
46
{% if category %}
47
background-color:
48
{% if category == 'error' %}var(--color-error)
49
{% elif category == 'alert' %}var(--color-alert)
50
{% elif category == 'info' %}var(--color-info)
51
{% elif category == 'success' %}var(--color-success)
52
{% endif %};
53
color:
54
{% if category == 'error' %}var(--color-error-text)
55
{% elif category == 'alert' %}var(--color-alert-text)
56
{% elif category == 'info' %}var(--color-info-text)
57
{% elif category == 'success' %}var(--color-success-text)
58
{% endif %};
59
{% endif %}"
60
>
61
{{ message }}
62
<x-buttonbox>
63
<button class="button-flat" onclick="removeToast()" style="color: inherit !important;">Close</button>
64
</x-buttonbox>
65
</li>
66
{% endfor %}
67
</ol>
68
{% endwith %}
69
</body>
70
<script src="/static/ripples.js"></script>
71
<script src="/static/efficient-ui/dialogs.js"></script>
72
<script src="/static/efficient-ui/toasts.js"></script>
73
</html>