feat: initial style

2026-06-21 10:43:31 +00:00
parent 452a44277e
commit 4ea3a144da
15 changed files with 361 additions and 0 deletions
@@ -0,0 +1,29 @@
+{{- range .ByWeight -}}
+  <div class="flex flex-col">
+    <a class="flex items-center {{ if .HasChildren }}text-on-surface{{ else }}text-on-surface-variant{{ end }} hover:text-primary transition-colors py-1 text-left w-full group" href="{{ .URL }}">
+      <span class="material-symbols-outlined text-[16px] mr-1 text-on-surface-variant group-hover:text-primary">{{ if .HasChildren }}expand_more{{ else }}chevron_right{{ end }}</span>
+      {{ .Name }}
+    </a>
+    {{- with .Children -}}
+      <div class="ml-6 flex flex-col gap-1 text-on-surface-variant text-label-sm tree-item mt-1 mb-2">
+        {{- range .ByWeight -}}
+          {{- if .HasChildren -}}
+            <div class="flex flex-col">
+              <a class="flex items-center hover:text-on-surface transition-colors py-0.5" href="{{ .URL }}">
+                <span class="material-symbols-outlined text-[14px] mr-1 text-on-surface-variant">expand_more</span>
+                {{ .Name }}
+              </a>
+              <div class="ml-5 flex flex-col gap-1 text-on-surface-variant text-label-sm tree-item mt-1 italic">
+                {{ range .Children.ByWeight }}
+                  <a class="hover:text-on-surface transition-colors py-0.5" href="{{ .URL }}">{{ .Name }}</a>
+                {{ end }}
+              </div>
+            </div>
+          {{- else -}}
+            <a class="hover:text-on-surface transition-colors py-0.5 italic" href="{{ .URL }}">{{ .Name }}</a>
+          {{- end -}}
+        {{- end -}}
+      </div>
+    {{- end -}}
+  </div>
+{{- end -}}
@@ -0,0 +1,24 @@
+<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>