forked from drowl87/hextra_mirror
87ea9db336
fix: sidebar toc not rendered chore: update heading template style chore: update logo and favicon chore: update favicons chore: update icons
44 lines
2.3 KiB
HTML
44 lines
2.3 KiB
HTML
<div class="sticky top-0 z-20 w-full bg-transparent print:hidden">
|
|
<div class="pointer-events-none absolute z-[-1] h-full w-full bg-white shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)] contrast-more:shadow-[0_0_0_1px_#000] dark:bg-dark dark:shadow-[0_-1px_0_rgba(255,255,255,.1)_inset] contrast-more:dark:shadow-[0_0_0_1px_#fff]"></div>
|
|
|
|
<nav class="mx-auto flex items-center justify-end gap-2 h-16 px-6 max-w-[90rem]">
|
|
<a class="flex items-center hover:opacity-75 ltr:mr-auto rtl:ml-auto" href="{{ .Site.Home.RelPermalink }}">
|
|
{{ partial "utils/icon.html" (dict "name" "hextra" "attributes" "height=20") }}
|
|
<span class="mx-2 font-extrabold hidden md:inline select-none" title="{{ .Site.Title }}">
|
|
{{- .Site.Title -}}
|
|
</span>
|
|
</a>
|
|
|
|
{{- $currentPage := . -}}
|
|
{{- range .Site.Menus.main -}}
|
|
{{- if eq .Params.type "search" -}}
|
|
{{- partial "search.html" (dict "params" .Params) -}}
|
|
{{- else -}}
|
|
{{- $external := strings.HasPrefix .URL "http" -}}
|
|
{{/* Display icon menu item */}}
|
|
{{- if .Params.icon -}}
|
|
<a class="p-2 text-current" {{ if $external }}target="_blank" rel="noreferer"{{ end }} href="{{ .URL | safeURL }}">
|
|
{{- partial "utils/icon.html" (dict "name" .Params.icon "attributes" "height=24") -}}
|
|
<span class="sr-only">{{ .Name }}</span>
|
|
</a>
|
|
{{- else -}}
|
|
{{- $active := or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .) -}}
|
|
{{- $activeClass := cond $active "font-medium" "text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200" -}}
|
|
<a
|
|
href="{{ .URL | safeURL }}"
|
|
{{ if $external }}target="_blank" rel="noreferer"{{ end }}
|
|
class="text-sm contrast-more:text-gray-700 contrast-more:dark:text-gray-100 relative -ml-2 hidden whitespace-nowrap p-2 md:inline-block {{ $activeClass }}"
|
|
>
|
|
<span class="text-center">{{ .Name }}</span>
|
|
</a>
|
|
{{- end -}}
|
|
{{- end -}}
|
|
{{- end -}}
|
|
|
|
|
|
<button type="button" aria-label="Menu" class="hamburger-menu -mr-2 rounded p-2 active:bg-gray-400/20 md:hidden">
|
|
{{- partial "utils/icon.html" (dict "name" "hamburger-menu" "attributes" "height=24") -}}
|
|
</button>
|
|
</nav>
|
|
</div>
|