fix footer
This commit is contained in:
parent
550fe42cfb
commit
9aff58530e
2 changed files with 44 additions and 14 deletions
|
@ -28,7 +28,15 @@
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<div><p>{{ site.description }}</p></div>
|
<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>
|
<div>
|
||||||
<p>
|
<p>
|
||||||
Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
|
Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
|
||||||
|
@ -43,6 +51,7 @@
|
||||||
<a href="/pgp.txt">PGP key</a>
|
<a href="/pgp.txt">PGP key</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue