etiquette/frontends/etiquette_flask/templates/root.html

<!DOCTYPE html5>
<html>
<head>
    <title>Etiquette</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/css/common.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<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_site_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>
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">`
Move the remaining common css / js to their folders. 2018-02-24 20:51:36 +00:00			`<link rel="stylesheet" href="/static/css/common.css">`
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"/>`
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`
			`{`
			`height: 100%;`
			`margin: 0;`
			`}`
Add GitHub link to root page 2017-03-17 08:03:19 +00:00			`body, .nice_link`
checkpoint 2016-09-18 08:33:46 +00:00			`{`
			`display: flex;`
			`flex-direction: column;`
			`justify-content: center;`
			`align-items: center;`
			`}`
Add GitHub link to root page 2017-03-17 08:03:19 +00:00			`.nice_link, .plain_link`
checkpoint 2016-09-18 08:33:46 +00:00			`{`
Better organize CSS properties by type 2017-03-31 02:34:39 +00:00			`margin: 8px;`
Add GitHub link to root page 2017-03-17 08:03:19 +00:00			`}`
			`.nice_link`
			`{`
			`width: 50%;`
Remove height:40px from plain_link. Only nice_link. 2018-03-19 22:03:53 +00:00			`height: 40px;`
Use a CSS var for 10% transparency and drop shadow. 2018-09-22 23:01:34 +00:00			`background-color: var(--color_site_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			`{`
Use a CSS variable for the secondary theme color. 2018-09-22 08:14:50 +00:00			`background-color: var(--color_site_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`
			`{`
			`width: 50%;`
			`text-align: center;`
			`}`
checkpoint 2016-09-18 08:33:46 +00:00			`</style>`
			`</head>`

checkpoint 2016-11-27 09:06:11 +00:00
checkpoint 2016-09-18 08:33:46 +00:00			`<body>`
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			`<span id="motd">{{motd}}</span>`
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 %}`
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>`