diff options
Diffstat (limited to 'src/partials/sidebar.html')
| -rw-r--r-- | src/partials/sidebar.html | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html index 927137e..f851342 100644 --- a/src/partials/sidebar.html +++ b/src/partials/sidebar.html @@ -1 +1,26 @@ -sidebar.html
\ No newline at end of file +<aside class="col-span-3"> + <form class="flex outline-offset-4 outline-yellow-600/50 has-focus:outline-2" action="/search" method="get" role="search"> + <input + class="border focus:outline-0 grow text-sm pl-3 border-zinc-200 placeholder:text-zinc-600 h-10" + type="search" + id="search" + placeholder="Поиск с DuckDuckGo" + name="q" + required + > + <button class="px-6 cursor-pointer first-letter:capitalize bg-zinc-200 text-sm" type="submit">поиск</button> + </form> + <nav class="max-md:hidden pt-6"> + <span class=" capitalize">публикации</span> + <ul class="space-y-2 mt-2"> + <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/dungeons-and-zombies-minecraft-geology.html">Dungeons & Zombies (или майнкрафт с точки зрения геолога)</a></li> + </ul> + </nav> + <nav class="pt-6"> + <span class=" capitalize">категории</span> + <ul id="tags-aside" class="flex flex-wrap gap-2 mt-2"> + <li><a href="#" class="flex items-center justify-center bg-zinc-200 rounded-lg px-1.5 text-zinc-600 first-letter:capitalize text-xs hover:underline w-fit">геология</a></li> + <li><a href="#" class="flex items-center justify-center bg-green-200 rounded-lg px-1.5 text-green-600 first-letter:capitalize text-xs hover:underline w-fit">minecraft</a></li> + </ul> + </nav> +</aside>
\ No newline at end of file |