footer.html

{{- $enableFooterSwitches := .Scratch.Get "enableFooterSwitches" | default false -}}
{{- $displayThemeToggle := site.Params.theme.displayToggle | default true -}}

{{- $copyright := (T "copyright") | default "© 2024 Hextra." -}}
{{- $poweredBy := (T "poweredBy") | default "Powered by Hextra" -}}

{{- $footerWidth := "hx-max-w-screen-xl" -}}
{{- with .Site.Params.footer.width -}}
  {{ if eq . "wide" -}}
    {{ $footerWidth = "hx-max-w-[90rem]" -}}
  {{ else if eq . "full" -}}
    {{ $footerWidth = "max-w-full" -}}
  {{ end -}}
{{- end -}}

<footer class="hextra-footer hx-bg-gray-100 hx-pb-[env(safe-area-inset-bottom)] dark:hx-bg-neutral-900 print:hx-bg-transparent">
  {{- if $enableFooterSwitches -}}
    <div class="hx-mx-auto hx-flex hx-gap-2 hx-py-2 hx-px-4 {{ $footerWidth }}">
      {{- partial "language-switch.html" (dict "context" .) -}}
      {{- with $displayThemeToggle }}{{ partial "theme-toggle.html" }}{{ end -}}
    </div>
    {{- if or hugo.IsMultilingual $displayThemeToggle -}}
      <hr class="dark:hx-border-neutral-800" />
    {{- end -}}
  {{- end -}}
  <div
    class="{{ $footerWidth }} hx-mx-auto hx-flex hx-justify-center hx-py-12 hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400 md:hx-justify-start"
  >
    <div class="hx-flex hx-w-full hx-flex-col hx-items-center sm:hx-items-start hx-gap-y-2">
      <div class="hx-flex hx-flex-wrap hx-gap-1 hx-items-center hx-justify-center hx-w-full hx-mt-1 hx-text-xs">
        <a href="https://github.com/about" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">About</a>
        <a href="https://www.githubstatus.com/" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Status</a>
        <a href="https://docs.github.com/site-policy/github-terms/github-terms-of-service" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Terms</a>
        <a href="https://docs.github.com/site-policy/privacy-policies/github-privacy-statement" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Privacy</a>
        <a href="https://docs.github.com/" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Docs</a>
        <a href="https://github.blog/" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Blog</a>
        <a href="https://github.com/githubpartners-community/community/discussions/categories/waf-feedback-and-suggestions" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Partners</a>
        <a href="https://github.com/orgs/community/discussions?discussions_q=label%3A%22GitHub+Well-Architected%22" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Community</a>
        <a href="https://github.com/github/github-well-architected" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Open Source</a>
        <a href="https://support.github.com/contact" style="color: #4493fb; margin-right: 1rem; margin-left: 1rem;">Contact</a>
      </div>
      {{- if .Site.Params.footer.displayCopyright }}
        <div class="hx-w-full hx-text-center">
          <div class="hx-mt-1 hx-text-xs">{{ $copyright | markdownify }}</div>
        </div>
      {{ end }}
      {{- if (.Site.Params.footer.displayPoweredBy | default true) }}
        <div class="hx-w-full hx-text-center">
          <div class="hx-font-semibold">{{ template "theme-credit" $poweredBy }}</div>
        </div>
      {{ end }}
    </div>
  </div>
</footer>

{{- define "theme-credit" -}}
  <a class="hx-flex hx-text-sm hx-items-center hx-gap-1 hx-text-current" target="_blank" rel="noopener noreferrer" title="Hextra GitHub Homepage" href="https://github.com/imfing/hextra">
    <span>
      {{- . | markdownify -}}
      {{- if strings.Contains . "Hextra" -}}
        {{- partial "utils/icon.html" (dict "name" "hextra" "attributes" `height=1em class="hx-inline-block ltr:hx-ml-1 rtl:hx-mr-1 hx-align-[-2.5px]"`) -}}
      {{- end -}}
    </span>
  </a>
{{- end -}}