Vertically center header elements (#306)

* Vertically center header elements * Add 'Doug Barrett' to contributors.yml --------- Co-authored-by: Bryan Finster <[email protected]>
Minimum-CD · Jun 26, 2023 · b2614e9 · b2614e9
1 parent 0ea84d8
commit b2614e9
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 8 deletions.
diff --git a/config.toml b/config.toml
@@ -27,6 +27,7 @@ color_second = "#b30000"
 disableSearch = false # default is false
 disableNavChevron = false # set true to hide next/prev chevron, default is false
 menushortcutsnewtab = false # set true to open shortcuts links to a new tab/window
+custom_css = ["css/style.css"]
 
 editURL = "https://github.com/Minimum-CD/cd-manifesto/blob/master/content/"
 enableGitInfo = true

diff --git a/data/names/contributors.yml b/data/names/contributors.yml
@@ -133,6 +133,9 @@ list:
   - fName: Sean
     lName: Poulter
     contact: https://ca.linkedin.com/in/seanpoulter
+  - fName: Doug
+    lName: Barrett
+    contact: https://dkb.nz/
   - fName: Luiz
     lName: Esmiralha
     contact: https://www.linkedin.com/in/luizesmiralha

diff --git a/layouts/partials/body-header.html b/layouts/partials/body-header.html
@@ -1,12 +1,12 @@
 <div>
     {{if not (in .Params.hide "nav")}}
     <div class="burger {{.Params.layout }}">
-        <a href="javascript:void(0);" style="font-size:15px;" onclick="$('article > aside').toggleClass('responsive')">&#9776;</a>
+        <a href="javascript:void(0);" onclick="$('article > aside').toggleClass('responsive')">&#9776;</a>
     </div>
     {{end}}
 
-    <div height="100px">
-    {{- $defaultheader := printf "<a class='baselink' href='%s'><img src='%s' alt='Site logo' height='100px'> %s</a>" .Site.BaseURL .Site.Params.logo .Site.Title -}}
+    <div>
+    {{- $defaultheader := printf "<a class='baselink' href='%s'><img src='%s' alt='Site logo'> %s</a>" .Site.BaseURL .Site.Params.logo .Site.Title -}}
     {{- partial "_mdinclude.html" (dict "name" "header" "context" . "tip" $defaultheader ) -}}
     </div>
 
@@ -22,5 +22,4 @@
         >Star</a>
     </nav>
     {{- end}}
-
-</div>
+</div>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -1,4 +1,3 @@
-
-{{ range .Site.Params.custom_js -}}
-    <script async defer src="{{ . | absURL }}"></script>
+{{ range .Site.Params.custom_css -}}
+    <link rel="stylesheet" href="{{ . | absURL }}">
 {{- end }}
diff --git a/static/css/style.css b/static/css/style.css
@@ -0,0 +1,11 @@
+body header, header a, header nav {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+@media (max-width: 936px) {
+    body header div.burger {
+      display: flex;
+    }
+}