etiquette/frontends/etiquette_flask/templates/root.html

65 lines
1.4 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">
{% 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
{
height: 100%;
margin: 0;
}
body, .nice_link
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nice_link, .plain_link
{
margin: 8px;
}
.nice_link
{
width: 50%;
height: 40px;
background-color: var(--color_site_transparency);
}
.nice_link:hover
{
background-color: var(--color_theme_secondary);
}
#motd
{
width: 50%;
text-align: center;
}
</style>
</head>
<body>
<span id="motd">{{motd}}</span>
<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 %}
<a class="plain_link" href="http://www.github.com/voussoir/etiquette">GitHub</a>
</body>
<script type="text/javascript">
</script>
</html>