91 lines
2.1 KiB
HTML
91 lines
2.1 KiB
HTML
<!DOCTYPE html5>
|
|
<html>
|
|
<head>
|
|
<title>Etiquette</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<link rel="stylesheet" href="/static/css/common.css">
|
|
<link rel="stylesheet" href="/static/css/etiquette.css">
|
|
{% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
|
|
<script src="/static/js/common.js"></script>
|
|
<script src="/static/js/api.js"></script>
|
|
|
|
<style>
|
|
body
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
body > #motd,
|
|
body > div,
|
|
body > .nice_link
|
|
{
|
|
width: 90%;
|
|
max-width: 600px;
|
|
}
|
|
body > div
|
|
{
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: 1fr;
|
|
grid-gap: 8px;
|
|
}
|
|
.nice_link, .plain_link
|
|
{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 8px 0;
|
|
}
|
|
.nice_link
|
|
{
|
|
height: 40px;
|
|
background-color: var(--color_transparency);
|
|
}
|
|
.nice_link:hover
|
|
{
|
|
background-color: var(--color_secondary);
|
|
}
|
|
#motd
|
|
{
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<p id="motd">
|
|
{%- if motd is string -%}
|
|
{{motd}}
|
|
{%- elif motd[0] == "html" -%}
|
|
{{motd[1]|safe}}
|
|
{%- else -%}
|
|
{{motd[1]}}
|
|
{%- endif -%}
|
|
</p>
|
|
<a class="nice_link" href="/search">Search</a>
|
|
<a class="nice_link" href="/tags">Browse tags</a>
|
|
<a class="nice_link" href="/albums">Browse albums</a>
|
|
<a class="nice_link" href="/bookmarks">Bookmarks</a>
|
|
{% if session.user %}
|
|
<a class="nice_link" href="/user/{{session.user.username}}">{{session.user.display_name}}</a>
|
|
{% else %}
|
|
<a class="nice_link" href="/login">Log in</a>
|
|
{% endif %}
|
|
<div>
|
|
<a class="nice_link" href="/?theme=turquoise">Turquoise</a>
|
|
<a class="nice_link" href="/?theme=slate">Slate</a>
|
|
<a class="nice_link" href="/?theme=pearl">Pearl</a>
|
|
</div>
|
|
<a class="plain_link" href="http://www.github.com/voussoir/etiquette">GitHub</a>
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
</script>
|
|
</html>
|