Update navigation header

Author: ubruhin

supplemental-ui/css/website-style.css

@@ -636,19 +636,19 @@
     color: #dfdfdf;
 }
 
-.navbar .icon-youtube:hover {
-    color: #ff0000;
+.bootstrap .navbar .icon:hover {
+    color: #ffffff;
 }
 
-.navbar .icon-patreon:hover {
-    color: #ff404c;
+.bootstrap .navbar .icon-youtube:hover {
+    color: #ff0000;
 }
 
-.navbar .icon-twitter:hover {
-    color: white;
+.bootstrap .navbar .icon-patreon:hover {
+    color: #ff404c;
 }
 
-.navbar .icon-mastodon:hover {
+.bootstrap .navbar .icon-mastodon:hover {
     color: #6364ff;
 }
 

supplemental-ui/partials/header-content.hbs

@@ -57,6 +57,13 @@
                 </a>
               </li>
 
+              <li>
+                <a class="dropdown-item"
+                    href="{{siteRootPath}}/features/output-jobs/">
+                  Output Jobs
+                </a>
+              </li>
+
               <li>
                 <a class="dropdown-item"
                     href="{{siteRootPath}}/features/fabrication-service/">
@@ -166,6 +173,31 @@
               Sponsors
             </a>
 
+            <ul class="dropdown-menu dropdown-menu-dark">
+
+              <li>
+                <a class="dropdown-item"
+                    href="{{siteRootPath}}/sponsors/">
+                  Sponsors
+                </a>
+              </li>
+
+              <li>
+                <a class="dropdown-item"
+                    href="{{siteRootPath}}/partners/">
+                  Partners
+                </a>
+              </li>
+
+              <li>
+                <a class="dropdown-item"
+                    href="{{siteRootPath}}/become-a-sponsor/">
+                  Become a Sponsor
+                </a>
+              </li>
+
+            </ul>
+
           </li>
 
           <li class="nav-item">
@@ -264,10 +296,10 @@
             </a>
           </li>
           <li class="nav-item">
-            <a href="https://twitter.com/librepcb" title="X"
-                class="nav-link icon icon-twitter">
-              <i class="fa-brands fa-x-twitter fa-xl"></i>
-              <span class="d-lg-none ms-1">Twitter</span>
+            <a href="https://matrix.to/#/#librepcb:matrix.org" title="Matrix"
+                class="nav-link icon icon-matrix">
+              <i class="fa-solid fa-comments fa-xl"></i>
+              <span class="d-lg-none ms-1">Matrix</span>
             </a>
           </li>
           <li class="nav-item">