cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: light/dark theme toggle

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-12 10:32:39 -08:00
parent 979cabd6e9
commit bb0068a4e9
No known key found for this signature in database
8 changed files with 80 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/partials/nav/link.liquid
View file

@ -1,6 +1,6 @@
{%- capture pageUrl %}/{{ link | downcase }}/{% endcapture -%}
{% if pageUrl contains page.fileSlug and page.fileSlug %}
<span class="active" aria-current="page">
<span class="active {{ class }}" aria-current="page">
{% if icon %}
{% tablericon icon link %}
{% else %}
@ -9,7 +9,7 @@
</span>
{% else %}
{% if icon %}
<a class="{{ icon | downcase }}" href="/{{ link | downcase }}">
<a class="{{ icon | downcase }} {{ class }}" href="/{{ link | downcase }}">
{% tablericon icon link %}
</a>
{% else %}

3
src/_includes/partials/nav/menu.liquid
View file

@ -2,8 +2,9 @@
<ul class="flex--centered">
{% for link in nav.menu %}
<li>
{% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon %}
{% render "partials/nav/link.liquid", page: page, link: link.name, icon: link.icon, class: link.class %}
</li>
{% endfor %}
{% render "partials/nav/theme.liquid" %}
</ul>
</nav>

8
src/_includes/partials/nav/theme.liquid Normal file
View file

@ -0,0 +1,8 @@
<li class="theme__toggle client-side">
<span class="light">
{% tablericon "sun" "Toggle light theme" %}
</span>
<span class="dark">
{% tablericon "moon" "Toggle dark theme" %}
</span>
</li>