aboutsummaryrefslogtreecommitdiff
path: root/themes/hugo-pt2021/layouts/partials/header.html
diff options
context:
space:
mode:
Diffstat (limited to 'themes/hugo-pt2021/layouts/partials/header.html')
-rw-r--r--themes/hugo-pt2021/layouts/partials/header.html78
1 files changed, 78 insertions, 0 deletions
diff --git a/themes/hugo-pt2021/layouts/partials/header.html b/themes/hugo-pt2021/layouts/partials/header.html
new file mode 100644
index 0000000..a1d1246
--- /dev/null
+++ b/themes/hugo-pt2021/layouts/partials/header.html
@@ -0,0 +1,78 @@
+<nav class='navbar is-black' role='navigation' aria-label='main navigation'>
+ <div class='navbar-brand'>
+ <a
+ href='/'
+ class='navbar-item'
+ title='home page'
+ aria-label='home page'
+ >
+ <img src='/logo.svg'
+ width='37'
+ height='28'
+ title='logo'
+ />
+ </a><!-- navbar-item -->
+
+ <a
+ role='button'
+ class='navbar-burger'
+ aria-label='menu'
+ aria-expanded='false'
+ data-target='page-menu'
+ >
+ <span aria-hidden='true'></span>
+ <span aria-hidden='true'></span>
+ <span aria-hidden='true'></span>
+ </a>
+ </div>
+
+ <div id='page-menu' class='navbar-menu'>
+ <div class='navbar-start'>
+ {{- range $.Site.Data.menu.start -}}
+ <a
+ href='{{.href}}'
+ class='navbar-item {{if eq .id $.Params.page_id}}is-active{{end}}'
+ title='{{.help}}'
+ aria-label='{{.help}}'
+ >
+ {{- if .icon -}}
+ <img
+ src='{{.icon}}'
+ width='20'
+ height='20'
+ title='{{.help}}'
+ />
+ {{- end -}}
+
+ {{- if .name -}}
+ {{- .name -}}
+ {{- end -}}
+ </a><!-- navbar-item -->
+ {{- end -}}
+ </div><!-- navbar-start -->
+
+ <div class='navbar-end has-text-white'>
+ {{- range $.Site.Data.menu.end -}}
+ <a
+ href='{{.href}}'
+ class='navbar-item {{if eq .id $.Params.page_id}}is-active{{end}}'
+ title='{{.help}}'
+ aria-label='{{.help}}'
+ >
+ {{- if .icon -}}
+ <img
+ src='{{.icon}}'
+ width='20'
+ height='20'
+ title='{{.help}}'
+ />
+ {{- end -}}
+
+ {{- if .name -}}
+ {{- .name -}}
+ {{- end -}}
+ </a><!-- navbar-item -->
+ {{- end -}}
+ </div><!-- navbar-start -->
+ </div><!-- navbar-menu -->
+</nav><!-- navbar -->