49 lines
3.3 KiB
Go HTML Template
49 lines
3.3 KiB
Go HTML Template
<nav class="sticky top-3 z-20 backdrop-blur-sm border-gray-200 dark:border-gray-700 mx-auto md:mx-6">
|
|
<div class="max-w-screen-3xl flex flex-wrap items-center justify-between mx-auto p-2">
|
|
<a href="/" class="flex items-center">
|
|
<img src="/static/img/logo-pcmt.svg" class="h-8 mr-3" alt="logo" />
|
|
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">pcmt</span>
|
|
</a>
|
|
<div class="group/navbar">
|
|
<button type="button" class="inline-flex items-center p-2 ml-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" data-collapse-toggle="navbar">
|
|
<span class="sr-only">Main menu</span>
|
|
{{ template "svg-hamburger.tmpl" }}
|
|
</button>
|
|
<div class="hidden group-hover/navbar:block fixed z-50 right-[3.2rem] top-2 overflow-y-auto max-w-10 md:block md:w-auto" id="navbar">
|
|
<ul class="flex flex-col items-center font-medium p-4 md:p-0 mt-2 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
|
|
<li>
|
|
{{ if pageIs .Current "home" }}
|
|
<a href="/" class="block py-2 pl-3 pr-4 text-white bg-blue-500 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-500 md:dark:bg-transparent" aria-current="page">
|
|
{{ else }}
|
|
<a href="/" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-300 md:hover:bg-transparent md:border-0 md:hover:text-blue-500 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">
|
|
{{ end }}
|
|
Home
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-300 md:hover:bg-transparent md:border-0 md:hover:text-blue-500 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">About</a>
|
|
</li>
|
|
<li>
|
|
{{ if pageIs .Current "signup" }}
|
|
<a href="/signup" class="block py-2 pl-3 pr-4 text-white bg-blue-500 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-500 md:dark:bg-transparent" aria-current="page">
|
|
{{ else }}
|
|
<a href="/signup" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-200 md:hover:bg-transparent md:border-0 md:hover:text-blue-500 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">
|
|
{{ end }}
|
|
Register
|
|
</a>
|
|
</li>
|
|
<li>
|
|
{{ if pageIs .Current "signin" }}
|
|
<a href="/signin" class="block py-2 pl-3 pr-4 text-white bg-blue-500 rounded md:bg-transparent md:text-blue-700 md:p-0 md:dark:text-blue-500 dark:bg-blue-500 md:dark:bg-transparent" aria-current="page">
|
|
{{ else }}
|
|
<a href="/signin" class="block py-2 pl-3 pr-4 text-gray-900 rounded hover:bg-gray-200 md:hover:bg-transparent md:border-0 md:hover:text-blue-500 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">
|
|
{{ end }}
|
|
Sign in
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|