Fixes #580 Link to our Bonfire Merch store (#581)

* add store link under the donate section * add store link in secondHeader * refactor: remove extra li tag
sugarlabs · Dec 12, 2024 · 565086d · 565086d
1 parent f6ad419
commit 565086d
Showing 1 changed file with 36 additions and 4 deletions.
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -71,8 +71,22 @@
                   >Volunteer</a
                 >
               </li>
-              <li class="nav-item">
-                <a class="nav-link" href="{{ site.baseurl }}/donate">Donate</a>
+              <li class="nav-item dropdown align-self-center">
+                <a
+                  href="{{ site.baseurl }}/#"
+                  class="dropdown-toggle"
+                  data-toggle="dropdown"
+                  role="button"
+                  aria-haspopup="true"
+                  aria-expanded="false"
+                  >Donate<span class="caret"></span
+                ></a>
+                <div class="dropdown-menu">
+                <a class="dropdown-item" href="{{ site.baseurl }}/donate"
+                  >Donate</a>
+                <a class="dropdown-item" href="https://www.bonfire.com/store/sugar-labs-merch/"
+                  >Store</a>
+                </div>
               </li>
             </ul>
           </div>
@@ -169,8 +183,26 @@
             >Volunteer</a
           >
         </li>
-        <li class="nav-item">
-          <a class="nav-link" href="{{ site.baseurl }}/donate">Donate</a>
+        <li class="nav-item dropdown">
+          <a
+            class="nav-link dropdown-toggle"
+            href="{{ site.baseurl }}/#"
+            id="navbarDropdown"
+            role="button"
+            data-toggle="dropdown"
+            aria-haspopup="true"
+            aria-expanded="false"
+          >
+            Donate
+          </a>
+          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+            <a class="dropdown-item" href="{{ site.baseurl }}/donate"
+              >Donate</a
+            >
+            <a class="dropdown-item" href="https://www.bonfire.com/store/sugar-labs-merch/"
+              >Store</a
+            >
+          </div>
         </li>
       </ul>
     </div>