Stack footer on mobile

main
mat ess 2023-01-28 14:09:53 -05:00
parent 662f4032a4
commit 01f97682a1
2 changed files with 14 additions and 9 deletions

View File

@ -97,14 +97,19 @@ footer {
margin: 2em;
color: var(--text-1);
font-size: 0.75em;
display: flex;
}
#site-info {
flex: 1 0;
}
@media (min-width: 500px) {
footer {
display: flex;
#copyright {
align-items: flex-end;
#site-info {
flex: 1 0;
}
#copyright {
align-items: flex-end;
}
}
}

View File

@ -3,14 +3,14 @@
<p id="powered-by">
powered by <a href="https://getzola.org" target="_blank" rel="noopener noreferral">zola</a> + <a href="https://github.com/not-matthias/apollo" target="_blank" rel="noopener noreferral">apollo</a>
and
<a href="https://nixos.org" target="_blank" rel="noopener noreferral">nix</a>.
<a href="https://nixos.org" target="_blank" rel="noopener noreferral">nix</a>
</p>
<p id="privacy-note">
<a href="/privacy">privacy notice</a>.
<a href="/privacy">privacy notice</a>
</p>
</div>
<p id="copyright">
&copy; 2022-2023 mat ess.
&copy; 2022-2023 mat ess
</p>
<script data-goatcounter="https://stats.mat.services/count" async src="//stats.mat.services/count.js" crossorigin integrity="sha256-a8rh6u3maZ6JiY6w6zsLlw9OUQf2tFPUX3t1/BV+RKc="></script>
<noscript>