box-box/layouts/partials/footer.html

{{- $color := (index (shuffle (slice "cyan" "teal" "pink" "rose" "fuchsia" "purple" "violet" "indigo" "emerald" "yellow" "amber" "red")) 0) }}
<div
  class="relative overflow-auto px-4 ring-1 ring-gray-800 mt-5 text-center text-light text-gray-500 hover:text-black hover:bg-{{ $color }}-400 dark:text-gray-200 dark:ring-white dark:hover:ring-black dark:hover:bg-{{ $color }}"
>
  <span
    ><a href="https://github.com/avinal/box-box">Box Box</a> | A
    <a href="https://gohugo.io/">Hugo</a> theme by
    <a href="https://avinal.space">Avinal</a>
  </span>
</div>