Fix: menu drop down colors in hamburger mode and adjust break width to be 1024 (lg vs medium in our style vars)

README.md

@@ -15,12 +15,9 @@ Please explore [the site](https://pyopensci.org). If you find a typo, bug or iss
 
 ## Next Steps
 
-If you are interested in contributing to pyOpenSci, start with
-[**CONTRIBUTING.md**](./CONTRIBUTING.md) — local setup, website development,
-and how to add a multi-page **documentation book** (`layout: docs`) on the Hugo
-site.
+If you are interested in contributing to pyOpenSci, check out our [**CONTRIBUTING guide**](./CONTRIBUTING.md) for an overview of the types of contributions that we welcome. and our DEVELOPMENT.md for instructions on how to set up the website locally and make changes.
 
-For organization-wide norms, see
+For organization-wide guidelines, see
 [**pyOpenSci's organization-wide contributing guide**](https://www.pyopensci.org/handbook/CONTRIBUTING.html).
 
 ## Installation and development
@@ -48,7 +45,7 @@ root (`content/`, `data/`, `themes/clean-hugo/`).
    hugo server --disableFastRender
    ```
 
-   Use `--disableFastRender` while editing layouts or CSS so changes rebuild reliably.
+   Use `--disableFastRender` while editing layouts or CSS so changes rebuild in real time as you work on the site locally.
 
 4. Open [http://localhost:1313/](http://localhost:1313/) in your browser.
 

content/_index.md

@@ -75,9 +75,9 @@ current_project:
   quote: |
     Gen AI reminds us that the centerpiece of open source is building community around a specific problem. AI may add functionality — but it cannot replace the context and judgment of a diverse and engaged community."
   cite: Eliot Robson, pyOpenSci Peer Review Lead
-  #cta_prompt: Interested in contributing to this research?
-  button_label: Get involved
-  # button_url: "/your-destination-path/"  # uncomment when the CTA link is ready
+  cta_prompt: Interested in contributing to this research?
+  button_label: Sign Up to Get involved
+  button_url: "https://forms.gle/yTNXwQWQC4dLvErB7"
 upcoming_events:
   title: Where you can find us
   limit: 3

hugo.toml

@@ -253,8 +253,6 @@ buildFuture = true
   url = '/our-community/'
   parent = 'Community'
   weight = 1
-  [menu.main.params]
-    icon = 'fa-brands fa-discourse'
 
 [[menu.main]]
   name = 'Handbook'

themes/clean-hugo/assets/css/_navigation.scss

@@ -1,4 +1,3 @@
-/* Site navigation — dark purple banner with light text */
 .site-nav {
   position: relative;
   background-color: var(--color-brand-purple);
@@ -49,7 +48,7 @@
   height: clamp(2.75rem, 5vw, 3.25rem);
   object-fit: contain;
 
-  @media (min-width: $breakpoint-md) {
+  @media (min-width: $breakpoint-lg) {
     height: clamp(3rem, 4.5vw, 3.75rem);
   }
 }
@@ -105,7 +104,7 @@
   }
 }
 
-@media (min-width: $breakpoint-md) {
+@media (min-width: $breakpoint-lg) {
   .site-nav__toggle {
     display: none;
   }
@@ -147,7 +146,7 @@
   }
 }
 
-@media (min-width: $breakpoint-md) {
+@media (min-width: $breakpoint-lg) {
   .site-nav__menu {
     display: flex;
     position: relative;
@@ -183,7 +182,7 @@
   }
 }
 
-@media (min-width: $breakpoint-md) {
+@media (min-width: $breakpoint-lg) {
   .site-nav__link {
     display: inline-block;
   }
@@ -215,7 +214,7 @@
 }
 
 /* Desktop hover behavior */
-@media (min-width: $breakpoint-md) {
+@media (min-width: $breakpoint-lg) {
   .site-nav__dropdown:hover,
   .site-nav__dropdown:focus-within {
     .site-nav__link--dropdown i {
@@ -234,7 +233,11 @@
   padding-top: 0.5rem;
   list-style: none;
   padding-right: 0;
-  margin: 0;
+  margin: 0.25rem 1rem 0.5rem;
+  background-color: var(--color-white);
+  border: 1px solid var(--color-gray-200);
+  border-radius: $radius-md;
+  padding-block: 0.5rem;
 
   &.site-nav__dropdown-menu--open {
     display: block;
@@ -245,12 +248,13 @@
   }
 }
 
-@media (min-width: $breakpoint-md) {
+@media (min-width: $breakpoint-lg) {
   .site-nav__dropdown-menu {
     position: absolute;
     top: calc(100% + 0.5rem);
     left: 0;
-    background-color: white;
+    margin: 0;
+    background-color: var(--color-white);
     border: 1px solid var(--color-gray-200);
     border-radius: 0.5rem;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
@@ -270,7 +274,7 @@
   }
 }
 
-.site-nav__dropdown-link {
+a.site-nav__dropdown-link {
   padding: 0.75rem 1rem;
   font-size: 1rem;
   font-weight: 500;
@@ -296,8 +300,8 @@
 }
 
 /* On mobile, make dropdown links indent slightly for hierarchy */
-@media (max-width: 767px) {
-  .site-nav__dropdown-link {
+@media (max-width: ($breakpoint-lg - 0.02px)) {
+  a.site-nav__dropdown-link {
     padding-left: 2rem;
   }
 }

themes/clean-hugo/static/js/navigation.js

@@ -29,7 +29,7 @@
     if (dropdownToggle && dropdownMenu) {
       dropdownToggle.addEventListener('click', function(e) {
         // On mobile, toggle dropdown
-        if (window.innerWidth < 768) {
+        if (window.innerWidth < 1024) {
           e.preventDefault();
           const isOpen = dropdownMenu.classList.contains('site-nav__dropdown-menu--open');
           // Toggle menu visibility