Patrice Ferlet
df926940c9
Trying to make a modern webpage. Tailwind is verbose but helps to do it faster. I will later make a better CSS. TODO: make dynamic links to package repository, exe, binaries... and add a better example
74 lines
2.2 KiB
HTML
74 lines
2.2 KiB
HTML
<!-- Navigation -->
|
|
<nav class="bg-white shadow-sm">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between h-16">
|
|
<div class="flex items-center">
|
|
<img
|
|
src="https://repo.katenary.io/Katenary/katenary/raw/branch/master/doc/docs/statics/logo-vertical.svg"
|
|
alt="Katenary Logo"
|
|
class="h-10"
|
|
/>
|
|
</div>
|
|
<div class="hidden md:flex items-center space-x-8">
|
|
<a
|
|
href="#features"
|
|
class="text-gray-700 hover:text-orange-500 transition"
|
|
>Features</a
|
|
>
|
|
<a
|
|
href="#installation"
|
|
class="text-gray-700 hover:text-orange-500 transition"
|
|
>Installation</a
|
|
>
|
|
<a
|
|
href="#tutorials"
|
|
class="text-gray-700 hover:text-orange-500 transition"
|
|
>Tutorials</a
|
|
>
|
|
<a
|
|
href="https://repo.katenary.io/katenary/katenary"
|
|
target="_blank"
|
|
class="flex items-center text-gray-700 hover:text-orange-500 transition"
|
|
>
|
|
<i data-feather="git-branch" class="w-4 h-4 mr-1"></i> Repository
|
|
</a>
|
|
</div>
|
|
<div class="flex items-center md:hidden">
|
|
<button
|
|
id="mobile-menu-button"
|
|
class="text-gray-500 hover:text-orange-500 focus:outline-none"
|
|
>
|
|
<i data-feather="menu"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- Mobile menu -->
|
|
<div id="mobile-menu" class="hidden md:hidden px-4 pb-4">
|
|
<div class="flex flex-col space-y-4">
|
|
<a
|
|
href="#features"
|
|
class="text-gray-700 hover:text-orange-500 transition"
|
|
>Features</a
|
|
>
|
|
<a
|
|
href="#installation"
|
|
class="text-gray-700 hover:text-orange-500 transition"
|
|
>Installation</a
|
|
>
|
|
<a
|
|
href="#tutorials"
|
|
class="text-gray-700 hover:text-orange-500 transition"
|
|
>Tutorials</a
|
|
>
|
|
<a
|
|
href="https://repo.katenary.io/katenary/katenary"
|
|
target="_blank"
|
|
class="flex items-center text-gray-700 hover:text-orange-500 transition"
|
|
>
|
|
<i data-feather="git-branch" class="w-4 h-4 mr-1"></i> Repository
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|