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 style="overflow: hidden;">
20
<dialog id="sidenav" class="sheet-left">
21
<x-frame style="--width: 320px; --margin: 0;">
22
<article class="card">
23
<section class="card-main">
24
<nav class="sidenav">
25
<ul>
26
{% if logged_in_user %}
27
<li><a href="/{{ logged_in_user }}">
28
<img src="/info/{{ logged_in_user }}/avatar" class="avatar" style="width: 1em; height: 1em;">
29
{{ logged_in_user }}
30
</a></li>
31
<li><a href="/notifications">
32
<iconify-icon icon="ic:baseline-inbox" data-badge="{{ unread }}"></iconify-icon>
33
Notifications
34
</a></li>
35
<li><a href="/newrepo">
36
<iconify-icon icon="mdi:folder-plus"></iconify-icon>
37
Create repository
38
</a></li>
39
<li><a href="/favourites">
40
<iconify-icon icon="mdi:star"></iconify-icon>
41
Your favourites
42
</a></li>
43
<li><a href="/settings">
44
<iconify-icon icon="mdi:cog"></iconify-icon>
45
Settings
46
</a></li>
47
<li><a href="/logout">
48
<iconify-icon icon="mdi:logout"></iconify-icon>
49
Log out
50
</a></li>
51
{% else %}
52
<li><a href="/accounts">
53
<iconify-icon icon="mdi:account"></iconify-icon>
54
Log in or sign up
55
</a></li>
56
{% endif %}
57
</ul>
58
</nav>
59
</section>
60
</article>
61
</x-frame>
62
</dialog>
63
{% block dialogs %}
64
{% endblock %}
65
<x-vbox class="nopad" style="align-items: stretch; height: 100vh;">
66
<header>
67
<nav id="global-nav" class="navbar" style="padding-right: 0; justify-content: flex-start;">
68
<a href="javascript:document.getElementById('sidenav').showModal();" id="sidenav-trigger">
69
<iconify-icon icon="mdi:menu"></iconify-icon>
70
</a>
71
<ul class="breadcrumbs-list">
72
<li><a href="/">roundabout</a></li>
73
{% block breadcrumbs %}{% endblock %}
74
</ul>
75
<div class="flexible-space" id="navbar-separator"></div>
76
{% if logged_in_user %}
77
<a href="/{{ logged_in_user }}">
78
<img src="/info/{{ logged_in_user }}/avatar" class="avatar" style="width: 1em; height: 1em;">
79
{{ logged_in_user }}
80
</a>
81
<a href="/notifications">
82
<iconify-icon icon="ic:baseline-inbox" data-badge="{{ unread }}"></iconify-icon>
83
</a>
84
<a href="/newrepo">
85
<iconify-icon icon="mdi:folder-plus" title="Create repository"></iconify-icon>
86
</a>
87
<a href="/favourites">
88
<iconify-icon icon="mdi:star" title="Favourites"></iconify-icon>
89
</a>
90
<a href="/settings">
91
<iconify-icon icon="mdi:cog" title="User settings"></iconify-icon>
92
</a>
93
<a href="/logout">
94
<iconify-icon icon="mdi:logout" title="Log out"></iconify-icon>
95
</a>
96
{% else %}
97
<a href="/accounts">Log in or sign up</a>
98
{% endif %}
99
</nav>
100
</header>
101
<x-hbox class="flexible-space nopad" style="width: 100%; overflow: hidden; align-items: strech;">
102
<nav id="repo-nav" class="navrail" style="max-height: 100%; flex: 0 0 var(--width-navrail);">
103
{% block nav %}
104
{% endblock %}
105
</nav>
106
<x-vbox style="overflow: auto; scrollbar-gutter: auto; scrollbar-color: #000000; flex: 1 1 auto; max-height: calc(100vh - var(--height-navbar));">
107
<main>
108
{% block content %}
109
{% endblock %}
110
</main>
111
<footer>
112
<x-hbox>
113
<a href="/help">Help</a>
114
<a href="mailto:{{ config.CONTACT_EMAIL }}">Contact Us</a>
115
</x-hbox>
116
<hr>
117
<p>
118
Alpha testing. Not for production use.
119
</p>
120
<p>
121
Application © 2023 Roundabout developers. Content belongs to the repository contributors,
122
unless otherwise stated.
123
</p>
124
<p>
125
<a href="/about">Powered by Roundabout (alpha testing)</a>
126
</p>
127
</footer>
128
</x-vbox>
129
</x-hbox>
130
</x-vbox>
131
{% with messages = get_flashed_messages(with_categories=true) %}
132
<ol class="toast-container">
133
{% for category, message in messages %}
134
<li
135
style="
136
{% if category %}
137
background-color:
138
{% if category == 'error' %}var(--color-error)
139
{% elif category == 'alert' %}var(--color-alert)
140
{% elif category == 'info' %}var(--color-info)
141
{% elif category == 'success' %}var(--color-success)
142
{% endif %};
143
color:
144
{% if category == 'error' %}var(--color-error-text)
145
{% elif category == 'alert' %}var(--color-alert-text)
146
{% elif category == 'info' %}var(--color-info-text)
147
{% elif category == 'success' %}var(--color-success-text)
148
{% endif %};
149
{% endif %}"
150
>
151
{% if category | split | first == "task" %}
152
{{ message }}
153
{% else %}
154
{{ message }}
155
{% endif %}
156
<x-buttonbox>
157
<button class="button-flat" onclick="removeToast()" style="color: inherit !important;">Close</button>
158
</x-buttonbox>
159
</li>
160
{% endfor %}
161
</ol>
162
{% endwith %}
163
</body>
164
<script src="/static/ripples.js"></script>
165
<script src="/static/efficient-ui/dialogs.js"></script>
166
<script src="/static/efficient-ui/toasts.js"></script>
167
{% block scripts %}
168
{% endblock %}
169
</html>