jutty/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make footer sticky

Browse source
This commit is contained in:
jultty 2024-11-17 14:56:22 -03:00
commit b5764ba7d9
2 changed files with 54 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

16
static/assets/css/style.css
View file

@ -5,6 +5,11 @@
html { html {
font-family: 'Mononoki', monospace; font-family: 'Mononoki', monospace;
height: 100%;
}
body {
height: 100%;
} }
#theme { #theme {
@ -12,7 +17,10 @@ html {
color: #222; color: #222;
} }
* { margin: 0px; } * {
margin: 0px;
box-sizing: inherit;
}
.header-art { .header-art {
display: grid; display: grid;
@ -90,6 +98,12 @@ ul {
list-style: none; list-style: none;
} }
#container {
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr auto;
}
.post-date, .link-date { .post-date, .link-date {
color: #777; color: #777;
font-size: 14px; font-size: 14px;

2
templates/base.html
View file

@ -59,6 +59,7 @@
</head> </head>
<body> <body>
<div id="container">
{%- if lang == "pt" %} {%- if lang == "pt" %}
<a id="skip-to-main" href="#main">Saltar para o conteúdo</a> <a id="skip-to-main" href="#main">Saltar para o conteúdo</a>
{%- else %} {%- else %}
@ -102,5 +103,6 @@
<footer> <footer>
{%- block footer %}{% endblock -%} {%- block footer %}{% endblock -%}
</footer> </footer>
</div>
</body> </body>
</html> </html>