mirror of
https://github.com/php-flasher/php-flasher.git
synced 2026-03-31 23:17:47 +01:00
Younes ENNAJI
49 lines
2.8 KiB
HTML
49 lines
2.8 KiB
HTML
<header class="w-full bg-white border-b border-slate-200 shadow-sm">
|
|
<div class="container max-w-7xl mx-auto px-4 lg:px-6">
|
|
<div class="flex items-center justify-between h-16">
|
|
<!-- Logo Area -->
|
|
<div class="flex items-center space-x-4">
|
|
<a href="/" class="flex items-center space-x-3 group">
|
|
<div class="relative">
|
|
<span class="text-xl font-semibold text-indigo-900">PHP<span class="text-indigo-500">Flasher</span></span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Version Selector -->
|
|
<div class="hidden sm:flex items-center space-x-2">
|
|
{% for version in site.data.project.versions %}
|
|
<a href="{{ version[1] }}" class="{% if forloop.first %}bg-indigo-500 text-white{% else %}text-indigo-700 bg-indigo-50 hover:bg-indigo-100{% endif %} text-xs px-2.5 py-1 rounded-full font-medium transition">
|
|
{{ version[0] }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Button -->
|
|
<div class="lg:hidden">
|
|
<button id="menu-toggle" class="p-2 rounded-md text-slate-500 hover:bg-slate-100 focus:outline-none">
|
|
<svg class="menu-closed:shown h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
|
</svg>
|
|
<svg class="menu-closed:hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Desktop Navigation Links -->
|
|
<nav class="hidden lg:flex items-center space-x-4">
|
|
<a href="https://github.com/php-flasher/php-flasher" class="text-slate-600 hover:text-indigo-600 p-2 flex items-center gap-1.5 transition-colors">
|
|
<i class="fa-brands fa-github"></i> <span>GitHub</span>
|
|
</a>
|
|
<a href="/symfony/" class="text-slate-600 hover:text-indigo-600 p-2 flex items-center gap-1.5 transition-colors">
|
|
<i class="fa-duotone fa-book"></i> <span>Documentation</span>
|
|
</a>
|
|
<a href="https://www.linkedin.com/in/yoeunes/" class="text-slate-600 hover:text-indigo-600 p-2 flex items-center gap-1.5 transition-colors">
|
|
<i class="fa-brands fa-linkedin"></i> <span>Author</span>
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|