bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-08-11 09:41:36 -05:00
Code Issues Projects Releases Wiki Activity

Change <header> to be entire top bar

Browse Source 
This is more semantically correct.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/banner_role
This commit is contained in:
BBaoVanC
2025-08-09 21:10:57 -05:00
parent 349672bbad
commit 67de113bdf
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/bobastyle.css
View File

@@ -340,7 +340,7 @@ footer p {
* or it will need its hover background to be chopped off on the left */ * or it will need its hover background to be chopped off on the left */
} }
.header { .brand {
flex-grow: 1; flex-grow: 1;
margin: 8px var(--page-margin); margin: 8px var(--page-margin);
font-size: 1.25em; font-size: 1.25em;
@@ -348,7 +348,7 @@ footer p {
align-items: center; align-items: center;
} }
.header a { .brand a {
color: inherit; color: inherit;
font-weight: bold; font-weight: bold;
} }

8
layouts/_partials/top.html
View File

@@ -1,9 +1,9 @@
<div class="top"> <header class="top">
<header class="header"> <div class="brand">
<a href="{{ .Site.Home.Permalink | absLangURL }}"> <a href="{{ .Site.Home.Permalink | absLangURL }}">
{{ .Site.Title | markdownify }} {{ .Site.Title | markdownify }}
</a> </a>
</header> </div>
<nav class="navbar" aria-label="{{ i18n "aria_navbar" }}"> <nav class="navbar" aria-label="{{ i18n "aria_navbar" }}">
{{ with .Site.Home }} {{ with .Site.Home }}
@@ -21,4 +21,4 @@
href="{{ .URL }}">{{ .Name }}</a> href="{{ .URL }}">{{ .Name }}</a>
{{ end }} {{ end }}
</nav> </nav>
</div> </header>