voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
etiquette/frontends/etiquette_flask/templates/root.html

93 lines
2.4 KiB
HTML
Raw Normal View History

Fix DOCTYPE should just be "html".
2021-06-22 20:38:08 +00:00
<!DOCTYPE html>
checkpoint
2016-09-18 08:33:46 +00:00
<html>
checkpoint
2016-11-27 09:06:11 +00:00
<head>
<title>Etiquette</title>
<meta charset="UTF-8">
Add meta viewport to all pages.
2017-07-21 06:10:48 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
Add favicon link to all HTML templates.
2022-05-28 23:21:23 +00:00
<link rel="icon" href="/favicon.png" type="image/png"/>
Import api.js into the rest of the pages. Now we can do anything from anywhere!
2018-09-23 23:53:49 +00:00
<link rel="stylesheet" href="/static/css/common.css">
Synchronize Etiquette common.css and YCDL common.css.
2020-09-03 18:50:16 +00:00
<link rel="stylesheet" href="/static/css/etiquette.css">
Try different themes with the ?theme query.
2019-08-14 20:43:35 +00:00
{% if theme %}<link rel="stylesheet" href="/static/css/theme_{{theme}}.css">{% endif %}
Import api.js into the rest of the pages. Now we can do anything from anywhere!
2018-09-23 23:53:49 +00:00
<script src="/static/js/common.js"></script>
<script src="/static/js/api.js"></script>
checkpoint
2016-09-18 08:33:46 +00:00
<style>
Fix body not filling vertical space.
2018-03-19 22:06:07 +00:00
body
{
Add theme-change links to homepage.
2020-09-27 17:37:13 +00:00
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
Fix body not filling vertical space.
2018-03-19 22:06:07 +00:00
height: 100%;
margin: 0;
}
Let homepage use width 90% max 600 instead of straight 50%.
2020-09-30 00:18:46 +00:00
body > #motd,
Replace #theme_links with .link_group.
2022-03-11 04:22:19 +00:00
body > .link_group,
Add theme-change links to homepage.
2020-09-27 17:37:13 +00:00
body > .nice_link
{
Let homepage use width 90% max 600 instead of straight 50%.
2020-09-30 00:18:46 +00:00
width: 90%;
max-width: 600px;
Add theme-change links to homepage.
2020-09-27 17:37:13 +00:00
}
Replace #theme_links with .link_group.
2022-03-11 04:22:19 +00:00
.link_group
Add theme-change links to homepage.
2020-09-27 17:37:13 +00:00
{
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-gap: 8px;
}
Replace #theme_links with .link_group.
2022-03-11 04:22:19 +00:00
.nice_link
checkpoint
2016-09-18 08:33:46 +00:00
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
Add theme-change links to homepage.
2020-09-27 17:37:13 +00:00
margin: 8px 0;
Replace #theme_links with .link_group.
2022-03-11 04:22:19 +00:00
height: 40px;
background-color: var(--color_transparency);
Add GitHub link to root page
2017-03-17 08:03:19 +00:00
}
.nice_link:hover
checkpoint
2016-10-10 03:50:13 +00:00
{
Rename CSS vars color_theme_* and color_site_* to color_*. There was just no point to naming them like this because all of the color vars obviously represent some part of the site's color theme.
2020-06-25 17:03:50 +00:00
background-color: var(--color_secondary);
checkpoint
2016-10-10 03:50:13 +00:00
}
Reorganize a bunch of javascript handlers. The javascript is very inconsistent between pages. I'm trying to start using a consistent pattern where the api call is kept in a separate function from the ones that buttons and input boxes talk to.
2018-07-29 08:25:53 +00:00
#motd
{
text-align: center;
}
checkpoint
2016-09-18 08:33:46 +00:00
</style>
</head>
<body>
Add jank support for html motds.
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>
Add GitHub link to root page
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>
Create sessions for anons as well, instead of just logged in. It makes sense that anon sessions are still sessions. So @give_token will ensure that every request has a session. Logged in conditionals move from 'if session' to 'if session.user'.
2018-01-16 02:41:21 +00:00
{% if session.user %}
Use /userid/ links instead of /user/username.
2021-10-24 00:20:14 +00:00
<a class="nice_link" href="/userid/{{session.user.id}}">{{session.user.display_name}}</a>
very early session and registration support
2016-12-18 13:12:14 +00:00
{% else %}
Add GitHub link to root page
2017-03-17 08:03:19 +00:00
<a class="nice_link" href="/login">Log in</a>
very early session and registration support
2016-12-18 13:12:14 +00:00
{% endif %}
Replace #theme_links with .link_group.
2022-03-11 04:22:19 +00:00
<div class="link_group">
Add theme-change links to homepage.
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>
Replace #theme_links with .link_group.
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>
checkpoint
2016-09-18 08:33:46 +00:00
</body>
<script type="text/javascript">
checkpoint
2016-11-27 09:06:11 +00:00
</script>
</html>
Reference in a new issue Copy permalink