8a597a5c9c
* refactor(i18n): simplify the structure of the translation file * chore: prepare repository for v4.0.0-alpha * chore: modify go.mod to v4 * refactor: migrate theme configuration to TOML * fix: exampleSite not using correct theme * feat: add favicon from assets folder * refactor: drop linear grandient background feature remove node-vibrant from dependencies * feat: use Hugo's code block render hook to implement code copy button Now it can have i18n support * refactor: delete color.ts * refactor: delete Emoji support post from example site * refactor: drop support for `hidden` field in front matter * feat: upgrade to PhotoSwipe v5 * chore: bump the required hugo version to 0.100.0 * refactor: remove PhotoSwipe from external.yaml * fix: extra margin in search result * fix: incorrect markdown heading level in example site * refactor: remove some usages of `default` in template No longer needed thanks to Hugo's configuration merge * fix: one line codeblock style in firefox closes https://github.com/CaiJimmy/hugo-theme-stack/issues/564 * feat: add style to new codeblock * feat: i18n support for codeblock copy text * fix(menu): jitter when closing menu It's caused by flexbox gap property, which can't animate * fix(search): long text overflows under the Search icon closes https://github.com/CaiJimmy/hugo-theme-stack/issues/515
102 lines
4.3 KiB
HTML
102 lines
4.3 KiB
HTML
<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 .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 -}}
|
|
<ol class="social-menu">
|
|
{{ range . }}
|
|
<li>
|
|
<a
|
|
href='{{ .URL }}'
|
|
{{ if eq (default true .Params.newTab) true }}target="_blank"{{ end }}
|
|
{{ with .Name }}title="{{ . }}"{{ end }}
|
|
rel="me"
|
|
>
|
|
{{ $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 }}>
|
|
<a href='{{ .URL | relLangURL }}' {{ if eq .Params.newTab true }}target="_blank"{{ end }}>
|
|
{{ $icon := default .Pre .Params.Icon }}
|
|
{{ if .Pre }}
|
|
{{ warnf "Menu item [%s] is using [pre] field to set icon, please use [params.icon] instead.\nMore information: https://docs.stack.jimmycai.com/configuration/custom-menu.html" .URL }}
|
|
{{ end }}
|
|
{{ with $icon }}
|
|
{{ partial "helper/icon" . }}
|
|
{{ end }}
|
|
<span>{{- .Name -}}</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
|
|
<div class="menu-bottom-section">
|
|
{{- $currentLanguageCode := .Language.Lang -}}
|
|
{{ with .Site.Home.AllTranslations }}
|
|
<li id="i18n-switch">
|
|
{{ partial "helper/icon" "language" }}
|
|
<select name="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 }}
|
|
|
|
{{ if .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 }}
|
|
</div>
|
|
</ol>
|
|
</aside>
|