chore: dry up nav + icon links

This commit is contained in:
Cory Dransfeldt 2023-08-13 19:51:28 -07:00
parent 9ddd1459d3
commit 314367c1b1
No known key found for this signature in database
21 changed files with 62 additions and 116 deletions

View file

@ -1,17 +1,13 @@
<footer>
<div class="mt-8 pt-8 pb-4 flex gap-2 md:gap-3 justify-center w-full">
{% render "icons/email.liquid" %}
{% render "icons/github.liquid" %}
{% render "icons/mastodon.liquid" %}
{% render "icons/lastfm.liquid" %}
{% render "icons/spotify.liquid" %}
{% render "icons/letterboxd.liquid" %}
{% render "icons/trakt.liquid" %}
{% render "icons/goodreads.liquid" %}
{% render "icons/coffee.liquid" %}
{% for link in nav.social %}
{% render "partials/linked-icon.liquid", name: link.name, link: link.url, icon: link.icon %}
{% endfor %}
</div>
<div class="text-sm text-gray-500 dark:text-gray-100 pb-8 text-center">
{% render "partials/nav/link.liquid", page: page, link: "Uses" %} •
{% render "partials/nav/link.liquid", page: page, link: "Referrals" %}
<div class="flex justify-center text-sm text-gray-500 dark:text-gray-100 pb-8 text-center">
{% for link in nav.footer %}
{% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon %}
{% if not forloop.last %}<span class="mx-1">•</span>{% endif %}
{% endfor %}
</div>
</footer>

View file

@ -2,5 +2,5 @@
<h1 class="text-2xl md:text-3xl font-black leading-tight pb-5 md:pb-0">
<a class="text-gray-700 dark:text-gray-200" href="/">{{ site.title }}</a>
</h1>
{% render "partials/nav/menu.liquid", page: page %}
{% render "partials/nav/menu.liquid", page: page, nav: nav %}
</div>

View file

@ -0,0 +1,7 @@
<a
class="link--icon icon--24"
href="{{ link }}"
rel="me"
title="{{ name }}">
{% tablericon icon name %}
</a>

View file

@ -1,22 +1,9 @@
<nav>
<ul class="flex">
<li class="mr-6">
{% render "partials/nav/link.liquid", page: page, link: "Now" %}
</li>
<li class="mr-6">
{% render "partials/nav/link.liquid", page: page, link: "About" %}
</li>
<li class="mr-6">
{% render "partials/nav/link.liquid", page: page, link: "Tags", icon: "tag" %}
</li>
<li class="mr-6 client-side">
{% render "partials/nav/link.liquid", page: page, link: "Search", icon: "search" %}
</li>
<li class="mr-6">
{% render "partials/nav/link.liquid", page: page, link: "Feeds", icon: "rss" %}
</li>
<li>
{% render "partials/nav/link.liquid", page: page, link: "Webrings", icon: "heart-handshake" %}
</li>
{% for link in nav.menu %}
<li class="mr-6">
{% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon %}
</li>
{% endfor %}
</ul>
</nav>