etiquette/frontends/etiquette_flask/templates/root.html

92 lines
2.3 KiB
HTML
Raw Normal View History

2021-06-22 20:38:08 +00:00
<!DOCTYPE html>
2016-09-18 08:33:46 +00:00
<html>
2016-11-27 09:06:11 +00:00
<head>
<title>Etiquette</title>
<meta charset="UTF-8">
2017-07-21 06:10:48 +00:00
<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>
2016-09-18 08:33:46 +00:00
<style>
2018-03-19 22:06:07 +00:00
body
{
2020-09-27 17:37:13 +00:00
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
2018-03-19 22:06:07 +00:00
height: 100%;
margin: 0;
}
body > #motd,
2022-03-11 04:22:19 +00:00
body > .link_group,
2020-09-27 17:37:13 +00:00
body > .nice_link
{
width: 90%;
max-width: 600px;
2020-09-27 17:37:13 +00:00
}
2022-03-11 04:22:19 +00:00
.link_group
2020-09-27 17:37:13 +00:00
{
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-gap: 8px;
}
2022-03-11 04:22:19 +00:00
.nice_link
2016-09-18 08:33:46 +00:00
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
2020-09-27 17:37:13 +00:00
margin: 8px 0;
2022-03-11 04:22:19 +00:00
height: 40px;
background-color: var(--color_transparency);
2017-03-17 08:03:19 +00:00
}
.nice_link:hover
2016-10-10 03:50:13 +00:00
{
background-color: var(--color_secondary);
2016-10-10 03:50:13 +00:00
}
#motd
{
text-align: center;
}
2016-09-18 08:33:46 +00:00
</style>
</head>
<body>
2021-01-04 10:23:03 +00:00
<p id="motd">
{%- if motd is string -%}
{{motd}}
{%- elif motd[0] == "html" -%}
{{motd[1]|safe}}
{%- else -%}
{{motd[1]}}
{%- endif -%}
</p>
2017-03-17 08:03:19 +00:00
<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="/userid/{{session.user.id}}">{{session.user.display_name}}</a>
{% else %}
2017-03-17 08:03:19 +00:00
<a class="nice_link" href="/login">Log in</a>
{% endif %}
2022-03-11 04:22:19 +00:00
<div class="link_group">
2020-09-27 17:37:13 +00:00
<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>
2022-03-11 04:22:19 +00:00
<div class="link_group">
<a class="nice_link" href="https://www.github.com/voussoir/etiquette">GitHub</a>
<a class="nice_link" href="https://www.gitlab.com/voussoir/etiquette">GitLab</a>
<a class="nice_link" href="https://www.codeberg.org/voussoir/etiquette">Codeberg</a>
</div>
2016-09-18 08:33:46 +00:00
</body>
<script type="text/javascript">
2016-11-27 09:06:11 +00:00
</script>
</html>