fef/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix footer

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

33
_layouts/default.html
View file

@ -28,20 +28,29 @@
{{ content }} {{ content }}
</main> </main>
<footer> <footer>
<div><p>{{ site.description }}</p></div> <div class="container">
<div> <div>
<p> <p>{{ site.description }}</p>
Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a> <p>
<br> 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: Fediverse:
<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}"> <a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
@{{ site.author.fedi.user }}@{{ site.author.fedi.host }} @{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
</a> </a>
<br> <br>
<a href="/pgp.txt">PGP key</a> <a href="/pgp.txt">PGP key</a>
</p> </p>
</div>
</div> </div>
</footer> </footer>
</body> </body>

25
_sass/style.scss
View file

@ -18,6 +18,24 @@ body {
footer { footer {
padding: 20px 0; padding: 20px 0;
border-top: thin solid $color-primary; 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 { h1, h2, h3, h4, h5, h6 {
@ -33,7 +51,7 @@ header h1 {
main { main {
max-width: $content-width; max-width: $content-width;
margin: 0 auto; margin: 40px auto;
padding: 0 20px; padding: 0 20px;
} }
@ -48,11 +66,14 @@ article.feed-item {
} }
article.feed-item:first-child { article.feed-item:first-child {
margin-top: 40px; margin-top: 0;
padding-top: 0;
} }
article.feed-item:last-child { article.feed-item:last-child {
border-bottom: 0; border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
} }
a { a {