mirror of
https://git.joinplu.me/Plume/Plume.git
synced 2024-12-23 18:40:34 +00:00
6c80002e43
Fixes #75 but still works in Firefox mobile without JS (and it will in Chrome/Safari too once :focus-within will be implemented there)
70 lines
3.1 KiB
Text
70 lines
3.1 KiB
Text
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>{% block title %}{% endblock title %} ⋅ {{ "Plume" | _ }}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="/static/css/main.css" />
|
|
<link rel="stylesheet" href="/static/css/feather.css" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav id="menu">
|
|
<a href="#" aria-label="{{ "Menu" | _ }}" title="{{ "Menu" | _ }}"><i class="icon icon-menu"></i></a>
|
|
</nav>
|
|
<div id="content">
|
|
<nav>
|
|
<a href="/" class="title">{{ "Plume" | _ }}</a>
|
|
<hr/>
|
|
{% block header %}
|
|
{% endblock header %}
|
|
</nav>
|
|
<nav>
|
|
{% if account %}
|
|
<a href="/dashboard">
|
|
<i class="icon icon-home" aria-label="{{ "Dashboard" | _ }}"></i>
|
|
<span class="mobile-label">{{ "Dashboard" | _ }}</span>
|
|
</a>
|
|
<a href="/notifications">
|
|
<i class="icon icon-bell" aria-label="{{ "Notifications" | _ }}"></i>
|
|
<span class="mobile-label">{{ "Notifications" | _ }}</span>
|
|
</a>
|
|
<a href="/logout">
|
|
<i class="icon icon-log-out" aria-label="{{ "Log Out" | _ }}"></i>
|
|
<span class="mobile-label">{{ "Log Out" | _ }}</span>
|
|
</a>
|
|
<a href="/me">
|
|
<img class="avatar small" src="{{ account.avatar }}" alt="{{ "My account" | _ }}">
|
|
<span class="mobile-label">{{ "My account" | _ }}</span>
|
|
</a>
|
|
{% else %}
|
|
<a href="/login">
|
|
<i class="icon icon-log-in"></i>
|
|
<span class="mobile-label">{{ "Log In" | _ }}</span>
|
|
</a>
|
|
<a href="/users/new">
|
|
<i class="icon icon-user-plus"></i>
|
|
<span class="mobile-label">{{ "Register" | _ }}</span>
|
|
</a>
|
|
{% endif %}
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
{% block content %}
|
|
{% endblock content %}
|
|
</main>
|
|
<footer>
|
|
<span>Plume 0.1.0</span>
|
|
<a href="/about">{{ "About this instance" | _ }}</a>
|
|
<a href="https://github.com/Plume-org/Plume">{{ "Source code" | _ }}</a>
|
|
<a href="https://riot.im/app/#/room/#plume:disroot.org">{{ "Matrix room" | _ }}</a>
|
|
{% if account %}
|
|
{% if account.is_admin %}
|
|
<a href="/admin">{{ "Administration" | _ }}</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
</footer>
|
|
<script src="/static/js/menu.js"></script>
|
|
</body>
|
|
</html>
|