blakerain.com/layouts/partials/footer.html
Blake Rain 28bf680246
All checks were successful
deploy / deploy-site (push) Successful in 28s
check / check (push) Successful in 21s
fix(nav): bad horizontal padding in navigation
2024-06-05 12:06:14 +01:00

62 lines
2.1 KiB
HTML

<footer class="print:hidden bg-primary text-neutral-400 text-sm mt-4 min-h-[10rem] flex-col">
<div class="container mx-auto flex flex-col gap-4 md:gap-0 py-6 px-2 sm:px-4 items-center
sm:flex-row sm:items-start sm:justify-between">
<div class="flex flex-col gap-4 lg:gap-0">
<div>Copyright &copy; {{ .Site.Lastmod | time.Format "2006" }} Blake Rain</div>
</div>
<div class="w-full sm:w-auto flex flex-row lg:flex-col justify-between lg:items-end px-8 sm:px-0 gap-8 lg:gap-2">
{{ with site.Menus.footer }}
<div class="flex flex-col md:items-end lg:items-start lg:flex-row gap-4 lg:gap-3">
{{ range . }}
<a class="hover:text-neutral-50" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</div>
{{ end }}
<div class="flex flex-col md:items-end lg:items-start lg:flex-row gap-4 lg:gap-3">
<a
class="hover:text-neutral-50"
href="https://git.blakerain.com/BlakeRain"
title="My gitea"
target="_blank"
rel="noreferrer">
Gitea
</a>
<a
class="hover:text-neutral-50"
href="https://github.com/BlakeRain"
title="My GitHub profile"
target="_blank"
rel="noreferrer">
GitHub
</a>
<a
class="hover:text-neutral-50"
href="https://mastodonapp.uk/@BlakeRain"
title="@BlakeRain@mastodonapp.uk"
target="_blank"
rel="noreferrer">
Mastodon
</a>
<a
class="hover:text-neutral-50"
href="https://status.blakerain.com/"
title="Service status"
target="_blank"
rel="noreferrer">
Status
</a>
</div>
</div>
</div>
{{ if hugo.IsDevelopment }}
<div class="flex flex-row justify-center mb-4 gap-2">
<div class="opacity-50 sm:opacity-100">sm</div>
<div class="opacity-50 md:opacity-100">md</div>
<div class="opacity-50 lg:opacity-100">lg</div>
<div class="opacity-50 xl:opacity-100">xl</div>
<div class="opacity-50 2xl:opacity-100">2xl</div>
</div>
{{ end }}
</footer>