<footer class="py-10"> {{/* Footer menu */}} {{ if .Site.Menus.footer }} <nav class="pb-4 text-base font-medium text-neutral-400 dark:text-neutral-500"> <ul class="flex flex-col list-none sm:flex-row"> {{ range .Site.Menus.footer }} <li class="mb-1 sm:mb-0 sm:mr-7 sm:last:mr-0"> <a class="hover:underline hover:underline-primary-500 hover:underline-thickness-bold hover:underline-offset-small" href="{{ .URL }}" title="{{ .Title }}" >{{ .Name | markdownify | emojify }}</a > </li> {{ end }} </ul> </nav> {{ end }} <div class="flex justify-between"> <div> {{/* Copyright */}} <p class="text-sm text-neutral-400 dark:text-neutral-500"> {{- with .Site.Copyright }} {{ . | emojify | markdownify }} {{- else }} © {{ now.Format "2006" }} {{ .Site.Author.name | markdownify | emojify }} {{- end }} </p> {{/* Theme attribution */}} {{ if .Site.Params.attribution | default true }} <p class="text-xs text-neutral-300 dark:text-neutral-600"> {{ $hugo := printf `<a class="hover:underline hover:underline-primary-300 hover:text-primary-400" href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a>` }} {{ $congo := printf `<a class="hover:underline hover:underline-primary-300 hover:text-primary-400" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>` }} {{ i18n "footer.powered_by" (dict "Hugo" $hugo "Congo" $congo) | safeHTML }} </p> {{ end }} </div> {{/* Dark mode toggle */}} {{ if and (.Site.Params.darkToggle | default false) (eq (.Site.Params.darkMode | default "auto") "auto") }} <div class="text-sm cursor-pointer text-neutral-400 dark:text-neutral-500"> <button id="dark-toggle" onclick="setPreferredAppearance('dark');" oncontextmenu="setPreferredAppearance('default'); return false;" class="inline px-2 py-1 border rounded-md border-neutral-200 dark:hidden hover:text-primary-500 hover:border-primary-400" title="{{ i18n "footer.dark_appearance" }}" > {{ partial "icon.html" "moon" }} </button> <button id="light-toggle" onclick="setPreferredAppearance('light');" oncontextmenu="setPreferredAppearance('default'); return false;" class="hidden px-2 py-1 border rounded-md cursor-pointer dark:inline border-neutral-700 hover:text-primary-400 hover:border-primary-500" title="{{ i18n "footer.light_appearance" }}" > {{ partial "icon.html" "sun" }} </button> </div> {{ end }} </div> {{/* Extend footer - eg. for extra scripts, etc. */}} {{ if templates.Exists "partials/extend-footer.html" }} {{ partialCached "extend-footer.html" . }} {{ end }} </footer>