Update website top navigation bar (#3670)

* Replace helmet logo with helmet+Foreman

* Move Support forum and Contribute links to top menu

Author: aneta-petrova

web/Rules

@@ -8,6 +8,8 @@ passthrough "/img/**"
 passthrough "/js/**/*.js"
 passthrough "/CNAME"
 passthrough "/favicon.ico"
+passthrough "/ostrich-black.ttf"
+## Font ostrich-black.ttf obtained from https://github.com/theforeman/foreman-graphics/blob/master/stickers/ostrich-black.ttf
 
 # SCSS compilation
 ignore "/css/_*.{sass,scss}"

web/content/css/_nav.scss

@@ -34,7 +34,16 @@ nav {
 }
 nav .logo {
   width: 50px;
-  vertical-align: middle;
+}
+nav .nav-heading {
+  color: #fff;
+  font-family: ostrich-black;
+  font-size: 1.8em;
+  padding: 0.5em;
+  vertical-align: sub;
+}
+nav .nav-logo-heading {
+  text-decoration: none;
 }
 nav .nav-menu {
   position: absolute;
@@ -185,3 +194,7 @@ nav.opened .btn-hamburger span:nth-child(3) {
     display: block;
   }
 }
+@font-face {
+  font-family: ostrich-black;
+  src: url('../ostrich-black.ttf') format('truetype');
+}

web/content/index.adoc.erb

@@ -16,9 +16,6 @@ For Foreman plugin overview, see link:https://theforeman.org/plugins/[Plugins].
 
 Start by using the top menu bar to select your release version.
 
-For questions, visit the https://community.theforeman.org/c/support/10[support forum].
-For contribution, visit the https://github.com/theforeman/foreman-documentation[GitHub repository].
-
 === Available flavors
 
 We provide documentation for the following flavors:

web/content/js/nav.js

@@ -16,8 +16,9 @@ function buildNavigation() {
   }
 
   return `<nav>
-  <a href="/">
+  <a class="nav-logo-heading" href="/">
     <img class="logo" src="/img/helmet.svg" alt="Home">
+    <span class="nav-heading">Foreman docs</span>
   </a>
 <button type="button" class="btn-hamburger" data-action="nav-toggle">
   <span></span>
@@ -28,6 +29,8 @@ function buildNavigation() {
 </button>
 <ul class="nav-menu">
   <li class="nav-item"><a href="https://theforeman.org/">About Foreman</a></li>
+  <li class="nav-item"><a href="https://community.theforeman.org/c/support/10">Support forum</a></li>
+  <li class="nav-item"><a href="https://github.com/theforeman/foreman-documentation">Contribute</a></li>
   <li class="nav-item"><a href="${guides_link}">${currentVer} guides</a></li>
   <li class="nav-item dropdown">
     <a href="#" data-action="dropdown-toggle">All versions</a>