39 lines
2.1 KiB
HTML
39 lines
2.1 KiB
HTML
{% block navigation %}
|
|
<!-- navigation -->
|
|
<div class="md:col-span-1 md:flex md:justify-end">
|
|
<nav class="text-right">
|
|
<div class="flex justify-between items-center">
|
|
<h1 class="font-bold uppercase p-4 border-b border-gray-100">
|
|
<a href="/" class="hover:text-gray-600">Cooked</a>
|
|
</h1>
|
|
<div class="px-4 cursor-pointer md:hidden" id="burger">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" 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>
|
|
</div>
|
|
</div>
|
|
<ul class="text-sm mt-6 hidden md:block" id="menu">
|
|
<li class="text-gray-700 font-bold py-2">
|
|
<a href="#" class="px-4 flex justify-end border-r-4 border-primary hover:shadow-md">
|
|
<span>Home</span>
|
|
<svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
|
|
<path
|
|
d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z" />
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
<li class="py-2">
|
|
<a href="#" class="px-4 flex justify-end border-r-4 border-white hover:shadow-md">
|
|
<span>About</span>
|
|
<svg class="w-5 ml-2" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
|
|
<path fill-rule="evenodd"
|
|
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z"
|
|
clip-rule="evenodd" />
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
{% endblock %}
|