From a0ab9640466c5ed90796c99410d65dda320e0bfd Mon Sep 17 00:00:00 2001
From: Jay Miller <kjaymiller@gmail.com>
Date: Sun, 18 Jan 2026 19:38:59 -0500
Subject: [PATCH 1/6] Combine Discounts and Support Us into Support dropdown

---
 _layouts/_includes/header.html | 15 ++++++++++++++-
 app.py                         | 18 ++++++++++++++----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/_layouts/_includes/header.html b/_layouts/_includes/header.html
index d6ec876..e7525f9 100644
--- a/_layouts/_includes/header.html
+++ b/_layouts/_includes/header.html
@@ -6,9 +6,22 @@ <h1 class="site-title">
   <nav class="site-navigation" aria-label="Main navigation" style="padding-right: 2em">
     <div class="site-navigation-wrap">
       <ul class="menu" role="menu">
-        {% for item in navigation %} {% set current = nil %} {% set nav_lang = nil %} {% if url == item.url %} {% set current = 'nav-current' %} {% endif %} {% if lang != 'en' %} {% set nav_lang = lang %} {% endif %}
+        {% for item in navigation %} {% set current = nil %} {% set nav_lang = nil %} {% if item.url and url == item.url %} {% set current = 'nav-current' %} {% endif %} {% if lang != 'en' %} {% set nav_lang = lang %} {% endif %}
         <li class="menu-item {{ current }}" role="menuitem">
+          {% if item.subitems %}
+            <details role="list">
+              <summary aria-haspopup="listbox">
+                <i class="{{ item.fa }}" aria-hidden="true"></i>&nbsp;{{ item.text }}
+              </summary>
+              <ul role="listbox">
+                {% for sub in item.subitems %}
+                  <li><a href="{{ nav_lang }}{{ sub.url }}"><i class="{{ sub.fa }}" aria-hidden="true"></i>&nbsp;{{ sub.text }}</a></li>
+                {% endfor %}
+              </ul>
+            </details>
+          {% else %}
           <a class="{{ current }}" href="{{ nav_lang }}{{ item.url }}"> <i class="{{ item.fa }}" aria-hidden="true"></i>&nbsp;{{ item.text }} </a>
+          {% endif %}
         </li>
         {% endfor %} {% if locales | length > 1 %}
         <li class="menu-item" role="menuitem">
diff --git a/app.py b/app.py
index 1fbc05d..3abe2cf 100644
--- a/app.py
+++ b/app.py
@@ -16,11 +16,21 @@
         "fa": "fa fa-handshake fa-fw",
     },
     {"text": "Community", "url": "/community.html", "fa": "fa fa-users fa-fw"},
-    {"text": "Discounts", "url": "/partnerships.html", "fa": "fa-regular fa-handshake"},
     {
-        "text": "Support Us",
-        "url": "/support.html",
-        "fa": "fa-solid fa-money-check-dollar",
+        "text": "Support",
+        "fa": "fa-solid fa-hand-holding-heart",
+        "subitems": [
+            {
+                "text": "Donate",
+                "url": "/support.html",
+                "fa": "fa-solid fa-money-check-dollar",
+            },
+            {
+                "text": "Discounts",
+                "url": "/partnerships.html",
+                "fa": "fa-regular fa-handshake",
+            },
+        ],
     },
 ]
 

From 61db4a78472bee2696fd6e5ce9cfae81ddc7b3ad Mon Sep 17 00:00:00 2001
From: Jay Miller <kjaymiller@gmail.com>
Date: Sun, 18 Jan 2026 19:59:57 -0500
Subject: [PATCH 2/6] Fix navigation dropdown styling

---
 assets/css/bpd.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index 2c1bd75..92be071 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -586,3 +586,66 @@ ul.speaking-list {
     cursor: not-allowed;
   }
 }
+
+/* Navigation Dropdowns */
+.menu-item details {
+  position: relative;
+  display: inline-block;
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+.menu-item details summary {
+  cursor: pointer;
+  list-style: none;
+  margin-bottom: 0;
+  padding: 5px 0;
+}
+
+.menu-item details summary::-webkit-details-marker {
+  display: none;
+}
+
+/* Remove the default arrow from Pico or browser */
+.menu-item details summary::after {
+  display: none; 
+}
+
+.menu-item details[open] > summary {
+  margin-bottom: 0;
+}
+
+.menu-item details ul {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  min-width: 200px;
+  background-color: #222;
+  border: 1px solid #d7d7d7;
+  padding: 0.5rem 0;
+  margin: 0;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+}
+
+.menu-item details ul li {
+  display: block;
+  margin: 0;
+  width: 100%;
+}
+
+.menu-item details ul li a {
+  display: block;
+  padding: 8px 15px;
+  width: 100%;
+  color: #868e96;
+  text-decoration: none;
+}
+
+.menu-item details ul li a:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+  color: #3588ff;
+}

