Debloat footer

This commit is contained in:
kitsunyan@airmail.cc 2021-03-26 23:47:58 +03:00
parent b53531a0f1
commit e54799aa7d
2 changed files with 38 additions and 1 deletions

18
_includes/footer.html Normal file
View file

@ -0,0 +1,18 @@
<footer class="site-footer h-card">
<data class="u-url" href="{{ "/" | relative_url }}"></data>
<div class="wrapper">
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<p>{{- site.description | escape -}}</p>
</div>
<div class="footer-col footer-col-2">
{%- include social.html -%}
</div>
</div>
</div>
</footer>

View file

@ -10,4 +10,23 @@
.translation {
font-family: "Noto Color Emoji", sans-serif;
font-size: 2em;
}
}
.footer-col-1, .footer-col-2 {
width: -webkit-calc(100% - (30px / 2));
width: calc(100% - (30px / 2));
}
// .footer-col-wrapper becomes "display: flex" on "min-width: 800px"
@media screen and (min-width: 800px) {
.footer-col-1 {
width: -webkit-calc(70% - (30px / 2));
width: calc(70% - (30px / 2));
}
.footer-col-2 {
text-align: right;
width: -webkit-calc(30% - (30px / 2));
width: calc(30% - (30px / 2));
}
}