blob: bddca4590d83b7643e8bc62988eede35778f8ad3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<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>
|