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="/newrepo">
29
<x-hbox style="gap: 0.75ch;" class="box-center">
30
<iconify-icon icon="mdi:folder-plus"></iconify-icon>
31
Create
32
</x-hbox>
33
</a>
34
<a href="/notifications">
35
<x-hbox style="gap: 0.75ch;" class="box-center">
36
<iconify-icon icon="ic:baseline-inbox"></iconify-icon>
37
</x-hbox>
38
</a>
39
<a href="/alerts">
40
<x-hbox style="gap: 0.75ch;" class="box-center">
41
<iconify-icon icon="ic:baseline-info"></iconify-icon>
42
</x-hbox>
43
</a>
44
<a href="/{{ loggedInUser }}">
45
<x-hbox style="gap: 0.75ch;" class="box-center">
46
<img src="/info/{{ loggedInUser }}/avatar" class="avatar" style="width: 1em; height: 1em;">
47
{{ loggedInUser }}
48
</x-hbox>
49
</a>
50
<a href="/logout">
51
<x-hbox style="gap: 0.75ch;" class="box-center">
52
<iconify-icon icon="mdi:logout" title="Log out"></iconify-icon>
53
</x-hbox>
54
</a>
55
<a href="/settings">
56
<x-hbox style="gap: 0.75ch;" class="box-center">
57
<iconify-icon icon="mdi:cog" title="User settings"></iconify-icon>
58
</x-hbox>
59
</a>
60
{% else %}
61
<a href="/accounts">Log in or sign up</a>
62
{% endif %}
63
</x-hbox>
64
</nav>
65
{% block nav %}{% endblock %}
66
</header>
67
<main>
68
{% block content %}{% endblock %}
69
</main>
70
<footer>
71
<x-hbox id="footer-lists">
72
<dl>
73
<dt>Main</dt>
74
<dd>
75
<ul>
76
<li><a href="/">Home</a></li>
77
<li><a href="/newrepo">New repository</a></li>
78
<li><a href="/notifications">Notifications</a></li>
79
<li><a href="/alerts">Alerts</a></li>
80
</ul>
81
</dd>
82
</dl>
83
<dl>
84
<dt>Explore</dt>
85
<dd>
86
<ul>
87
<li><a href="/hot">Trending</a></li>
88
<li><a href="/search">Search</a></li>
89
</ul>
90
</dd>
91
</dl>
92
<dl>
93
<dt>Information</dt>
94
<dd>
95
<ul>
96
<li><a href="/help">Help</a></li>
97
<li><a href="/about">About</a></li>
98
</ul>
99
</dd>
100
</dl>
101
<dl>
102
<dt>Account</dt>
103
<dd>
104
<ul>
105
<li><a href="/settings">Settings</a></li>
106
<li><a href="/{{ loggedInUser }}">Profile</a></li>
107
<li><a href="/logout">Log out</a></li>
108
</ul>
109
</dd>
110
</dl>
111
</x-hbox>
112
<hr>
113
<p>
114
Alpha testing. Not for production use.
115
</p>
116
<p>
117
Application © 2023 Roundabout developers. Content belongs to the repository contributors,
118
unless otherwise stated.
119
</p>
120
<p>
121
<a href="/about">Powered by Roundabout (alpha testing)</a>
122
</p>
123
</footer>
124
{% with messages = get_flashed_messages(with_categories=true) %}
125
<ol class="toast-container">
126
{% for category, message in messages %}
127
<li style="
128
{% if category %}
129
background-color:
130
{% if category == 'error' %}var(--color-error)
131
{% elif category == 'alert' %}var(--color-alert)
132
{% elif category == 'info' %}var(--color-info)
133
{% elif category == 'success' %}var(--color-success)
134
{% endif %};
135
color:
136
{% if category == 'error' %}var(--color-error-text)
137
{% elif category == 'alert' %}var(--color-alert-text)
138
{% elif category == 'info' %}var(--color-info-text)
139
{% elif category == 'success' %}var(--color-success-text)
140
{% endif %};
141
{% endif %}"
142
>
143
{{ message }}
144
<x-buttonbox>
145
<button class="button-flat" onclick="removeToast()" style="color: inherit !important;">Close</button>
146
</x-buttonbox>
147
</li>
148
{% endfor %}
149
</ol>
150
{% endwith %}
151
</body>
152
<script src="/static/ripples.js"></script>
153
<script src="/static/efficient-ui/dialogs.js"></script>
154
<script src="/static/efficient-ui/toasts.js"></script>
155
</html>