1- <header class =" bg-jsmn-yellow shadow"
2- <nav
3- class =" container mx-auto p-2 max-w-3xl px-8 pt-2 flex justify-between items-center"
4- >
5- <a class =" w-2/5 text-lg font-bold" href =" {{ site.baseUrl }}"
6- >{{ site .name }} </a
7- >
8- <ul class =" w-3/5 flex flex-wrap md:justify-between justify-evenly"
1+ <nav class =" bg-gray-800 shadow-md relative"
2+ <div class =" container mx-auto px-2 sm:px-6 lg:px-8"
3+ <div class =" relative flex items-center justify-between h-16"
4+ <div class =" absolute inset-y-0 left-0 flex items-center sm:hidden"
5+ <button id =" ope-let-me-get-this-for-ya" class =" inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:bg-gray-700 focus:text-white transition duration-150 ease-in-out" aria-label =" Main menu" aria-expanded =" false"
6+ <svg class =" block h-6 w-6" data-menu-button xmlns =" http://www.w3.org/2000/svg" fill =" none" viewBox =" 0 0 24 24" stroke =" currentColor"
7+ <path stroke-linecap =" round" stroke-linejoin =" round" stroke-width =" 2" d =" M4 6h16M4 12h16M4 18h16"
8+ </svg >
9+ <svg class =" hidden h-6 w-6" data-close-button xmlns =" http://www.w3.org/2000/svg" fill =" none" viewBox =" 0 0 24 24" stroke =" currentColor"
10+ <path stroke-linecap =" round" stroke-linejoin =" round" stroke-width =" 2" d =" M6 18L18 6M6 6l12 12"
11+ </svg >
12+ </button >
13+ </div >
14+ <div class =" flex-1 flex items-center justify-center sm:items-stretch sm:justify-between"
15+ <div class =" flex-shrink-0"
16+ <a href =" {{ site.baseUrl }}" class =" flex lg:hidden w-auto"
17+ <img class =" h-8" src =" {{ site.baseUrl }}jsmn-logo.svg" alt =" {{ site.name }} logo"
18+ </a >
19+ <a href =" {{ site.baseUrl }}" class =" hidden lg:flex items-center w-auto"
20+ <img class =" h-8 block" src =" {{ site.baseUrl }}jsmn-logo.svg" alt =" {{ site.name }} logo"
21+ <span class =" text-white font-bold block pl-4" {{ site .name }} </span >
22+ </a >
23+ </div >
24+ <div class =" hidden sm:block sm:ml-6"
25+ <div class =" flex"
26+ {% for link in site .navigation %}
27+ <a href =" {{ site.baseUrl }}{{ link.path }}" class =" ml-4 px-3 py-2 rounded-md text-sm font-medium leading-5 text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out" {{ link .text }} </a >
28+ {% endfor %}
29+ </div >
30+ </div >
31+ </div >
32+ </div >
33+ </div >
34+ <div class =" hidden sm:hidden" data-mobile-menu >
35+ <div class =" px-2 pt-2 pb-3"
936 {% for link in site .navigation %}
10- <li >
11- <a
12- class =" font-bold transition-all duration-200 p-2 hover:bg-black hover:text-white"
13- href =" {{ site.baseUrl }}{{ link.path }}"
14- >
15- {{ link .text }}
16- </a >
17- </li >
37+ <a href =" {{ site.baseUrl }}{{ link.path }}" class =" mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out" {{ link .text }} </a >
1838 {% endfor %}
19- </ul >
20- </nav >
21- </header >
39+
40+ {# <a href="#" class="mt-1 block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out">🚀</a> #}
41+ </div >
42+ </div >
43+ </nav >
0 commit comments