From efea24090aba6fa96c6b0ffb9bb37b2d723dfd5e Mon Sep 17 00:00:00 2001
From: Jay Miller <kjaymiller@gmail.com>
Date: Sun, 18 Jan 2026 20:06:13 -0500
Subject: [PATCH 3/6] Use specific classes for dropdowns and force column
 layout

---
 _layouts/_includes/header.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/_layouts/_includes/header.html b/_layouts/_includes/header.html
index e7525f9..cb7601e 100644
--- a/_layouts/_includes/header.html
+++ b/_layouts/_includes/header.html
@@ -9,13 +9,13 @@ <h1 class="site-title">
         {% for item in navigation %} {% set current = nil %} {% set nav_lang = nil %} {% if item.url and url == item.url %} {% set current = 'nav-current' %} {% endif %} {% if lang != 'en' %} {% set nav_lang = lang %} {% endif %}
         <li class="menu-item {{ current }}" role="menuitem">
           {% if item.subitems %}
-            <details role="list">
+            <details role="list" class="dropdown">
               <summary aria-haspopup="listbox">
                 <i class="{{ item.fa }}" aria-hidden="true"></i>&nbsp;{{ item.text }}
               </summary>
-              <ul role="listbox">
+              <ul role="listbox" class="dropdown-menu">
                 {% for sub in item.subitems %}
-                  <li><a href="{{ nav_lang }}{{ sub.url }}"><i class="{{ sub.fa }}" aria-hidden="true"></i>&nbsp;{{ sub.text }}</a></li>
+                  <li class="dropdown-item"><a href="{{ nav_lang }}{{ sub.url }}"><i class="{{ sub.fa }}" aria-hidden="true"></i>&nbsp;{{ sub.text }}</a></li>
                 {% endfor %}
               </ul>
             </details>

From b3a85b97e13b4cd8759ee84ec9addc39a5ebbdaa Mon Sep 17 00:00:00 2001
From: Jay Miller <kjaymiller@gmail.com>
Date: Sun, 18 Jan 2026 20:16:37 -0500
Subject: [PATCH 4/6] Fix dropdown alignment and styling to match nav links

