diff options
Diffstat (limited to 'themes/LoveIt/layouts/partials/header.html')
| -rw-r--r-- | themes/LoveIt/layouts/partials/header.html | 183 |
1 files changed, 183 insertions, 0 deletions
diff --git a/themes/LoveIt/layouts/partials/header.html b/themes/LoveIt/layouts/partials/header.html new file mode 100644 index 0000000..de3f955 --- /dev/null +++ b/themes/LoveIt/layouts/partials/header.html @@ -0,0 +1,183 @@ +{{- /* Desktop header */ -}} +<header class="desktop" id="header-desktop"> + <div class="header-wrapper"> + <div class="header-title"> + <a href="{{ .Site.Home.RelPermalink }}" title="{{ .Site.Title }}"> + {{- with .Site.Params.header.title -}} + {{- with .logo -}} + {{- dict "Src" . "Class" "logo" | partial "plugin/image.html" -}} + {{- end -}} + {{- with .pre -}} + <span class="header-title-pre">{{ . | safeHTML }}</span> + {{- end -}} + {{- if .typeit -}} + {{- $id := dict "Content" .name "Scratch" $.Scratch | partial "function/id.html" -}} + <span id="{{ $id }}" class="typeit"></span> + {{- dict $id (slice $id) | dict "typeitMap" | merge ($.Scratch.Get "this") | $.Scratch.Set "this" -}} + {{- else -}} + {{- .name -}} + {{- end -}} + {{- with .post -}} + <span class="header-title-post">{{ . | safeHTML }}</span> + {{- end -}} + {{- else -}} + {{- .Site.Title -}} + {{- end -}} + </a> + </div> + <div class="menu"> + <div class="menu-inner"> + {{- range .Site.Menus.main -}} + {{- $url := .URL | relLangURL -}} + {{- with .Page -}} + {{- $url = .RelPermalink -}} + {{- end -}} + <a class="menu-item{{ if $.IsMenuCurrent `main` . | or ($.HasMenuCurrent `main` .) | or (eq $.RelPermalink $url) }} active{{ end }}" href="{{ $url }}"{{ with .Title }} title="{{ . }}"{{ end }}{{ if (urls.Parse $url).Host }} rel="noopener noreffer" target="_blank"{{ end }}> + {{- .Pre | safeHTML }} {{ .Name }} {{ .Post | safeHTML -}} + </a> + {{- end -}} + {{- if .Site.Menus.main -}} + <span class="menu-item delimiter"></span> + {{- end -}} + {{- if .Site.IsMultiLingual -}} + <a href="javascript:void(0);" class="menu-item language" title="{{ T "selectLanguage" }}"> + {{- .Language.LanguageName -}} + <i class="fas fa-chevron-right fa-fw"></i> + <select class="language-select" id="language-select-desktop" onchange="location = this.value;"> + {{- if eq .Kind "404" -}} + {{- /* https://github.com/dillonzq/LoveIt/issues/378 */ -}} + {{- range .Sites -}} + {{- $link := printf "%v/404.html" .LanguagePrefix -}} + <option value="{{ $link }}"{{ if eq . $.Site }} selected{{ end }}> + {{- .Language.LanguageName -}} + </option> + {{- end -}} + {{- else -}} + {{- range .AllTranslations -}} + <option value="{{ .RelPermalink }}"{{ if eq .Lang $.Lang }} selected{{ end }}> + {{- .Language.LanguageName -}} + </option> + {{- end -}} + {{- end -}} + </select> + </a> + {{- end -}} + {{- if .Site.Params.search.enable -}} + <span class="menu-item search" id="search-desktop"> + <input type="text" placeholder="{{ .Site.Params.search.placeholder | default (T `searchPlaceholder`) }}" id="search-input-desktop"> + <a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-desktop" title="{{ T `search` }}"> + <i class="fas fa-search fa-fw"></i> + </a> + <a href="javascript:void(0);" class="search-button search-clear" id="search-clear-desktop" title="{{ T `clear` }}"> + <i class="fas fa-times-circle fa-fw"></i> + </a> + <span class="search-button search-loading" id="search-loading-desktop"> + <i class="fas fa-spinner fa-fw fa-spin"></i> + </span> + </span> + {{- end -}} + <a href="javascript:void(0);" class="menu-item theme-switch" title="{{ T "switchTheme" }}"> + <i class="fas fa-adjust fa-fw"></i> + </a> + </div> + </div> + </div> +</header> + +{{- /* Mobile header */ -}} +<header class="mobile" id="header-mobile"> + <div class="header-container"> + <div class="header-wrapper"> + <div class="header-title"> + <a href="{{ .Site.Home.RelPermalink }}" title="{{ .Site.Title }}"> + {{- with .Site.Params.header.title -}} + {{- with .logo -}} + {{- dict "Src" . "Class" "logo" | partial "plugin/image.html" -}} + {{- end -}} + {{- with .pre -}} + <span class="header-title-pre">{{ . | safeHTML }}</span> + {{- end -}} + {{- if .typeit -}} + {{- $id := dict "Content" .name "Scratch" $.Scratch | partial "function/id.html" -}} + <span id="{{ $id }}" class="typeit"></span> + {{- dict $id (slice $id) | dict "typeitMap" | merge ($.Scratch.Get "this") | $.Scratch.Set "this" -}} + {{- else -}} + {{- .name -}} + {{- end -}} + {{- with .post -}} + <span class="header-title-post">{{ . | safeHTML }}</span> + {{- end -}} + {{- else -}} + {{- .Site.Title -}} + {{- end -}} + </a> + </div> + <div class="menu-toggle" id="menu-toggle-mobile"> + <span></span><span></span><span></span> + </div> + </div> + <div class="menu" id="menu-mobile"> + {{- if .Site.Params.search.enable -}} + <div class="search-wrapper"> + <div class="search mobile" id="search-mobile"> + <input type="text" placeholder="{{ .Site.Params.search.placeholder | default (T `searchPlaceholder`) }}" id="search-input-mobile"> + <a href="javascript:void(0);" class="search-button search-toggle" id="search-toggle-mobile" title="{{ T `search` }}"> + <i class="fas fa-search fa-fw"></i> + </a> + <a href="javascript:void(0);" class="search-button search-clear" id="search-clear-mobile" title="{{ T `clear` }}"> + <i class="fas fa-times-circle fa-fw"></i> + </a> + <span class="search-button search-loading" id="search-loading-mobile"> + <i class="fas fa-spinner fa-fw fa-spin"></i> + </span> + </div> + <a href="javascript:void(0);" class="search-cancel" id="search-cancel-mobile"> + {{ T `cancel` }} + </a> + </div> + {{- end -}} + {{- $currentPage := . -}} + {{- range .Site.Menus.main -}} + {{- $url := .URL | relLangURL -}} + {{- with .Page -}} + {{- $url = .RelPermalink -}} + {{- end -}} + <a class="menu-item" href="{{ $url }}" title="{{ .Title }}"{{ if (urls.Parse $url).Host }} rel="noopener noreffer" target="_blank"{{ end }}> + {{- .Pre | safeHTML }}{{ .Name }}{{ .Post | safeHTML -}} + </a> + {{- end -}} + <a href="javascript:void(0);" class="menu-item theme-switch" title="{{ T "switchTheme" }}"> + <i class="fas fa-adjust fa-fw"></i> + </a> + {{- if .Site.IsMultiLingual -}} + <a href="javascript:void(0);" class="menu-item" title="{{ T "selectLanguage" }}"> + {{- .Language.LanguageName -}} + <i class="fas fa-chevron-right fa-fw"></i> + <select class="language-select" onchange="location = this.value;"> + {{- if eq .Kind "404" -}} + {{- /* https://github.com/dillonzq/LoveIt/issues/378 */ -}} + {{- range .Sites -}} + {{- $link := printf "%v/404.html" .LanguagePrefix -}} + <option value="{{ $link }}"{{ if eq . $.Site }} selected{{ end }}> + {{- .Language.LanguageName -}} + </option> + {{- end -}} + {{- else -}} + {{- range .AllTranslations -}} + <option value="{{ .RelPermalink }}"{{ if eq .Lang $.Lang }} selected{{ end }}> + {{- .Language.LanguageName -}} + </option> + {{- end -}} + {{- end -}} + </select> + </a> + {{- end -}} + </div> + </div> +</header> +<div class="search-dropdown desktop"> + <div id="search-dropdown-desktop"></div> +</div> +<div class="search-dropdown mobile"> + <div id="search-dropdown-mobile"></div> +</div> |