2018-09-09 12:05:13 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2021-08-14 17:24:02 -07:00
|
|
|
<title>{% if title %}{{ title }} - {% endif %}Photo App</title>
|
2018-09-09 12:05:13 -07:00
|
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2022-07-31 15:59:31 -07:00
|
|
|
{% block head %}{% endblock %}
|
2018-09-09 12:05:13 -07:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="layout" class="content pure-g">
|
|
|
|
|
<div id="nav" class="pure-u">
|
2019-07-05 21:29:19 -07:00
|
|
|
<button class="nav-menu-button">Menu</button>
|
2018-09-09 12:05:13 -07:00
|
|
|
<div class="nav-inner">
|
|
|
|
|
<div class="pure-menu">
|
|
|
|
|
<ul class="pure-menu-list">
|
|
|
|
|
<li class="pure-menu-item"><a href="/" class="pure-menu-link">All photos</a></li>
|
2021-07-14 15:57:42 -07:00
|
|
|
<li class="pure-menu-item"><a href="/search" class="pure-menu-link">Search</a></li>
|
2018-09-11 20:35:04 -07:00
|
|
|
<li class="pure-menu-item"><a href="/date" class="pure-menu-link">Dates</a></li>
|
2018-09-09 12:05:13 -07:00
|
|
|
<li class="pure-menu-item"><a href="/map" class="pure-menu-link">Map</a></li>
|
2021-07-14 15:57:42 -07:00
|
|
|
<li class="pure-menu-item"><a href="/stats" class="pure-menu-link">Stats</a></li>
|
2018-09-09 12:05:13 -07:00
|
|
|
<li class="pure-menu-heading">Albums</li>
|
2021-07-14 15:57:42 -07:00
|
|
|
{% for tag in all_tags %}{% if tag.is_album %}
|
2023-01-12 22:48:56 -08:00
|
|
|
<li class="pure-menu-item"><a href="/album/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-{{ tag.id % 20 }}"></span>{{ tag.name }}</a></li>
|
2021-07-14 15:57:42 -07:00
|
|
|
{% endif %}{% endfor %}
|
2018-09-09 12:05:13 -07:00
|
|
|
<li class="pure-menu-heading">Tags</li>
|
2021-07-14 15:57:42 -07:00
|
|
|
{% for tag in all_tags %}{% if not tag.is_album %}
|
2023-01-12 22:48:56 -08:00
|
|
|
<li class="pure-menu-item"><a href="/tag/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-{{ tag.id % 20 }}"></span>{{ tag.name }}</a></li>
|
2021-07-14 15:57:42 -07:00
|
|
|
{% endif %}{% endfor %}
|
2018-09-09 12:05:13 -07:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
2018-09-22 18:01:33 -07:00
|
|
|
<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>
|
2018-09-09 12:05:13 -07:00
|
|
|
</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">
|
2018-09-23 15:02:03 -07:00
|
|
|
<h1 class="email-content-title">{% block title %}DEFAULT TITLE{% endblock %}</h1>
|
2018-09-09 12:05:13 -07:00
|
|
|
<p class="email-content-subtitle">
|
2018-09-23 15:02:03 -07:00
|
|
|
{% block subtitle %}DEFAULT SUBTITLE{% endblock %}
|
2018-09-09 12:05:13 -07:00
|
|
|
</p>
|
|
|
|
|
</div>
|
2018-09-22 18:01:33 -07:00
|
|
|
{% if auth %}
|
|
|
|
|
<div class="email-content-controls pure-u-1-2">
|
2018-09-23 18:26:36 -07:00
|
|
|
{% block buttons %}{% endblock %}
|
2018-09-22 18:01:33 -07:00
|
|
|
</div>
|
|
|
|
|
{% endif %}
|
2018-09-09 12:05:13 -07:00
|
|
|
</div>
|
|
|
|
|
<div class="email-content-body">
|
2018-09-12 21:55:00 -07:00
|
|
|
{% block body %}default body{% endblock %}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
