roundabout,
created on Sunday, 25 February 2024, 08:26:03 (1708849563),
received on Wednesday, 31 July 2024, 06:54:41 (1722408881)
Author identity: vlad <vlad.muntoiu@gmail.com>
d2e32168f595696b813a44b2534886e6168ce70b
static/efficient-ui/MASTER.css
@@ -5,6 +5,7 @@ Link or import only this file, or use the upcoming minified version
@import url("reset.css");
@import url("typography.css");
@import url("links.css");
@import url("lists.css");
@import url("buttons.css");
@import url("cards.css");
@import url("layout.css");
@@ -17,7 +18,6 @@ Link or import only this file, or use the upcoming minified version
@import url("files.css");
@import url("tabs.css");
@import url("dividers.css");
@import url("lists.css");
@import url("tables.css");
@import url("badges.css");
@import url("avatars.css");
static/efficient-ui/THEME.css
@@ -378,7 +378,7 @@
--color-breadcrumbs-link: var(--color-primary-1-text);
--color-breadcrumbs-separator: var(--color-primary-3);
--height-breadcrumbs: 32px;
--height-breadcrumbs: 36px;
--padding-breadcrumbs: 16px;
--shadow-breadcrumbs: none;
--border-breadcrumbs: none;
static/style.css
@@ -215,4 +215,13 @@ hr {
text-transform: uppercase;
padding: 1em;
margin: 0;
}
.breadcrumbs > x-buttonbox iconify-icon {
font-size: 1.5rem;
}
.breadcrumbs > x-buttonbox > a {
display: flex;
align-items: center;
}
templates/default.html
@@ -64,55 +64,55 @@
{% endblock %}
<x-vbox class="nopad" style="align-items: stretch; height: 100vh;">
<header>
<nav id="global-nav" class="navbar" style="padding-right: 0; justify-content: flex-start;">
<nav id="global-nav" class="breadcrumbs">
<a href="javascript:document.getElementById('sidenav').showModal();" id="sidenav-trigger">
<iconify-icon icon="mdi:menu"></iconify-icon>
</a>
<ul class="breadcrumbs-list">
<ul>
<li><a href="/">roundabout</a></li>
{% block breadcrumbs %}{% endblock %}
</ul>
<div class="flexible-space" id="navbar-separator"></div>
{% if logged_in_user %}
<a href="/{{ logged_in_user }}">
<img src="/info/{{ logged_in_user }}/avatar" class="avatar" style="width: 1em; height: 1em;">
{{ logged_in_user }}
</a>
<a href="/notifications">
<iconify-icon icon="ic:baseline-inbox" data-badge="{{ unread }}"></iconify-icon>
</a>
<a href="/newrepo">
<iconify-icon icon="mdi:folder-plus" title="Create repository"></iconify-icon>
</a>
<a href="/favourites">
<iconify-icon icon="mdi:star" title="Favourites"></iconify-icon>
</a>
<a href="/settings">
<iconify-icon icon="mdi:cog" title="User settings"></iconify-icon>
</a>
<a href="/logout">
<iconify-icon icon="mdi:logout" title="Log out"></iconify-icon>
</a>
{% else %}
<a href="/accounts">Log in or sign up</a>
{% endif %}
<x-buttonbox style="align-items: center; gap: 12px;">
{% if logged_in_user %}
<a href="/{{ logged_in_user }}">
<x-hbox class="box-center" style="--gap-box: 1ch;">
<img src="/info/{{ logged_in_user }}/avatar" class="avatar" style="width: 1em; height: 1em;">
{{ logged_in_user }}
</x-hbox>
</a>
<a href="/notifications">
<iconify-icon icon="ic:baseline-inbox" data-badge="{{ unread }}"></iconify-icon>
</a>
<a href="/newrepo">
<iconify-icon icon="mdi:folder-plus" title="Create repository"></iconify-icon>
</a>
<a href="/favourites">
<iconify-icon icon="mdi:star" title="Favourites"></iconify-icon>
</a>
<a href="/settings">
<iconify-icon icon="mdi:cog" title="User settings"></iconify-icon>
</a>
<a href="/logout">
<iconify-icon icon="mdi:logout" title="Log out"></iconify-icon>
</a>
{% else %}
<a href="/accounts">Log in or sign up</a>
{% endif %}
</x-buttonbox>
</nav>
</header>
<x-hbox class="flexible-space nopad" style="width: 100%; overflow: hidden; align-items: strech;">
<nav id="repo-nav" class="navrail" style="max-height: 100%; flex: 0 0 var(--width-navrail);">
{% block nav %}
{% endblock %}
</nav>
<x-vbox style="overflow: auto; scrollbar-gutter: auto; scrollbar-color: #000000; flex: 1 1 auto; max-height: calc(100vh - var(--height-navbar));">
<main>
{% block content %}
{% endblock %}
</main>
<footer>
{{ Markup(config.footer) }}
</footer>
</x-vbox>
</x-hbox>
<nav id="repo-nav" class="navbar" style="max-height: 100%; flex: 0 0 var(--height-navbar);">
{% block nav %}
{% endblock %}
</nav>
<main>
{% block content %}
{% endblock %}
</main>
<footer>
{{ Markup(config.footer) }}
</footer>
</x-vbox>
{% with messages = get_flashed_messages(with_categories=true) %}
<ol class="toast-container">