chore: dry up nav + icon links
This commit is contained in:
parent
9ddd1459d3
commit
314367c1b1
21 changed files with 62 additions and 116 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
7
src/_includes/partials/linked-icon.liquid
Normal file
7
src/_includes/partials/linked-icon.liquid
Normal file
|
@ -0,0 +1,7 @@
|
|||
<a
|
||||
class="link--icon icon--24"
|
||||
href="{{ link }}"
|
||||
rel="me"
|
||||
title="{{ name }}">
|
||||
{% tablericon icon name %}
|
||||
</a>
|
|
@ -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>
|
Reference in a new issue