fix footer

This commit is contained in:
anna 2021-02-11 19:30:17 +01:00
parent 550fe42cfb
commit 9aff58530e
Signed by: fef
GPG key ID: EC22E476DC2D3D84
2 changed files with 44 additions and 14 deletions

View file

@ -28,20 +28,29 @@
{{ content }}
</main>
<footer>
<div><p>{{ site.description }}</p></div>
<div>
<p>
Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
<br>
<div class="container">
<div>
<p>{{ site.description }}</p>
<p>
Unless specified otherwise, all content is released under the
<a href="https://creativecommons.org/licenses/by-nc/4.0/">CC-BY-ND 4.0</a>
license.
</p>
</div>
<div>
<p>
Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
<br>
Fediverse:
<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
@{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
</a>
<br>
Fediverse:
<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
@{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
</a>
<br>
<a href="/pgp.txt">PGP key</a>
</p>
<a href="/pgp.txt">PGP key</a>
</p>
</div>
</div>
</footer>
</body>

View file

@ -18,6 +18,24 @@ body {
footer {
padding: 20px 0;
border-top: thin solid $color-primary;
.container {
max-width: $content-width;
margin: 0 auto;
display: flex;
flex-direction: horizontal;
}
.container > * {
flex: 1;
margin: 0 20px;
}
}
@media(max-width: 550px) {
footer .container {
display: block;
}
}
h1, h2, h3, h4, h5, h6 {
@ -33,7 +51,7 @@ header h1 {
main {
max-width: $content-width;
margin: 0 auto;
margin: 40px auto;
padding: 0 20px;
}
@ -48,11 +66,14 @@ article.feed-item {
}
article.feed-item:first-child {
margin-top: 40px;
margin-top: 0;
padding-top: 0;
}
article.feed-item:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
a {