From 67de113bdfb79940b12b45653ebbbdf142d43ec6 Mon Sep 17 00:00:00 2001
From: BBaoVanC <bbaovanc@bbaovanc.com>
Date: Sat, 9 Aug 2025 21:10:57 -0500
Subject: [PATCH] Change <header> to be entire top bar

This is more semantically correct.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/banner_role
---
 assets/css/bobastyle.css   | 4 ++--
 layouts/_partials/top.html | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 8726fad..01e3b97 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -340,7 +340,7 @@ footer p {
    * or it will need its hover background to be chopped off on the left */
 }
 
-.header {
+.brand {
   flex-grow: 1;
   margin: 8px var(--page-margin);
   font-size: 1.25em;
@@ -348,7 +348,7 @@ footer p {
   align-items: center;
 }
 
-.header a {
+.brand a {
   color: inherit;
   font-weight: bold;
 }
diff --git a/layouts/_partials/top.html b/layouts/_partials/top.html
index 462d7da..c533280 100644
--- a/layouts/_partials/top.html
+++ b/layouts/_partials/top.html
@@ -1,9 +1,9 @@
-<div class="top">
-    <header class="header">
+<header class="top">
+    <div class="brand">
         <a href="{{ .Site.Home.Permalink | absLangURL }}">
             {{ .Site.Title | markdownify }}
         </a>
-    </header>
+    </div>
 
     <nav class="navbar" aria-label="{{ i18n "aria_navbar" }}">
         {{ with .Site.Home }}
@@ -21,4 +21,4 @@
                href="{{ .URL }}">{{ .Name }}</a>
         {{ end }}
     </nav>
-</div>
+</header>