voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add theme-change links to homepage.

Browse source
This commit is contained in:
voussoir 2020-09-27 10:37:13 -07:00
parent 41353b2eb4
commit 17f694cfed
1 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
frontends/etiquette_flask/templates/root.html
View file

@ -13,23 +13,35 @@
<style> <style>
body body
{ {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%; height: 100%;
margin: 0; margin: 0;
} }
body, .nice_link body > div,
body > .nice_link
{
width: 50%;
}
body > div
{
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
grid-gap: 8px;
}
.nice_link, .plain_link
{ {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} margin: 8px 0;
.nice_link, .plain_link
{
margin: 8px;
} }
.nice_link .nice_link
{ {
width: 50%;
height: 40px; height: 40px;
background-color: var(--color_transparency); background-color: var(--color_transparency);
} }
@ -39,14 +51,13 @@ body, .nice_link
} }
#motd #motd
{ {
width: 50%;
text-align: center; text-align: center;
} }
</style> </style>
</head> </head>
<body> <body>
<span id="motd">{{motd}}</span> <p id="motd">{{motd}}</p>
<a class="nice_link" href="/search">Search</a> <a class="nice_link" href="/search">Search</a>
<a class="nice_link" href="/tags">Browse tags</a> <a class="nice_link" href="/tags">Browse tags</a>
<a class="nice_link" href="/albums">Browse albums</a> <a class="nice_link" href="/albums">Browse albums</a>
@ -56,6 +67,11 @@ body, .nice_link
{% else %} {% else %}
<a class="nice_link" href="/login">Log in</a> <a class="nice_link" href="/login">Log in</a>
{% endif %} {% endif %}
<div>
<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>
<a class="plain_link" href="http://www.github.com/voussoir/etiquette">GitHub</a> <a class="plain_link" href="http://www.github.com/voussoir/etiquette">GitHub</a>
</body> </body>