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

91 lines
2.1 KiB
HTML
Raw Normal View History

checkpoint
2016-09-18 08:33:46 +00:00
<!DOCTYPE html5>
<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"/>
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,
Give this div an id, #theme_links.
2021-06-05 04:36:17 +00:00
body > #theme_links,
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
}
Give this div an id, #theme_links.
2021-06-05 04:36:17 +00:00
#theme_links
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;
}
.nice_link, .plain_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;
Add GitHub link to root page
2017-03-17 08:03:19 +00:00
}
.nice_link
{
Remove height:40px from plain_link. Only nice_link.
2018-03-19 22:03:53 +00:00
height: 40px;
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_transparency);
checkpoint
2016-09-18 08:33:46 +00:00
}
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 %}
Give Users a display_name.
2018-04-15 21:23:24 +00:00
<a class="nice_link" href="/user/{{session.user.username}}">{{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 %}
Give this div an id, #theme_links.
2021-06-05 04:36:17 +00:00
<div id="theme_links">
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>
Add GitHub link to root page
2017-03-17 08:03:19 +00:00
<a class="plain_link" href="http://www.github.com/voussoir/etiquette">GitHub</a>
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>