summaryrefslogtreecommitdiff
path: root/src/partials/sidebar.html
blob: f8513420193adc5ef3c6037a225469b4da0e37d7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<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>