Compare commits

...

3 Commits

Author SHA1 Message Date
Helen Chong 89194a0511 Add visually hidden heading for footer navigation 2024-09-15 09:02:17 +08:00
Helen Chong 278cc3d533 Rearrange footer info 2024-09-15 09:02:00 +08:00
Helen Chong aa53bb7eba Add icons to and rearrange email and Ko-fi links 2024-09-15 08:58:56 +08:00
2 changed files with 12 additions and 6 deletions

View File

@ -1,4 +1,9 @@
<footer class="footer"> <footer class="footer">
<p>
<svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
<a href="mailto:{{ sitemeta.siteAuthor.email }}">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
</p>
{%- block footerContent %} {%- block footerContent %}
{{ footerContent }} {{ footerContent }}
{% endblock -%} {% endblock -%}
@ -13,10 +18,11 @@
</nav> </nav>
{%- endif -%} {%- endif -%}
<ul class="inline-nav footer__links"> <p>
<li><a href="mailto:{{ sitemeta.siteAuthor.email }}">Contact me by email</a></li> <svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M96 64c0-17.7 14.3-32 32-32l320 0 64 0c70.7 0 128 57.3 128 128s-57.3 128-128 128l-32 0c0 53-43 96-96 96l-192 0c-53 0-96-43-96-96L96 64zM480 224l32 0c35.3 0 64-28.7 64-64s-28.7-64-64-64l-32 0 0 128zM32 416l512 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg>
<li><a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a></li> <a href="https://ko-fi.com/leilukin">Support me on Ko-Fi</a>
</ul> </p>
{%- include "global/h-card.njk" -%} {%- include "global/h-card.njk" -%}
{%- include "global/top-btn.njk" %} {%- include "global/top-btn.njk" %}
</footer> </footer>

View File

@ -1,8 +1,7 @@
{% extends "global/footer.njk" %} {% extends "global/footer.njk" %}
{% block footerContent %} {% block footerContent %}
<p>Made with ♥ by {{ sitemeta.siteAuthor.name }} since 11 September 2022</p> <h2 class="visually-hidden">Footer Navigation:</h2>
{% set currentUrl %}{{ page.url }}{% endset %} {% set currentUrl %}{{ page.url }}{% endset %}
<ul class="inline-nav footer__links"> <ul class="inline-nav footer__links">
<li><a href="{{ sitemeta.feedPath }}">RSS Feed</a></li> <li><a href="{{ sitemeta.feedPath }}">RSS Feed</a></li>
@ -23,5 +22,6 @@
>{{ statement.data.title }}</a></li> >{{ statement.data.title }}</a></li>
{%- endfor -%} {%- endfor -%}
</ul> </ul>
<p>Made with ♥ by {{ sitemeta.siteAuthor.name }} since 11 September 2022</p>
{% endblock %} {% endblock %}