25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
<aside class="w-72 flex-shrink-0 flex flex-col gap-12 border-r border-on-surface/10 pr-8">
|
|
<header>
|
|
<a class="font-display-lg text-display-lg text-on-surface" href="{{ `/` | relLangURL }}">{{ site.Title }}</a>
|
|
</header>
|
|
|
|
<div class="relative">
|
|
<span class="material-symbols-outlined absolute left-2 top-1.5 text-on-surface-variant text-[18px]">search</span>
|
|
<input class="w-full bg-transparent text-on-surface border border-outline/30 rounded py-1.5 pl-8 pr-3 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-colors placeholder-on-surface-variant/50 text-label-sm" placeholder="Search" type="text" aria-label="Search">
|
|
</div>
|
|
|
|
<nav class="flex flex-col gap-1 text-sm" aria-label="Primary">
|
|
{{ with site.Menus.main }}
|
|
{{ partial "menu-tree.html" . }}
|
|
{{ end }}
|
|
</nav>
|
|
|
|
{{ with site.Params.sidebarFooter }}
|
|
<div class="mt-auto pt-8 font-display-lg italic text-on-surface-variant text-lg">
|
|
{{ . }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
{{/* ponytail: search stays visual-only until a real index is worth the runtime and markup */}}
|
|
</aside>
|