kot.pink
1{{ define "fileTree" }}
2 {{ if and .Name .IsDirectory }}
3 <details open>
4 <summary class="cursor-pointer list-none pt-1">
5 <span class="tree-directory inline-flex items-center gap-2 ">
6 {{ i "folder" "size-4 fill-current" }}
7 <span class="filename text-black dark:text-white">{{ .Name }}</span>
8 </span>
9 </summary>
10 <div class="ml-1 pl-4 border-l border-gray-200 dark:border-gray-700">
11 {{ range $child := .Children }}
12 {{ block "fileTree" $child }} {{ end }}
13 {{ end }}
14 </div>
15 </details>
16 {{ else if .Name }}
17 <div class="tree-file flex items-center gap-2 pt-1">
18 {{ i "file" "size-4" }}
19 <a href="#file-{{ .Path }}" class="filename text-black dark:text-white no-underline hover:underline">{{ .Name }}</a>
20 </div>
21 {{ else }}
22 {{ range $child := .Children }}
23 {{ block "fileTree" $child }} {{ end }}
24 {{ end }}
25 {{ end }}
26{{ end }}
27