add ai brain

layouts/_partials/header.html

@@ -3,16 +3,18 @@
     <button class="nav-toggle" type="button" aria-controls="sidebar" aria-expanded="false">
       <span class="nav-toggle-bars" aria-hidden="true"></span><span class="visually-hidden">Menu</span>
     </button>
-    <a class="brand" href="{{ "/" | relURL }}">
-      {{ partial "mark.html" . }}
-      <span class="brand-text">Federated Computer <span class="brand-sub">Docs</span></span>
-    </a>
-    <nav class="topnav" aria-label="Primary">
-      {{ $current := . }}
-      {{ range site.Menus.main }}
-        <a href="{{ .URL }}"{{ if or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) (and .Page ($current.IsDescendant .Page)) }} aria-current="true"{{ end }}>{{ .Name }}</a>
-      {{ end }}
-    </nav>
+    <div class="masthead-main">
+      <a class="brand" href="{{ "/" | relURL }}">
+        {{ partial "mark.html" . }}
+        <span class="brand-text">Federated Computer <span class="brand-sub">Docs</span></span>
+      </a>
+      <nav class="topnav" aria-label="Primary">
+        {{ $current := . }}
+        {{ range site.Menus.main }}
+          <a href="{{ .URL }}"{{ if or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) (and .Page ($current.IsDescendant .Page)) }} aria-current="true"{{ end }}>{{ .Name }}</a>
+        {{ end }}
+      </nav>
+    </div>
     <div class="search" role="search">
       <label class="visually-hidden" for="search-input">Search the documentation</label>
       <input id="search-input" type="search" placeholder="Search apps and guides" autocomplete="off" spellcheck="false" aria-controls="search-results" aria-expanded="false">