---
 assets/css/bpd.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index 92be071..e00a77f 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -594,6 +594,9 @@ ul.speaking-list {
   padding: 0;
   margin: 0;
   border: none;
+  background: transparent !important;
+  box-shadow: none !important;
+  width: auto;
 }
 
 .menu-item details summary {
@@ -601,6 +604,18 @@ ul.speaking-list {
   list-style: none;
   margin-bottom: 0;
   padding: 5px 0;
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  color: #868e96;
+  font-weight: 700;
+  font-size: 0.88889rem;
+}
+
+.menu-item details summary:hover,
+.menu-item details[open] summary {
+  color: #3588ff;
+  background: transparent !important;
 }
 
 .menu-item details summary::-webkit-details-marker {
@@ -619,7 +634,8 @@ ul.speaking-list {
 .menu-item details ul {
   position: absolute;
   top: 100%;
-  left: 0;
+  right: 0;
+  left: auto;
   min-width: 200px;
   background-color: #222;
   border: 1px solid #d7d7d7;
@@ -627,7 +643,7 @@ ul.speaking-list {
   margin: 0;
   z-index: 1000;
   display: flex;
-  flex-direction: column;
+  flex-direction: column !important;
   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
 }
 

From 37ea58eefd9ff7206381f0ecf056d301a73e999b Mon Sep 17 00:00:00 2001
From: Jay Miller <kjaymiller@gmail.com>
Date: Sun, 18 Jan 2026 20:23:09 -0500
Subject: [PATCH 5/6] Remove semantic roles triggering Pico styles and refine
 dropdown CSS

---
 _layouts/_includes/header.html |  8 ++++----
 assets/css/bpd.css             | 35 ++++++++++++++++++++--------------
 2 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/_layouts/_includes/header.html b/_layouts/_includes/header.html
index cb7601e..e153df0 100644
--- a/_layouts/_includes/header.html
+++ b/_layouts/_includes/header.html
@@ -7,13 +7,13 @@ <h1 class="site-title">
     <div class="site-navigation-wrap">
       <ul class="menu" role="menu">
         {% for item in navigation %} {% set current = nil %} {% set nav_lang = nil %} {% if item.url and url == item.url %} {% set current = 'nav-current' %} {% endif %} {% if lang != 'en' %} {% set nav_lang = lang %} {% endif %}
-        <li class="menu-item {{ current }}" role="menuitem">
+          <li class="menu-item {{ current }}" role="menuitem">
           {% if item.subitems %}
-            <details role="list" class="dropdown">
-              <summary aria-haspopup="listbox">
+            <details class="dropdown">
+              <summary>
                 <i class="{{ item.fa }}" aria-hidden="true"></i>&nbsp;{{ item.text }}
               </summary>
-              <ul role="listbox" class="dropdown-menu">
+              <ul class="dropdown-menu">
                 {% for sub in item.subitems %}
                   <li class="dropdown-item"><a href="{{ nav_lang }}{{ sub.url }}"><i class="{{ sub.fa }}" aria-hidden="true"></i>&nbsp;{{ sub.text }}</a></li>
                 {% endfor %}
diff --git a/assets/css/bpd.css b/assets/css/bpd.css
index e00a77f..834ec35 100644
--- a/assets/css/bpd.css
+++ b/assets/css/bpd.css
@@ -588,7 +588,7 @@ ul.speaking-list {
 }
 
 /* Navigation Dropdowns */
-.menu-item details {
+.menu-item details.dropdown {
   position: relative;
   display: inline-block;
   padding: 0;
@@ -599,7 +599,7 @@ ul.speaking-list {
   width: auto;
 }
 
-.menu-item details summary {
+.menu-item details.dropdown summary {
   cursor: pointer;
   list-style: none;
   margin-bottom: 0;
@@ -610,58 +610,65 @@ ul.speaking-list {
   color: #868e96;
   font-weight: 700;
   font-size: 0.88889rem;
+  font-family: inherit;
+  outline: none;
 }
 
-.menu-item details summary:hover,
-.menu-item details[open] summary {
+.menu-item details.dropdown summary:hover,
+.menu-item details.dropdown[open] summary {
   color: #3588ff;
   background: transparent !important;
 }
 
-.menu-item details summary::-webkit-details-marker {
+.menu-item details.dropdown summary::-webkit-details-marker {
   display: none;
 }
 
 /* Remove the default arrow from Pico or browser */
-.menu-item details summary::after {
+.menu-item details.dropdown summary::after {
   display: none; 
 }
 
-.menu-item details[open] > summary {
+.menu-item details.dropdown[open] > summary {
   margin-bottom: 0;
 }
 
-.menu-item details ul {
+.menu-item details.dropdown ul.dropdown-menu {
   position: absolute;
   top: 100%;
   right: 0;
-  left: auto;
+  left: auto; /* Ensure it doesn't align left */
   min-width: 200px;
   background-color: #222;
   border: 1px solid #d7d7d7;
   padding: 0.5rem 0;
   margin: 0;
   z-index: 1000;
-  display: flex;
+  display: flex !important;
   flex-direction: column !important;
   box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+  text-align: left; /* Keep text inside aligned left */
 }
 
-.menu-item details ul li {
-  display: block;
+.menu-item details.dropdown ul.dropdown-menu li.dropdown-item {
+  display: block !important;
   margin: 0;
   width: 100%;
+  border: none;
+  padding: 0;
 }
 
-.menu-item details ul li a {
+.menu-item details.dropdown ul.dropdown-menu li.dropdown-item a {
   display: block;
   padding: 8px 15px;
   width: 100%;
   color: #868e96;
   text-decoration: none;
+  font-size: 0.88889rem;
+  font-weight: normal;
 }
 
-.menu-item details ul li a:hover {
+.menu-item details.dropdown ul.dropdown-menu li.dropdown-item a:hover {
   background-color: rgba(255, 255, 255, 0.1);
   color: #3588ff;
 }

From 4531677e83a67498438df2adc9d01a837acf1cc7 Mon Sep 17 00:00:00 2001
From: Jay Miller <kjaymiller@gmail.com>
Date: Sun, 18 Jan 2026 20:26:39 -0500
Subject: [PATCH 6/6] Merge Discounts and Donate into single Support Us menu
 option

---
 app.py     | 15 ++-------------
 support.md |  2 ++
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/app.py b/app.py
index 3abe2cf..f2ba8cc 100644
--- a/app.py
+++ b/app.py
@@ -17,20 +17,9 @@
     },
     {"text": "Community", "url": "/community.html", "fa": "fa fa-users fa-fw"},
     {
-        "text": "Support",
+        "text": "Support Us",
+        "url": "/support.html",
         "fa": "fa-solid fa-hand-holding-heart",
-        "subitems": [
-            {
-                "text": "Donate",
-                "url": "/support.html",
-                "fa": "fa-solid fa-money-check-dollar",
-            },
-            {
-                "text": "Discounts",
-                "url": "/partnerships.html",
-                "fa": "fa-regular fa-handshake",
-            },
-        ],
     },
 ]
 
diff --git a/support.md b/support.md
index fccb9fd..38d4260 100644
--- a/support.md
+++ b/support.md
@@ -6,3 +6,5 @@ title: Support
 # Support Black Python Devs
 
 Black Python Devs is a Non-Profit, fiscally hosted under the [GNOME Foundation](https://foundation.gnome.org/). The GNOME Foundation takes a small percentage for administration costs and support but at least 90% of proceeds goes directly to Black Python Devs Fund to support operational costs and supporting community events in the communities of Black Python Devs.
+
+Looking for member discounts? View our [Partnerships](/partnerships.html) page.