Add project.ieeebruins.com (docs) link to navbar (#97)

* Add project.ieeebruins.com (docs) link to navbar * Add docs link and fix About position in mobile navbar
UCLA-IEEE · Jan 1, 2024 · 84329ba · 84329ba
1 parent da7c1aa
commit 84329ba
Showing 1 changed file with 29 additions and 8 deletions.
diff --git a/views/includes/navbar.html b/views/includes/navbar.html
@@ -10,32 +10,53 @@
   </div>
   <ul class="nav-list">
     <div class="dropdown">
-      <li><a href="/about">About</a></li>
+      <li><a href="/projects">Projects</a></li>
       <div class="dropdown-content">
-        <li><a href="/officers">Officers</a></li>
-        <li><a href="/sponsors">Sponsors</a></li>
+        <li>
+          <a href="https://projects.ieeebruins.com" target="_blank"
+            >Docs <i class="fa fa-external-link"></i
+          ></a>
+        </li>
       </div>
     </div>
-    <li><a href="/projects">Projects</a></li>
     <li><a href="/workshops">Workshops</a></li>
     <li><a href="/outreach">Outreach</a></li>
     <li><a href="/lab">Lab</a></li>
+    <div class="dropdown">
+      <li><a href="/about">About</a></li>
+      <div class="dropdown-content">
+        <li><a href="/officers">Officers</a></li>
+        <li><a href="/sponsors">Sponsors</a></li>
+      </div>
+    </div>
   </ul>
 </div>
 <ul class="mobile-nav-list">
   <div class="responsive-dropdown">
     <li>
-      <a href="/about">About</a>
+      <a href="/projects">Projects</a>
       <span class="glyphicon glyphicon-chevron-down dropdown-arrow"></span>
     </li>
     <div class="responsive-dropdown-content">
-      <li><a href="/officers">Officers</a></li>
-      <li><a href="/sponsors">Sponsors</a></li>
+      <li>
+        <a href="https://projects.ieeebruins.com" target="_blank"
+          >Docs <i class="fa fa-external-link"></i
+        ></a>
+      </li>
     </div>
   </div>
-  <li><a href="/projects">Projects</a></li>
   <li><a href="/workshops">Workshops</a></li>
   <li><a href="/outreach">Outreach</a></li>
   <li><a href="/lab">Lab</a></li>
+  <div class="responsive-dropdown">
+    <li>
+      <a href="/about">About</a>
+      <span class="glyphicon glyphicon-chevron-down dropdown-arrow"></span>
+    </li>
+    <div class="responsive-dropdown-content">
+      <li><a href="/officers">Officers</a></li>
+      <li><a href="/sponsors">Sponsors</a></li>
+    </div>
+  </div>
 </ul>
 <script src="../../public/js/navbar.js?v=2023.12"></script>