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; margin: 2em;
color: var(--text-1); color: var(--text-1);
font-size: 0.75em; font-size: 0.75em;
display: flex; }
#site-info { @media (min-width: 500px) {
flex: 1 0; footer {
} display: flex;
#copyright { #site-info {
align-items: flex-end; flex: 1 0;
}
#copyright {
align-items: flex-end;
}
} }
} }

View File

@ -3,14 +3,14 @@
<p id="powered-by"> <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> 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 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>
<p id="privacy-note"> <p id="privacy-note">
<a href="/privacy">privacy notice</a>. <a href="/privacy">privacy notice</a>
</p> </p>
</div> </div>
<p id="copyright"> <p id="copyright">
&copy; 2022-2023 mat ess. &copy; 2022-2023 mat ess
</p> </p>
<script data-goatcounter="https://stats.mat.services/count" async src="//stats.mat.services/count.js" crossorigin integrity="sha256-a8rh6u3maZ6JiY6w6zsLlw9OUQf2tFPUX3t1/BV+RKc="></script> <script data-goatcounter="https://stats.mat.services/count" async src="//stats.mat.services/count.js" crossorigin integrity="sha256-a8rh6u3maZ6JiY6w6zsLlw9OUQf2tFPUX3t1/BV+RKc="></script>
<noscript> <noscript>