Mobile footer

This commit is contained in:
David Eisinger
2024-03-07 09:17:25 -05:00
parent afe581b20c
commit e7db6c7f7d
2 changed files with 28 additions and 8 deletions

View File

@@ -84,6 +84,20 @@ footer {
}
}
@media only screen and (max-width: 600px) {
footer {
text-align: left;
a {
display: block;
}
.mobile-hidden {
display: none;
}
}
}
sup {
line-height: 0;
font-size: 0.8em;

View File

@@ -1,14 +1,20 @@
<footer>
<hr>
<a href="https://dispatch.davideisinger.com/subscription/form">Subscribe via email</a>
<a href="/index.xml">Feed</a>
<a href="/about/#contact">Contact</a><br>
<div>
<a href="https://dispatch.davideisinger.com/subscription/form">Subscribe via email</a>
<span class="mobile-hidden"></span>
<a href="/index.xml">Feed</a>
<span class="mobile-hidden"></span>
<a href="/about/#contact">Contact</a>
</div>
<div class="mobile-hidden">
Rendered {{ now | dateFormat "2006-01-02 15:04:05 MST" }}
{{ with site.Params.git.last_commit }}
<a href="https://github.com/dce/davideisinger.com/commit/{{ .hash }}">{{ substr .hash 0 7}}</a>
{{ end }}<br>
{{ end }}
</div>
Copyright &copy; {{ now.Format "2006" }} David Eisinger
<span class="mobile-hidden">Copyright</span> &copy; {{ now.Format "2006" }} David Eisinger
</footer>