default.html
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> 31Create 32</x-hbox> 33</a> 34<a href="/notifications" data-badge="{{ unread }}"> 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="/{{ loggedInUser }}"> 40<x-hbox style="gap: 0.75ch;" class="box-center"> 41<img src="/info/{{ loggedInUser }}/avatar" class="avatar" style="width: 1em; height: 1em;"> 42{{ loggedInUser }} 43</x-hbox> 44</a> 45<a href="/logout"> 46<x-hbox style="gap: 0.75ch;" class="box-center"> 47<iconify-icon icon="mdi:logout" title="Log out"></iconify-icon> 48</x-hbox> 49</a> 50<a href="/favourites"> 51<x-hbox style="gap: 0.75ch;" class="box-center"> 52<iconify-icon icon="mdi:star" title="Favourites"></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> 72<a href="/about">About</a> 73<a href="/help">Help</a> 74</x-hbox> 75<hr> 76<p> 77Alpha testing. Not for production use. 78</p> 79<p> 80Application © 2023 Roundabout developers. Content belongs to the repository contributors, 81unless otherwise stated. 82</p> 83<p> 84<a href="/about">Powered by Roundabout (alpha testing)</a> 85</p> 86</footer> 87{% with messages = get_flashed_messages(with_categories=true) %} 88<ol class="toast-container"> 89{% for category, message in messages %} 90<li style=" 91{% if category %} 92background-color: 93{% if category == 'error' %}var(--color-error) 94{% elif category == 'alert' %}var(--color-alert) 95{% elif category == 'info' %}var(--color-info) 96{% elif category == 'success' %}var(--color-success) 97{% endif %}; 98color: 99{% if category == 'error' %}var(--color-error-text) 100{% elif category == 'alert' %}var(--color-alert-text) 101{% elif category == 'info' %}var(--color-info-text) 102{% elif category == 'success' %}var(--color-success-text) 103{% endif %}; 104{% endif %}" 105> 106{{ message }} 107<x-buttonbox> 108<button class="button-flat" onclick="removeToast()" style="color: inherit !important;">Close</button> 109</x-buttonbox> 110</li> 111{% endfor %} 112</ol> 113{% endwith %} 114</body> 115<script src="/static/ripples.js"></script> 116<script src="/static/efficient-ui/dialogs.js"></script> 117<script src="/static/efficient-ui/toasts.js"></script> 118{% block scripts %} 119{% endblock %} 120</html>