Tailwind + Logo

This commit is contained in:
Rico van Zelst
2023-10-25 22:40:15 +02:00
parent cc882c4488
commit 23c31f88c5
20 changed files with 3460 additions and 133 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 88 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 86 KiB

View File

@@ -0,0 +1,74 @@
<header class="bg-white dark:bg-gray-900">
<div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 items-center justify-between">
<div class="md:flex md:items-center md:gap-12">
<a class=" flex flex-row items-center" href="/">
<span class="sr-only">Home</span>
<x-logo class="h-12 w-auto mr-3" />
<p class="text-white font-semibold">Heimerdinger.lol</p>
</a>
</div>
<div class="hidden md:block">
<nav aria-label="Global">
<ul class="flex items-center gap-6 text-sm">
<li>
<a class="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/">
About
</a>
</li>
<li>
<a class="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/">
Careers
</a>
</li>
<li>
<a class="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/">
History
</a>
</li>
<li>
<a class="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/">
Services
</a>
</li>
<li>
<a class="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/">
Projects
</a>
</li>
<li>
<a class="text-gray-500 transition hover:text-gray-500/75 dark:text-white dark:hover:text-white/75"
href="/">
Blog
</a>
</li>
</ul>
</nav>
</div>
<div class="flex items-center gap-4">
<div class="block md:hidden">
<button
class="rounded bg-gray-100 p-2 text-gray-600 transition hover:text-gray-600/75 dark:bg-gray-800 dark:text-white dark:hover:text-white/75">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
</div>
</div>
</div>
</header>