From 19243787de05ca79f44f3b2ed4cfe689ebe4023a Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 2 May 2019 21:39:12 +0100
Subject: [PATCH] Change text colour for active item

---
 app/config/sculpin_site.yml       | 15 +++++++++------
 source/_includes/banner.html.twig |  5 ++++-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/config/sculpin_site.yml b/app/config/sculpin_site.yml
index db2113a..918ad6e 100644
--- a/app/config/sculpin_site.yml
+++ b/app/config/sculpin_site.yml
@@ -7,11 +7,14 @@ papercall:
     url: https://www.papercall.io/drupalcamp-bristol-2019
 
 main_menu:
-  - title: Tickets
-    url: '%eventbrite.url%'
+    - title: Tickets
+      url: '%eventbrite.url%'
+      pattern: ~
 
-  - title: Submit a session
-    url: '%papercall.url%'
+    - title: Submit a session
+      url: '%papercall.url%'
+      pattern: ~
 
-  - title: Sponsor us
-    url: /sponsor-us
+    - title: Sponsor us
+      url: /sponsor-us
+      pattern: /^\/sponsor-us\/?/
diff --git a/source/_includes/banner.html.twig b/source/_includes/banner.html.twig
index b551b89..d339930 100644
--- a/source/_includes/banner.html.twig
+++ b/source/_includes/banner.html.twig
@@ -11,7 +11,10 @@
             <ul class="tw-list-reset tw-flex tw-flex-wrap tw-justify-center tw--ml-8">
                 {% for item in site.main_menu %}
                     <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8">
-                        <a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="{{ item.url }}">
+                        <a
+                            class="tw-uppercase tw-no-underline hocus:tw-text-green-600 {{ item.pattern and page.url matches item.pattern ? 'tw-text-green-600' : 'tw-text-black' }}"
+                            href="{{ item.url }}"
+                        >
                             {{ item.title }}
                         </a>
                     </li>