docker-nodepupper/templates/page.html

64 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% if title %}{{ title }} :: {% endif %}Photo App</title>
<link rel="stylesheet" href="/static/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="layout" class="content pure-g">
<div id="nav" class="pure-u">
<a href="#" class="nav-menu-button">Menu</a>
<div class="nav-inner">
<div class="pure-menu">
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="/" class="pure-menu-link">Nodes</a></li>
<li class="pure-menu-item"><a href="/objects" class="pure-menu-link">Objects</a></li>
<li class="pure-menu-item"><a href="/classes" class="pure-menu-link">Classes</a></li>
<li class="pure-menu-item"><a href="/lookup" class="pure-menu-link">Lookup</a></li>
<li class="pure-menu-heading">Albums</li>
{% for tag in all_albums %}
<li class="pure-menu-item"><a href="/album/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-mod-6-{{ tag.id % 6 }}"></span>{{ tag.name }}</a></li>
{% endfor %}
<li class="pure-menu-heading">Tags</li>
{% for tag in all_tags %}
<li class="pure-menu-item"><a href="/tag/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-mod-6-{{ tag.id % 6 }}"></span>{{ tag.name }}</a></li>
{% endfor %}
</ul>
</div>
<div class="user-status">
{% if auth %}
<p>Authed as <span>{{ auth }}</span></p>
<p><a href="/logout">Log out</a></p>
{% else %}
<p>Browsing as a guest</p>
<p><a href="/login">Log in</a></p>
{% endif %}
</div>
</div>
</div>
<div id="main" class="pure-u-1">
<div class="email-content">
<div class="email-content-header pure-g">
<div class="pure-u-1-2">
<h1 class="email-content-title">{% block title %}DEFAULT TITLE{% endblock %}</h1>
<p class="email-content-subtitle">
{% block subtitle %}DEFAULT SUBTITLE{% endblock %}
</p>
</div>
{% if auth %}
<div class="email-content-controls pure-u-1-2">
{% block buttons %}{% endblock %}
</div>
{% endif %}
</div>
<div class="email-content-body">
{% block body %}default body{% endblock %}
</div>
</div>
</div>
</div>
</body>
</html>