forked from drowl87/hextra_mirror
b51bfa3177
* feat: add page width config and partial * feat: use page-width partial in layouts * chore: revert changes in navbar and footer * feat: customize footer width from site config * chore: update styles * docs: add page width * feat: allow overriding navbar width * fix: navbar width variable * docs: add instruction for navbar and footer
40 lines
1.7 KiB
HTML
40 lines
1.7 KiB
HTML
{{- $enableFooterSwitches := .Scratch.Get "enableFooterSwitches" | default false -}}
|
|
|
|
{{- $copyright := (T "copyright") | default "© 2023 Hextra." -}}
|
|
|
|
{{- $footerWidth := "max-w-screen-xl" -}}
|
|
{{- with .Site.Params.footer.width -}}
|
|
{{ if eq . "wide" -}}
|
|
{{ $footerWidth = "max-w-[90rem]" -}}
|
|
{{ else if eq . "full" -}}
|
|
{{ $footerWidth = "max-w-full" -}}
|
|
{{ end -}}
|
|
{{- end -}}
|
|
|
|
<footer class="hextra-footer bg-gray-100 pb-[env(safe-area-inset-bottom)] dark:bg-neutral-900 print:bg-transparent">
|
|
{{- if $enableFooterSwitches }}
|
|
<div class='mx-auto flex gap-2 py-2 px-4 {{ $footerWidth }}'>
|
|
{{- partial "language-switch.html" (dict "context" .) -}}
|
|
{{- partial "theme-toggle.html" -}}
|
|
</div>
|
|
{{ end -}}
|
|
<hr class="dark:border-neutral-800" />
|
|
<div
|
|
class='{{ $footerWidth }} mx-auto flex justify-center py-12 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] text-gray-600 dark:text-gray-400 md:justify-start'
|
|
>
|
|
<div class="flex w-full flex-col items-center sm:items-start">
|
|
{{- if (.Site.Params.footer.displayPoweredBy | default true) }}<div class="font-semibold">{{ template "theme-credit" . }}</div>{{ end }}
|
|
{{- if .Site.Params.footer.displayCopyright }}<p class="mt-6 text-xs">{{ $copyright | markdownify }}</p>{{ end }}
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
{{- define "theme-credit" -}}
|
|
<a class="flex text-sm items-center gap-1 text-current" target="_blank" rel="noopener noreferrer" title="Hextra GitHub Homepage" href="https://github.com/imfing/hextra">
|
|
<span
|
|
>Powered by Hextra
|
|
{{- partial "utils/icon.html" (dict "name" "hextra" "attributes" "height=1em class=\"inline-block ml-1 align-text-bottom\"") -}}
|
|
</span>
|
|
</a>
|
|
{{- end -}}
|