mirror of
https://github.com/helenclx/leilukin-site.git
synced 2025-04-11 09:22:42 +00:00
47 lines
1.3 KiB
Plaintext
47 lines
1.3 KiB
Plaintext
<footer class="footer">
|
|
{%- block footerContent %}
|
|
{{ footerContent }}
|
|
{% endblock -%}
|
|
|
|
{%- if tags and tags.includes("shrine pages") %}
|
|
<nav class="footer__shrines" aria-labelledby="backto-title">
|
|
<p id="backto-title">Back to:</p>
|
|
<ul class="inline-nav footer__links">
|
|
<li><a href="/shrines/">Shrine Directory</a></li>
|
|
<li><a href="/">{{ sitemeta.siteName }}</a></li>
|
|
</ul>
|
|
</nav>
|
|
{%- endif -%}
|
|
|
|
<ul class="inline-nav footer__links">
|
|
<li><a href="mailto:{{ sitemeta.siteAuthor.email }}">Contact me by email</a></li>
|
|
<li><a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a></li>
|
|
</ul>
|
|
{%- include "global/h-card.njk" -%}
|
|
{%- include "global/top-btn.njk" %}
|
|
</footer>
|
|
|
|
{%- css %}
|
|
:root { --footer-gap: 0.5em; }
|
|
|
|
.footer {
|
|
margin-top: auto;
|
|
width: 100%;
|
|
background: var(--clr-main-footer-bg);
|
|
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
|
|
text-align: center;
|
|
display: grid;
|
|
gap: var(--footer-gap);
|
|
}
|
|
|
|
.footer__links,
|
|
.footer__shrines {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
column-gap: var(--footer-gap);
|
|
}
|
|
|
|
.footer__links { justify-self: center; }
|
|
.footer__shrines { align-self: center; }
|
|
{% endcss %} |