mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 23:38:56 +00:00
Cell
304 lines
15 KiB
HTML
304 lines
15 KiB
HTML
{{- /* 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 "Id" "typeit-header-desktop" | partial "function/id.html" -}}
|
|
<span id="{{ $id }}" class="typeit"></span>
|
|
{{- dict $id (slice $id) | dict "typeitMap" | merge ($.Scratch.Get "this") | $.Scratch.Set "this" -}}
|
|
{{- else -}}
|
|
<span class="header-title-text">{{- .name -}}</span>
|
|
{{- end -}}
|
|
{{- with .post -}}
|
|
<span class="header-title-post">{{ . | safeHTML }}</span>
|
|
{{- end -}}
|
|
{{- else -}}
|
|
<span class="header-title-text">{{- .Site.Title -}}</span>
|
|
{{- end -}}
|
|
</a>
|
|
{{- with .Site.Params.header.subtitle -}}
|
|
{{- if .typeit -}}
|
|
{{- $id := dict "Content" .name "Scratch" $.Scratch "Id" "typeit-header-subtitle-desktop" | partial "function/id.html" -}}
|
|
<span id="{{ $id }}" class="typeit header-subtitle"></span>
|
|
{{- dict $id (slice $id) | dict "typeitMap" | merge ($.Scratch.Get "this") | $.Scratch.Set "this" -}}
|
|
{{- else -}}
|
|
<span class="header-subtitle">{{- .name -}}</span>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
</div>
|
|
<nav>
|
|
<ul class="menu">
|
|
{{- range .Site.Menus.main -}}
|
|
{{- $url := .URL | relLangURL -}}
|
|
{{- with .Page -}}
|
|
{{- $url = .RelPermalink -}}
|
|
{{- end -}}
|
|
{{- if (ne hugo.Environment "production") | or (ne .Params.Draft true) -}}
|
|
<li
|
|
class="menu-item{{ if $.IsMenuCurrent `main` . | or ($.HasMenuCurrent `main` .) | or (eq $.RelPermalink $url) }} active{{ end }}{{ with .Params.Class }} {{ . }}{{ end }}"
|
|
{{ if .HasChildren }}has-children{{ end }}
|
|
>
|
|
<a
|
|
class="menu-link"
|
|
href="{{ $url }}"
|
|
{{ with .Title }}title="{{ . }}"{{ end }}
|
|
{{ if (urls.Parse $url).Host }}rel="noopener noreffer" target="_blank"{{ end }}
|
|
>
|
|
{{- with .Pre -}}{{- . | safeHTML }} {{ end }}{{ .Name }}{{ with .Post }} {{ . | safeHTML -}}{{- end -}}
|
|
</a>
|
|
{{- if .HasChildren -}}
|
|
<i class="dropdown-icon fas fa-chevron-down"></i>
|
|
<ul class="sub-menu">
|
|
{{ range .Children }}
|
|
{{- $url := .URL | relLangURL -}}
|
|
{{- with .Page -}}
|
|
{{- $url = .RelPermalink -}}
|
|
{{- end -}}
|
|
<li
|
|
class="menu-item{{ if $.IsMenuCurrent `main` . | or ($.HasMenuCurrent `main` .) | or (eq $.RelPermalink $url) }} active{{ end }}{{ with .Params.Class }} {{ . }}{{ end }}"
|
|
>
|
|
<a
|
|
class="menu-link"
|
|
href="{{ $url }}"
|
|
{{ with .Title }}title="{{ . }}"{{ end }}
|
|
{{ if (urls.Parse $url).Host }}rel="noopener noreffer" target="_blank"{{ end }}
|
|
>
|
|
{{- with .Pre -}}{{- . | safeHTML }} {{ end }}{{ .Name }}{{ with .Post }} {{ . | safeHTML -}}{{- end -}}
|
|
</a>
|
|
</li>
|
|
{{- end -}}
|
|
</ul>
|
|
{{- end -}}
|
|
</li>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- if .Site.Menus.main -}}
|
|
<li class="menu-item delimiter"></li>
|
|
{{- end -}}
|
|
{{- if .Site.IsMultiLingual -}}
|
|
<li class="menu-item language">
|
|
<span title="{{ T "selectLanguage" }}">
|
|
{{- .Language.LanguageName -}}
|
|
<i class="dropdown-icon fas fa-chevron-down"></i>
|
|
</span>
|
|
<ul class="sub-menu">
|
|
{{- if (eq .Kind "404") -}}
|
|
{{- range .Sites -}}
|
|
{{- if ne . $.Site -}}
|
|
{{- $link := printf "%v/404.html" .LanguagePrefix -}}
|
|
<li class="menu-item">
|
|
<a href="{{ $link }}" title="{{- .Language.LanguageName -}}">
|
|
{{- .Language.LanguageName -}}
|
|
</a>
|
|
</li>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- else if gt (len .AllTranslations) 1 -}}
|
|
{{- range .AllTranslations -}}
|
|
{{- if ne .Lang $.Lang -}}
|
|
<li class="menu-item">
|
|
<a href="{{ .RelPermalink }}" title="{{- .Language.LanguageName -}}">
|
|
{{- .Language.LanguageName -}}
|
|
</a>
|
|
</li>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- else -}}
|
|
<li class="menu-item">{{- T "noMoretTranslations" -}}</li>
|
|
{{- end -}}
|
|
</ul>
|
|
</li>
|
|
{{- end -}}
|
|
{{- if .Site.Params.search.enable -}}
|
|
<li 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>
|
|
</li>
|
|
{{- end -}}
|
|
<li class="menu-item theme-switch" title="{{ T "switchTheme" }}">
|
|
<i class="fas fa-adjust fa-fw"></i>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
{{- $githubCorner := .Site.Params.githubCorner -}}
|
|
{{- if $githubCorner.enable -}}
|
|
{{- $githubImage := `<svg width="56" height="56" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>` -}}
|
|
{{- $options := dict "Destination" $githubCorner.permalink "Title" $githubCorner.title "Content" $githubImage "Class" "github-corner" -}}
|
|
{{- partial "plugin/link.html" $options -}}
|
|
{{- end -}}
|
|
</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 "Id" "typeit-header-title-mobile" | partial "function/id.html" -}}
|
|
<span id="{{ $id }}" class="typeit"></span>
|
|
{{- dict $id (slice $id) | dict "typeitMap" | merge ($.Scratch.Get "this") | $.Scratch.Set "this" -}}
|
|
{{- else -}}
|
|
<span class="header-title-text">{{- .name -}}</span>
|
|
{{- end -}}
|
|
{{- with .post -}}
|
|
<span class="header-title-post">{{ . | safeHTML }}</span>
|
|
{{- end -}}
|
|
{{- else -}}
|
|
<span class="header-title-text">{{- .Site.Title -}}</span>
|
|
{{- end -}}
|
|
</a>
|
|
{{- with .Site.Params.header.subtitle -}}
|
|
{{- if .typeit -}}
|
|
{{- $id := dict "Content" .name "Scratch" $.Scratch "Id" "typeit-header-subtitle-mobile" | partial "function/id.html" -}}
|
|
<span id="{{ $id }}" class="typeit header-subtitle"></span>
|
|
{{- dict $id (slice $id) | dict "typeitMap" | merge ($.Scratch.Get "this") | $.Scratch.Set "this" -}}
|
|
{{- else -}}
|
|
<span class="header-subtitle">{{- .name -}}</span>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
</div>
|
|
<div class="menu-toggle" id="menu-toggle-mobile">
|
|
<span></span><span></span><span></span>
|
|
</div>
|
|
</div>
|
|
<nav>
|
|
<ul class="menu" id="menu-mobile">
|
|
{{- if .Site.Params.search.enable -}}
|
|
<li 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>
|
|
</li>
|
|
{{- end -}}
|
|
{{- $currentPage := . -}}
|
|
{{- range .Site.Menus.main -}}
|
|
{{- $url := .URL | relLangURL -}}
|
|
{{- with .Page -}}
|
|
{{- $url = .RelPermalink -}}
|
|
{{- end -}}
|
|
{{- if (ne hugo.Environment "production") | or (ne .Params.Draft true) -}}
|
|
<li
|
|
class="menu-item{{ if $.IsMenuCurrent `main` . | or ($.HasMenuCurrent `main` .) | or (eq $.RelPermalink $url) }} active{{ end }}{{ with .Params.Class }} {{ . }}{{ end }}"
|
|
>
|
|
{{- if .HasChildren -}}
|
|
<span class="nested-item">
|
|
<a
|
|
class="menu-link"
|
|
href="{{ $url }}"
|
|
{{ with .Title }}title="{{ . }}"{{ end }}
|
|
{{ if (urls.Parse $url).Host }}rel="noopener noreffer" target="_blank"{{ end }}
|
|
>
|
|
{{- with .Pre -}}{{- . | safeHTML }} {{ end }}{{ .Name }}{{ with .Post }} {{ . | safeHTML -}}{{- end -}}
|
|
</a>
|
|
<i class="dropdown-icon fas fa-chevron-right"></i>
|
|
</span>
|
|
<ul class="sub-menu">
|
|
{{ range .Children }}
|
|
{{- $url := .URL | relLangURL -}}
|
|
{{- with .Page -}}
|
|
{{- $url = .RelPermalink -}}
|
|
{{- end -}}
|
|
<li
|
|
class="menu-item{{ if $.IsMenuCurrent `main` . | or ($.HasMenuCurrent `main` .) | or (eq $.RelPermalink $url) }} active{{ end }}{{ with .Params.Class }} {{ . }}{{ end }}"
|
|
>
|
|
<a
|
|
class="menu-link"
|
|
href="{{ $url }}"
|
|
{{ with .Title }}title="{{ . }}"{{ end }}
|
|
{{ if (urls.Parse $url).Host }}rel="noopener noreffer" target="_blank"{{ end }}
|
|
>
|
|
{{- with .Pre -}}{{- . | safeHTML }} {{ end }}{{ .Name }}{{ with .Post }} {{ . | safeHTML -}}{{- end -}}
|
|
</a>
|
|
</li>
|
|
{{- end -}}
|
|
</ul>
|
|
{{- else -}}
|
|
<a
|
|
class="menu-link"
|
|
href="{{ $url }}"
|
|
{{ with .Title }}title="{{ . }}"{{ end }}
|
|
{{ if (urls.Parse $url).Host }}rel="noopener noreffer" target="_blank"{{ end }}
|
|
>
|
|
{{- with .Pre -}}{{- . | safeHTML }} {{ end }}{{ .Name }}{{ with .Post }} {{ . | safeHTML -}}{{- end -}}
|
|
</a>
|
|
{{- end -}}
|
|
</li>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
<li class="menu-item theme-switch" title="{{ T "switchTheme" }}">
|
|
<i class="fas fa-adjust fa-fw"></i>
|
|
</li>
|
|
{{- if .Site.IsMultiLingual -}}
|
|
<li class="menu-item language">
|
|
<span title="{{ T "selectLanguage" }}">
|
|
{{- .Language.LanguageName -}}
|
|
<i class="dropdown-icon fas fa-chevron-down"></i>
|
|
</span>
|
|
<select class="language-select" onchange="location = this.value;">
|
|
{{- if eq .Kind "404" -}}
|
|
{{- range .Sites -}}
|
|
{{- $link := printf "%v/404.html" .LanguagePrefix -}}
|
|
<option value="{{ $link }}"{{ if eq . $.Site }} selected disabled{{ end }}>
|
|
{{- .Language.LanguageName -}}
|
|
</option>
|
|
{{- end -}}
|
|
{{- else if gt (len .AllTranslations) 1 -}}
|
|
{{- range .AllTranslations -}}
|
|
<option value="{{ .RelPermalink }}"{{ if eq .Lang $.Lang }} selected disabled{{ end }}>
|
|
{{- .Language.LanguageName -}}
|
|
</option>
|
|
{{- end -}}
|
|
{{- else -}}
|
|
<option disabled>{{- T "noMoretTranslations" -}}</option>
|
|
{{- end -}}
|
|
</select>
|
|
</li>
|
|
{{- end -}}
|
|
</ul>
|
|
</nav>
|
|
</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>
|