|
15 | 15 | {"name": "Scholarships", "link": "attend/scholarships"}, |
16 | 16 | {"name": "Accessibility", "link": "attend/accessibility"}, |
17 | 17 | {"name": "Health and Safety", "link": "attend/health-and-safety"}, |
18 | | - {"name": "FAQ's", "link": "about/faqs"} |
| 18 | + {"name": "FAQ's", "link": "attend/faqs"} |
19 | 19 | ] |
20 | 20 | }, |
21 | 21 | { |
|
57 | 57 | "isExternal": true |
58 | 58 | } |
59 | 59 | ] %} |
60 | | - |
| 60 | + |
61 | 61 | <input type="radio" id="desktop-menu-close-all" name="desktop-menu-radio" class="sr-only hidden" checked> |
62 | 62 | {% for item in menuItems %} |
63 | 63 | {% if item.hasSubmenu %} |
64 | 64 | <input type="radio" id="desktop-menu-radio-{{ loop.index }}" name="desktop-menu-radio" class="sr-only hidden"> |
65 | 65 | {% endif %} |
66 | 66 | {% endfor %} |
67 | | - |
| 67 | + |
68 | 68 | {% for item in menuItems %} |
69 | 69 | <li class="relative"> |
70 | 70 | {% if item.hasSubmenu %} |
71 | | - <label for="desktop-menu-radio-{{ loop.index }}" |
| 71 | + <label for="desktop-menu-radio-{{ loop.index }}" |
72 | 72 | class="flex items-center gap-1 py-2 px-3 text-white hover:text-[#D7FF7B] text-base font-normal font-['Acid_Grotesk'] leading-tight transition-colors duration-200 cursor-pointer nav-link"> |
73 | 73 | {{ item.name }} |
74 | 74 | <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" class="ml-1 fill-current text-gray-400 transition-transform duration-200"> |
75 | 75 | <path d="M1 1L5 5L9 1" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/> |
76 | 76 | </svg> |
77 | 77 | </label> |
78 | | - |
| 78 | + |
79 | 79 | <label for="desktop-menu-close-all" class="fixed inset-0 bg-transparent z-0 hidden"></label> |
80 | | - |
| 80 | + |
81 | 81 | <div class="absolute left-0 top-full mt-1 w-auto invisible opacity-0 transition-all duration-200 z-10 transform origin-top scale-95 dropdown-glass rounded-lg shadow-lg"> |
82 | | - <div class="w-full rounded-lg border border-white/10"> |
83 | | - <div class="w-full flex flex-col"> |
| 82 | + <div class="w-full rounded-lg border border-white/10"> |
| 83 | + <div class="w-full flex flex-col"> |
84 | 84 | {% for subitem in item.submenu %} |
85 | | - <div class="w-full p-4 bg-white/90 hover:bg-pycon-lime border-b border-black/10 flex justify-between items-center transition-colors duration-150 first:rounded-t-lg last:rounded-b-lg last:border-b-0"> |
| 85 | + <div class="w-full p-4 bg-white/90 hover:bg-pycon-lime border-b border-black/10 flex justify-between items-center transition-colors duration-150 first:rounded-t-lg last:rounded-b-lg last:border-b-0"> |
86 | 86 | <a href="{{ env.baseUrl }}{{ subitem.link }}" class="text-gray-800 hover:text-[#4662ff] text-sm font-medium font-['Inter'] leading-tight no-underline dropdown-item block w-full"> |
87 | 87 | {{ subitem.name }} |
88 | | - </a> |
89 | | - <div class="size-5 relative overflow-hidden"> |
90 | | - <div class="bg-gray-400 hover:bg-pycon-blue w-[5.49px] h-[9.31px] left-[7.50px] top-[5.35px] absolute transition-colors duration-150"></div> |
91 | | - </div> |
| 88 | + </a> |
| 89 | + <div class="size-5 relative overflow-hidden"> |
| 90 | + <div class="bg-gray-400 hover:bg-pycon-blue w-[5.49px] h-[9.31px] left-[7.50px] top-[5.35px] absolute transition-colors duration-150"></div> |
| 91 | + </div> |
92 | 92 | </div> |
93 | 93 | {% endfor %} |
94 | | - </div> |
| 94 | + </div> |
95 | 95 | </div> |
96 | 96 | </div> |
97 | 97 | {% else %} |
|
116 | 116 | <a href="{{ env.baseUrl }}" class="flex items-center z-20"> |
117 | 117 | <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India 2025" class="h-8 w-auto"> |
118 | 118 | </a> |
119 | | - |
| 119 | + |
120 | 120 | <input type="checkbox" id="mobile-menu-checkbox" class="hidden"> |
121 | 121 | <label for="mobile-menu-checkbox" class="cursor-pointer z-50 hover:bg-white/30 p-2 rounded-full transition-all duration-300 inline-flex items-center justify-center"> |
122 | 122 | <svg width="24" height="22" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg"> |
|
154 | 154 | </svg> |
155 | 155 | </button> |
156 | 156 | </div> |
157 | | - |
| 157 | + |
158 | 158 | <div class="container mx-auto px-4 py-4"> |
159 | 159 | <div class="flex flex-col space-y-4"> |
160 | 160 | {% for item in menuItems %} |
|
0 commit comments