feat: footer refactor

This commit is contained in:
Devin Haska 2024-02-06 14:08:17 -08:00
parent f339227c3d
commit d4ffca4b5b
13 changed files with 94 additions and 4834 deletions

View file

@ -1,21 +1,8 @@
{% set socialLinks = meta.social | entries %}
<footer class="[ footer ]">
<div class="[ wrapper ] [ flex justify-between ]">
<div class="[ flow ]">
<p>&copy; {{ meta.author }} 2018-2024.</p>
<nav>
<ul class="[ footer-links ] [ flex list-none ]">
{% for link in socialLinks %}
{% set key = link | first %}
{% set url = link | last %}
<li>
<a href="{{ url }}" target="_blank" rel="external noreferrer noopener">{{ key }}</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
<nav>
<div class="[ footer-grid footer-gap wrapper ]">
<p>&copy; {{ meta.author }} 2018-2024.</p>
<nav class="[ footer-pages ]">
<ul class="[ footer-links ] [ flex list-none ]">
{% for link in navigation.bottom %}
<li>
@ -24,5 +11,22 @@
{% endfor %}
</ul>
</nav>
<nav class="[ footer-socials ]">
<ul class="[ footer-links footer-gap ] [ flex list-none items-center ]">
<li>
<span class="visually-hidden">RSS</span>
<a href="#" target="_blank">{% include "svgs/rss.svg" %}</a>
</li>
{% for link in socialLinks %}
{% set key = link | first %}
{% set url = link | last %}
{% set alt = key | capitalize %}
<li>
<span class="visually-hidden">{{ alt }}</span>
<a href="{{ url }}" target="_blank" rel="external noreferrer noopener">{% include "svgs/social-" + key + ".svg" %}</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
</footer>