From e135250c43cf972be80fea10a98f83b0a48b7d22 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Tue, 14 Mar 2023 10:11:27 -0700
Subject: [PATCH] fix active state

---
 src/_includes/footer.liquid | 2 +-
 src/_includes/nav.liquid    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/_includes/footer.liquid b/src/_includes/footer.liquid
index 164e39b9..ad4be6e6 100644
--- a/src/_includes/footer.liquid
+++ b/src/_includes/footer.liquid
@@ -10,5 +10,5 @@
         {% include "icons/trakt.liquid" %}
         {% include "icons/oku.liquid" %}
     </div>
-    <p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/uses/' %} active{% endif %}" href="/uses">Uses</a> • <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/referrals/' %} active{% endif %}" href="/referrals">Referrals</a> • Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p>
+    <p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/uses' %} active{% endif %}" href="/uses">Uses</a> • <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/referrals' %} active{% endif %}" href="/referrals">Referrals</a> • Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p>
 </footer>
diff --git a/src/_includes/nav.liquid b/src/_includes/nav.liquid
index 03f57cfd..a9a2e60a 100644
--- a/src/_includes/nav.liquid
+++ b/src/_includes/nav.liquid
@@ -1,7 +1,7 @@
 <nav>
   <ul class="flex">
-    <li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/now/' %} active{% endif %}" href="/now">/now</a></li>
-    <li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/about/' %} active{% endif %}" href="/about">About</a></li>
+    <li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/now' %} active{% endif %}" href="/now">/now</a></li>
+    <li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url contains '/about' %} active{% endif %}" href="/about">About</a></li>
     <li class="mr-6">
         {% include "icons/coffee.liquid" %}
     </li>