45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<nav class="fixed w-full" style="z-index:1000">
|
|
<div
|
|
class="container mx-auto flex items-center justify-between flex-wrap bg-transparency p-6"
|
|
>
|
|
<div class="flex items-center flex-shrink-0 text-white mr-6">
|
|
<a class="font-semibold text-xl tracking-tight" href="/"
|
|
>{{ $.Site.Title }}</a
|
|
>
|
|
</div>
|
|
<div class="block lg:hidden">
|
|
<button
|
|
class="flex items-center px-3 py-2 border rounded text-teal-200 border-white hover:text-white hover:border-white"
|
|
>
|
|
<svg
|
|
class="fill-current h-3 w-3"
|
|
viewBox="0 0 20 20"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<title>Menu</title>
|
|
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto">
|
|
<div class="text-sm lg:flex-grow">
|
|
{{ $currentPage := . }} {{ range .Site.Menus.main }}
|
|
<a
|
|
href="{{ .URL }}"
|
|
class="block mt-4 lg:inline-block lg:mt-0 text-white hover:text-white mr-4"
|
|
>
|
|
{{ .Name }}
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
<div>
|
|
<a
|
|
href="#"
|
|
class="inline-block text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal-500 hover:bg-white mt-4 lg:mt-0"
|
|
>Blog</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|