diff options
Diffstat (limited to 'src/partials/sidebar.html')
| -rw-r--r-- | src/partials/sidebar.html | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html index 927137e..685c5af 100644 --- a/src/partials/sidebar.html +++ b/src/partials/sidebar.html @@ -1 +1,23 @@ -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="https://duckduckgo.com/" method="get" role="search"> + <input type="hidden" name="sites" value="mnik01-blog.mlibren.com" /> + <input type="search" name="q" id="search" class="border focus:outline-0 grow text-sm pl-3 border-zinc-200 placeholder:text-zinc-600 h-10" placeholder="Поиск с DuckDuckGo" 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="#">какими, по-моему, должны быть мобильные телефоны</a></li> + <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="#">Заметки про The Czar is Dead 2 Demo</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-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize text-xs hover:underline w-fit">linux</a></li> + <li><a href="#" class="flex items-center justify-center bg-orange-200 rounded-lg px-1.5 text-orange-600 first-letter:capitalize text-xs hover:underline w-fit">hardware</a></li> + <li><a href="#" class="flex items-center justify-center bg-yellow-200 rounded-lg px-1.5 text-yellow-600 first-letter:capitalize text-xs hover:underline w-fit">software</a></li> + <li><a href="#" class="flex items-center justify-center bg-pink-200 rounded-lg px-1.5 text-pink-600 first-letter:capitalize text-xs hover:underline w-fit">игры</a></li> + </ul> + </nav> +</aside>
\ No newline at end of file |
