2024-09-12 14:36:45 -04:00
|
|
|
<div class="m-4 rounded-lg p-4 min-h-[40.27px] flex flex-row justify-between bg-[#f1f5fc] sticky-navbar">
|
2024-09-12 13:41:14 -04:00
|
|
|
{{ with site.GetPage "_index.md" }}
|
|
|
|
|
|
2024-09-12 14:36:45 -04:00
|
|
|
<a class="justify-center flex mb-2 sm:mb-0" aria-label="Back to home" href="/"><img class="h-[40.2667px]"
|
|
|
|
|
alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
|
|
|
|
|
<nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
|
2024-09-12 13:41:14 -04:00
|
|
|
{{ range .Site.Menus.main }}
|
2024-09-12 19:51:31 -04:00
|
|
|
<a class="relative inline-block p-2 -translate-y-2 uppercase text-lg font-semibold py-2 text-gray-900 overflow-hidden group" href="{{ .URL }}"
|
2024-09-12 15:01:22 -04:00
|
|
|
aria-label="{{ .Identifier }}">
|
2024-09-12 13:41:14 -04:00
|
|
|
{{ $text := print .Name | safeHTML }} {{ $text }}
|
2024-09-12 15:01:22 -04:00
|
|
|
<span
|
2024-09-12 19:51:31 -04:00
|
|
|
class="absolute inset-0 h-7 translate-y-3 bg-[#d8e2f3] transition-transform duration-300 transform -translate-x-full group-hover:translate-x-0 z-[-1]"></span>
|
2024-09-12 13:41:14 -04:00
|
|
|
</a>
|
|
|
|
|
{{ end }}
|
|
|
|
|
</nav>
|
|
|
|
|
{{ end }}
|
2024-09-12 14:36:45 -04:00
|
|
|
</div>
|
