73 lines
1.7 KiB
Svelte
73 lines
1.7 KiB
Svelte
<div class="navbar bg-base-100 shadow-sm">
|
|
<div class="navbar-start">
|
|
<div class="dropdown">
|
|
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-5 w-5"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M4 6h16M4 12h8m-8 6h16"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<ul
|
|
tabindex="-1"
|
|
class="dropdown-content menu z-1 mt-3 w-52 menu-sm rounded-box bg-base-100 p-2 shadow"
|
|
>
|
|
<li>
|
|
<a class="color-transition hover:text-accent" href="/about">about</a>
|
|
</li>
|
|
<li>
|
|
<a class="color-transition hover:text-accent" href="/projects"
|
|
>projects</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
class="color-transition hover:text-accent"
|
|
href="https://status.flake.sh/status/kumo">status</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<a href="/" class="color-transition btn text-xl btn-ghost hover:text-accent"
|
|
>notohh.dev</a
|
|
>
|
|
</div>
|
|
<div class="navbar-center hidden lg:flex">
|
|
<ul class="menu menu-horizontal px-1">
|
|
<li>
|
|
<a class="color-transition hover:text-accent" href="/about">about</a>
|
|
</li>
|
|
<li>
|
|
<a class="color-transition hover:text-accent" href="/projects"
|
|
>projects</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
class="color-transition hover:text-accent"
|
|
href="https://status.flake.sh/status/kumo">status</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="navbar-end">
|
|
<span class="inline-block hover:motion-preset-spin">
|
|
<a
|
|
href="https://www.youtube.com/watch?v=e1OWVKtAp7s"
|
|
class="color-transition btn btn-ghost hover:text-accent"
|
|
aria-label="=3"
|
|
>
|
|
=3
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|