2022-10-11 17:34:41 +08:00
< aside class = "sidebar left-sidebar sticky {{ if .Site.Params.sidebar.compact }}compact{{ end }}" >
< button class = "hamburger hamburger--spin" type = "button" id = "toggle-menu" aria-label = "{{ T `toggleMenu` }}" >
< span class = "hamburger-box" >
< span class = "hamburger-inner" > < / span >
< / span >
< / button >
< header >
{{ with .Site.Params.sidebar.avatar }}
{{ if (default true .enabled) }}
< figure class = "site-avatar" >
< a href = "{{ .Site.BaseURL | relLangURL }}" >
{{ if not .local }}
< img src = "{{ .src }}" width = "300" height = "300" class = "site-logo" loading = "lazy" alt = "Avatar" >
{{ else }}
{{ $avatar := resources.Get (.src) }}
{{ if $avatar }}
{{ $avatarResized := $avatar.Resize "300x" }}
< img src = "{{ $avatarResized.RelPermalink }}" width = "{{ $avatarResized.Width }}"
height="{{ $avatarResized.Height }}" class="site-logo" loading="lazy" alt="Avatar">
{{ else }}
{{ errorf "Failed loading avatar from %q" . }}
{{ end }}
{{ end }}
< / a >
{{ with $.Site.Params.sidebar.emoji }}
< span class = "emoji" > {{ . }}< / span >
{{ end }}
< / figure >
{{ end }}
{{ end }}
< div class = "site-meta" >
< h1 class = "site-name" > < a href = "{{ .Site.BaseURL | relLangURL }}" > {{ .Site.Title }}< / a > < / h1 >
< h2 class = "site-description" > {{ .Site.Params.sidebar.subtitle }}< / h2 >
< / div >
< / header >
{{- with .Site.Menus.social -}}
2024-07-31 17:10:56 +08:00
< ol class = "menu-social" >
2022-10-11 17:34:41 +08:00
{{ range . }}
< li >
< a
href='{{ .URL }}'
{{ if eq (default true .Params.newTab) true }}target="_blank"{{ end }}
{{ with .Name }}title="{{ . }}"{{ end }}
2024-07-31 17:10:56 +08:00
rel="me"
2022-10-11 17:34:41 +08:00
>
{{ $icon := default "link" .Params.Icon }}
{{ with $icon }}
{{ partial "helper/icon" . }}
{{ end }}
< / a >
< / li >
{{ end }}
< / ol >
{{- end -}}
< ol class = "menu" id = "main-menu" >
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
{{ $active := or (eq $currentPage.Title .Name) (or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .)) }}
< li { { if $ active } } class = 'current' { { end } } >
2024-07-31 17:10:56 +08:00
< a href = '{{ .URL }}' { { if eq . Params . newTab true } } target = "_blank" { { end } } >
2022-10-11 17:34:41 +08:00
{{ $icon := default .Pre .Params.Icon }}
{{ if .Pre }}
2024-07-31 17:10:56 +08:00
{{ warnf "Menu item [%s] is using [pre] field to set icon, please use [params.icon] instead.\nMore information: https://stack.jimmycai.com/config/menu" .URL }}
2022-10-11 17:34:41 +08:00
{{ end }}
{{ with $icon }}
{{ partial "helper/icon" . }}
{{ end }}
< span > {{- .Name -}}< / span >
< / a >
< / li >
{{ end }}
2024-07-31 17:10:56 +08:00
< li class = "menu-bottom-section" >
< ol class = "menu" >
{{- $currentLanguageCode := .Language.Lang -}}
{{ if ( compare.Gt .Site.Home.AllTranslations.Len 1 ) }}
{{ with .Site.Home.AllTranslations }}
< li id = "i18n-switch" >
{{ partial "helper/icon" "language" }}
< select name = "language" title = "language" onchange = "window.location.href = this.selectedOptions[0].value" >
{{ range . }}
< option value = "{{ .Permalink }}" { { if eq . Language . Lang $ currentLanguageCode } } selected { { end } } > {{ .Language.LanguageName }}< / option >
{{ end }}
< / select >
< / li >
{{ end }}
{{ end }}
2022-10-11 17:34:41 +08:00
2024-07-31 17:10:56 +08:00
{{ if (default false .Site.Params.colorScheme.toggle) }}
< li id = "dark-mode-toggle" >
{{ partial "helper/icon" "toggle-left" }}
{{ partial "helper/icon" "toggle-right" }}
< span > {{ T "darkMode" }}< / span >
< / li >
{{ end }}
< / ol >
< / li >
2022-10-11 17:34:41 +08:00
< / ol >
< / aside >