edpibu/nummi
1
Fork 0
Code Issues 4 Releases Activity

Add footer

Browse source
This commit is contained in:
Edgar P. Burkhart 2023-04-18 17:36:36 +02:00
parent 2b9180f25a
commit 8a2cb5b974
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
nummi/main/static/main/css/main.css
View file

@ -66,8 +66,10 @@ a:hover {
.red {color: var(--red)} .red {color: var(--red)}
.green {color: var(--text-green)} .green {color: var(--text-green)}
main { main, nav, footer {
padding: 2rem; padding: 2rem;
}
main {
grid-column: 2; grid-column: 2;
grid-row: 1; grid-row: 1;
overflow-x: hidden; overflow-x: hidden;
@ -80,7 +82,6 @@ nav {
position: sticky; position: sticky;
top: 0; top: 0;
padding: 2rem;
background: var(--bg-01); background: var(--bg-01);
line-height: 2rem; line-height: 2rem;
} }
@ -117,6 +118,11 @@ nav > :first-child,
main > :first-child { main > :first-child {
margin-top: 0; margin-top: 0;
} }
footer {
text-align: center;
grid-column: 2;
font-weight: 250;
}
#pagination { #pagination {
text-align: center; text-align: center;
@ -130,7 +136,7 @@ main > :first-child {
@media (width < 1024px) { @media (width < 1024px) {
body {grid-template-columns: 1fr} body {grid-template-columns: 1fr}
nav, main { nav, main, footer {
grid-column: 1; grid-column: 1;
grid-row: auto; grid-row: auto;
position: relative; position: relative;

3
nummi/main/templates/main/base.html
View file

@ -103,5 +103,8 @@
<main id="main"> <main id="main">
{% block body %}{% endblock %} {% block body %}{% endblock %}
</main> </main>
<footer>
{% block footer %}© 2023 Edgar P. Burkhart – Nummi{% endblock %}
</footer>
</body> </body>
</html> </html>