69 lines
No EOL
2 KiB
Text
69 lines
No EOL
2 KiB
Text
<footer class="site-foot">
|
|
<div class="wrapper">
|
|
<div class="site-foot__inner">
|
|
<nav class="site-foot__inner text-step-0" aria-label="{{ meta.navigation.ariaBottom }}">
|
|
© {% year %} <a href="/"{% if page.url == "/" %} aria-current="page"{% endif %}>{{ meta.siteName }} <small>{{ pkg.version }}</small> </a>
|
|
|
|
{% for item in navigation.bottom %}
|
|
<a
|
|
href="{{ item.url }}"
|
|
{{
|
|
helpers.getLinkActiveState(item.url,
|
|
page.url)
|
|
|
|
|
safe
|
|
}}
|
|
>{{ item.text }}</a
|
|
>
|
|
{% endfor %}
|
|
</nav>
|
|
|
|
<nav class="site-foot__inner" aria-label="{{ meta.navigation.ariaPlatforms }}">
|
|
|
|
<!-- gets the first item from the feed loop set in meta -->
|
|
<a href="{{ meta.blog.feedLinks[0].url }}" rel="alternate" type="{{ meta.blog.feedLinks[0].type }}">
|
|
<span class="visually-hidden">{{ meta.blog.feedLinks[0].title }}</span>
|
|
<div aria-hidden="true">{% include 'svg/rss.svg' %}</div>
|
|
</a>
|
|
|
|
{% for key, value in personal.platforms %}
|
|
{% if value != "" %}
|
|
<!-- regular platforms -->
|
|
<a href="{{ value }}" rel="me">
|
|
<span class="visually-hidden">{{ key | capitalize }}</span>
|
|
<div aria-hidden="true">{% include 'svg/platform-' + key + '.svg' %}</div>
|
|
</a>
|
|
{% endif %}
|
|
|
|
|
|
{% endfor %}
|
|
</nav>
|
|
</div>
|
|
|
|
<div
|
|
role="region"
|
|
class="theme-switch | cluster mt-xs"
|
|
style="--cluster-horizontal-alignment: center; --gutter: 0.5rem;"
|
|
aria-labelledby="theme-switcher-label theme-switcher-value"
|
|
data-theme-switcher
|
|
hidden
|
|
>
|
|
|
|
<h2 id="theme-switcher-label">{{ meta.themeSwitch.title }}</h2>
|
|
<button
|
|
class="button"
|
|
theme-toggle
|
|
>
|
|
<span id="theme-switcher-value">{{ meta.themeSwitch.initial }}</span>
|
|
</button>
|
|
|
|
</div>
|
|
<div class="text-center mt-m-l">
|
|
<a class="creator text-step-min-1" href="{{ meta.creator.website }}"
|
|
>Made with <span>{% include 'svg/heart.svg' %}</span>
|
|
by {{ meta.creator.name }}</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
</footer> |