changes to header

Author: jayachristina

.devcontainer/Dockerfile

@@ -3,7 +3,7 @@ FROM registry.access.redhat.com/ubi8/nodejs-12 as podmandevcontainer
 
 USER root
 
-RUN dnf update -y && npm i -g @antora/cli@2.3 @antora/site-generator-default@2.3 \
+RUN dnf update -y && npm i -g @antora/cli@3.0 @antora/site-generator-default@3.0 \
     && dnf update -y \
     && npm rm --global npx && npm install --global npx && npm install --global gulp \
     && dnf clean all && rm -r /var/cache/dnf
@@ -17,8 +17,8 @@ RUN wget https://github.com/wercker/stern/releases/download/1.11.0/stern_linux_a
 RUN curl -L https://mirror.openshift.com/pub/openshift-v4/clients/ocp/latest/openshift-client-linux.tar.gz | \
     tar -xvzf - -C /usr/local/bin/ oc && chmod 755 /usr/local/bin/oc && ln -s /usr/local/bin/oc /usr/local/bin/kubectl
 
-# If running (rootless) podman, keep the root user so that outside the container it will match 
+# If running (rootless) podman, keep the root user so that outside the container it will match
 # the host user.  Otherwise run as default user
 FROM podmandevcontainer AS devcontainer
 RUN chown -R default $HOME
-USER default
+USER default

src/partials/header-content.hbs

@@ -1,40 +1,35 @@
 <header class="header">
   <nav class="navbar">
     <div class="navbar-brand">
-      <a class="navbar-item" href="https://redhat.com" target="_blank"><img
-          src="{{uiRootPath}}/img/logo.png" height="40px" alt="Cloud Native Architecture Solution Patterns"></a>
-      <a class="navbar-item" style="font-size: 24px; color: white" href="{{{or site.url (or siteRootUrl siteRootPath)}}}">{{site.title}}</a>
+      <a class="navbar-item" style="font-size: 20px; color: white"
+        href="{{{or site.url (or siteRootUrl siteRootPath)}}}">
+        <img src="{{uiRootPath}}/img/logo.png" height="35px" alt="Solution Patterns">&nbsp; {{site.title}}</a>
       <button class="navbar-burger" data-target="topbar-nav">
-        <span></span>
-        <span></span>
-        <span></span>
       </button>
     </div>
-    <div id="topbar-nav" class="navbar-menu">
-      <div class="navbar-end">
 
-       
-        <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Solution Patterns</a>
-          <div class="navbar-dropdown">
-            <a class="navbar-item" href="#">Adopt Change Data Capture for <br/>stack modernization</a>
-            <a class="navbar-item" href="#">Edge-to-Cloud Pipelines</a>     <a class="navbar-item" href="#">Event driven architecture</a>
-          </div>
-        </div>
+    <div class="navbar-item"><span class="navbar-text"
+        style="color: white; margin-left: 1rem; margin-right: 1rem;">|</span></div>
 
-        <div class="navbar-item has-dropdown is-hoverable">
-          <a class="navbar-link" href="#">Other</a>
-          <div class="navbar-dropdown">
-            <a class="navbar-item" href="https://redhat-gitops-patterns.io/">GitOps Solution Patterns</a>
-            <a class="navbar-item" href="https://hybrid-cloud-patterns.io/">Hybrid Cloud Solution Patterns</a>
-          </div>
-        </div>
-
-        <a class="navbar-item" target="_blank" href="https://www.redhat.com/en/products/middleware">Red Hat Application Services</a>
-
-        <a class="navbar-item" target="_blank" href="https://developers.redhat.com/middleware">Learn more</a>
+    <div class="navbar-item has-dropdown is-hoverable">
+      <a class="navbar-link" href="#" style="color: white">Architectures &amp; Patterns</a>
+      <div class="navbar-dropdown">
+        <a class="navbar-item" href="https://www.redhat.com/architect/portfolio/" target="_blank">Portfolio Architecture&nbsp; </a>
+        <a class="navbar-item" href="https://redhat-solution-patterns.github.io/solution-patterns/patterns.html" target="_blank">Solution Patterns </a>
+        <a class="navbar-item" href="https://validatedpatterns.io/" target="_blank">Validated Patterns&nbsp;</a>
+        <a class="navbar-item" href="https://catalog.redhat.com/solutions" target="_blank">Ecosystem Solutions&nbsp;</a>
+      </div>
+    </div>
 
+    <div class="navbar-item has-dropdown is-hoverable">
+      <a class="navbar-link" href="#" style="color: white">Resources</a>
+      <div class="navbar-dropdown">
+        <a class="navbar-item" target="_blank" href="https://developers.redhat.com">Red Hat Developers</a>
+        <a class="navbar-item" target="_blank" href="https://developers.redhat.com/app-dev-platform">App Dev Platform</a>
+        <a class="navbar-item" target="_blank" href="https://www.redhat.com/en/products/application-foundations">Red Hat Application Services</a>
       </div>
     </div>
+    <a class="navbar-item" style="color: white" target="_blank" href="https://github.com/redhat-solution-patterns/redhat-solution-patterns.github.io/issues">Feedback</a>
+    <a class="navbar-item" style="color: white" target="_blank" href="https://redhat-solution-patterns.github.io/solution-patterns/contributors-guide.html">Contribute</a>
   </nav>
 </header>