1 files changed, 1181 insertions, 0 deletions
diff --git a/browse.html b/browse.html
new file mode 100644
index 0000000..45d3915
--- /dev/null
+++ b/browse.html
@@ -0,0 +1,1181 @@
+{{ $nonce := uuidv4 -}}
+{{ $nonceAttribute := print "nonce=" (quote $nonce) -}}
+{{ $csp := printf "default-src 'none'; img-src 'self' data:; object-src 'none'; base-uri 'none'; script-src 'nonce-%s'; style-src 'nonce-%s' fonts.googleapis.com; font-src fonts.gstatic.com; frame-ancestors 'none'; form-action 'none';" $nonce $nonce -}}
+{{/* To disable the Content-Security-Policy, set this to false */}}{{ $enableCsp := true -}}
+{{ if $enableCsp -}}
+  {{- .RespHeader.Set "Content-Security-Policy" $csp -}}
+{{ end -}}
+{{- /* Helper: emit &limit=…&offset=… only when set. Use as {{template "qs" .}} */ -}}
+{{- define "qs" -}}
+{{- if ne 0 .Limit}}&limit={{.Limit}}{{end -}}
+{{- if ne 0 .Offset}}&offset={{.Offset}}{{end -}}
+{{- end -}}
+{{- define "icon"}}
+        {{- if .IsDir}}
+                {{- if .IsSymlink}}
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-folder-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                        <path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" stroke-width="0" fill="currentColor"/>
+                        <path fill="var(--color-surface-container)" d="M2.795 17.306c0-2.374 1.792-4.314 4.078-4.538v-1.104a.38.38 0 0 1 .651-.272l2.45 2.492a.132.132 0 0 1 0 .188l-2.45 2.492a.381.381 0 0 1-.651-.272V15.24c-1.889.297-3.436 1.39-3.817 3.26a2.809 2.809 0 0 1-.261-1.193Z" stroke-width=".127478"/>
+                </svg>
+                {{- else}}
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-folder-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                        <path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" stroke-width="0" fill="currentColor"/>
+                </svg>
+                {{- end}}
+        {{- else if or (eq .Name "LICENSE") (eq .Name "README")}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-license" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11"/>
+                <path d="M9 7l4 0"/>
+                <path d="M9 11l4 0"/>
+        </svg>
+        {{- else if .HasExt ".jpg" ".jpeg" ".png" ".gif" ".webp" ".tiff" ".bmp" ".heif" ".heic" ".svg" ".avif"}}
+                {{- if eq .Tpl.Layout "grid"}}
+                <img loading="lazy" src="{{.Name | pathEscape}}">
+                {{- else}}
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-photo" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                        <path d="M15 8h.01"/>
+                        <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z"/>
+                        <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"/>
+                        <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"/>
+                </svg>
+                {{- end}}
+        {{- else if .HasExt ".mp4" ".mov" ".m4v" ".mpeg" ".mpg" ".avi" ".ogg" ".webm" ".mkv" ".vob" ".gifv" ".3gp"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-movie" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"/>
+                <path d="M8 4l0 16"/>
+                <path d="M16 4l0 16"/>
+                <path d="M4 8l4 0"/>
+                <path d="M4 16l4 0"/>
+                <path d="M4 12l16 0"/>
+                <path d="M16 8l4 0"/>
+                <path d="M16 16l4 0"/>
+        </svg>
+        {{- else if .HasExt ".mp3" ".m4a" ".aac" ".ogg" ".flac" ".wav" ".wma" ".midi" ".cda"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-music" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M6 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"/>
+                <path d="M16 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"/>
+                <path d="M9 17l0 -13l10 0l0 13"/>
+                <path d="M9 8l10 0"/>
+        </svg>
+        {{- else if .HasExt ".pdf"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-pdf" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"/>
+                <path d="M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6"/>
+                <path d="M17 18h2"/>
+                <path d="M20 15h-3v6"/>
+                <path d="M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z"/>
+        </svg>
+        {{- else if .HasExt ".csv" ".tsv"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-csv" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"/>
+                <path d="M7 16.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0"/>
+                <path d="M10 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"/>
+                <path d="M16 15l2 6l2 -6"/>
+        </svg>
+        {{- else if .HasExt ".txt" ".doc" ".docx" ".odt" ".fodt" ".rtf"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-text" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"/>
+                <path d="M9 9l1 0"/>
+                <path d="M9 13l6 0"/>
+                <path d="M9 17l6 0"/>
+        </svg>
+        {{- else if .HasExt ".xls" ".xlsx" ".ods" ".fods"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-spreadsheet" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"/>
+                <path d="M8 11h8v7h-8z"/>
+                <path d="M8 15h8"/>
+                <path d="M11 11v7"/>
+        </svg>
+        {{- else if .HasExt ".ppt" ".pptx" ".odp" ".fodp"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-presentation-analytics" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M9 12v-4"/>
+                <path d="M15 12v-2"/>
+                <path d="M12 12v-1"/>
+                <path d="M3 4h18"/>
+                <path d="M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10"/>
+                <path d="M12 16v4"/>
+                <path d="M9 20h6"/>
+        </svg>
+        {{- else if .HasExt ".zip" ".gz" ".xz" ".tar" ".7z" ".rar" ".xz" ".zst"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-zip" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M6 20.735a2 2 0 0 1 -1 -1.735v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"/>
+                <path d="M11 17a2 2 0 0 1 2 2v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-2a2 2 0 0 1 2 -2z"/>
+                <path d="M11 5l-1 0"/>
+                <path d="M13 7l-1 0"/>
+                <path d="M11 9l-1 0"/>
+                <path d="M13 11l-1 0"/>
+                <path d="M11 13l-1 0"/>
+                <path d="M13 15l-1 0"/>
+        </svg>
+        {{- else if .HasExt ".deb" ".dpkg"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-debian" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M12 17c-2.397 -.943 -4 -3.153 -4 -5.635c0 -2.19 1.039 -3.14 1.604 -3.595c2.646 -2.133 6.396 -.27 6.396 3.23c0 2.5 -2.905 2.121 -3.5 1.5c-.595 -.621 -1 -1.5 -.5 -2.5"/>
+                <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"/>
+        </svg>
+        {{- else if .HasExt ".rpm" ".exe" ".flatpak" ".appimage" ".jar" ".msi" ".apk"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-package" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5"/>
+                <path d="M12 12l8 -4.5"/>
+                <path d="M12 12l0 9"/>
+                <path d="M12 12l-8 -4.5"/>
+                <path d="M16 5.25l-8 4.5"/>
+        </svg>
+        {{- else if .HasExt ".ps1"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-powershell" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M4.887 20h11.868c.893 0 1.664 -.665 1.847 -1.592l2.358 -12c.212 -1.081 -.442 -2.14 -1.462 -2.366a1.784 1.784 0 0 0 -.385 -.042h-11.868c-.893 0 -1.664 .665 -1.847 1.592l-2.358 12c-.212 1.081 .442 2.14 1.462 2.366c.127 .028 .256 .042 .385 .042z"/>
+                <path d="M9 8l4 4l-6 4"/>
+                <path d="M12 16h3"/>
+        </svg>
+        {{- else if .HasExt ".py" ".pyc" ".pyo"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-python" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M12 9h-7a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h3"/>
+                <path d="M12 15h7a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-3"/>
+                <path d="M8 9v-4a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v5a2 2 0 0 1 -2 2h-4a2 2 0 0 0 -2 2v5a2 2 0 0 0 2 2h4a2 2 0 0 0 2 -2v-4"/>
+                <path d="M11 6l0 .01"/>
+                <path d="M13 18l0 .01"/>
+        </svg>
+        {{- else if .HasExt ".bash" ".sh" ".com" ".bat" ".dll" ".so"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-script" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M17 20h-11a3 3 0 0 1 0 -6h11a3 3 0 0 0 0 6h1a3 3 0 0 0 3 -3v-11a2 2 0 0 0 -2 -2h-10a2 2 0 0 0 -2 2v8"/>
+        </svg>
+        {{- else if .HasExt ".dmg"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-finder" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M3 4m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1z"/>
+                <path d="M7 8v1"/>
+                <path d="M17 8v1"/>
+                <path d="M12.5 4c-.654 1.486 -1.26 3.443 -1.5 9h2.5c-.19 2.867 .094 5.024 .5 7"/>
+                <path d="M7 15.5c3.667 2 6.333 2 10 0"/>
+        </svg>
+        {{- else if .HasExt ".iso" ".img"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-disc" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"/>
+                <path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/>
+                <path d="M7 12a5 5 0 0 1 5 -5"/>
+                <path d="M12 17a5 5 0 0 0 5 -5"/>
+        </svg>
+        {{- else if .HasExt ".md" ".mdown" ".markdown"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-markdown" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z"/>
+                <path d="M7 15v-6l2 2l2 -2v6"/>
+                <path d="M14 13l2 2l2 -2m-2 2v-6"/>
+        </svg>
+        {{- else if .HasExt ".ttf" ".otf" ".woff" ".woff2" ".eof"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-typography" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"/>
+                <path d="M11 18h2"/>
+                <path d="M12 18v-7"/>
+                <path d="M9 12v-1h6v1"/>
+        </svg>
+        {{- else if .HasExt ".go"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-golang" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M15.695 14.305c1.061 1.06 2.953 .888 4.226 -.384c1.272 -1.273 1.444 -3.165 .384 -4.226c-1.061 -1.06 -2.953 -.888 -4.226 .384c-1.272 1.273 -1.444 3.165 -.384 4.226z"/>
+                <path d="M12.68 9.233c-1.084 -.497 -2.545 -.191 -3.591 .846c-1.284 1.273 -1.457 3.165 -.388 4.226c1.07 1.06 2.978 .888 4.261 -.384a3.669 3.669 0 0 0 1.038 -1.921h-2.427"/>
+                <path d="M5.5 15h-1.5"/>
+                <path d="M6 9h-2"/>
+                <path d="M5 12h-3"/>
+        </svg>
+        {{- else if .HasExt ".html" ".htm"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-html" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"/>
+                <path d="M2 21v-6"/>
+                <path d="M5 15v6"/>
+                <path d="M2 18h3"/>
+                <path d="M20 15v6h2"/>
+                <path d="M13 21v-6l2 3l2 -3v6"/>
+                <path d="M7.5 15h3"/>
+                <path d="M9 15v6"/>
+        </svg>
+        {{- else if .HasExt ".js"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-js" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M3 15h3v4.5a1.5 1.5 0 0 1 -3 0"/>
+                <path d="M9 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"/>
+        </svg>
+        {{- else if .HasExt ".css"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-css" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"/>
+                <path d="M8 16.5a1.5 1.5 0 0 0 -3 0v3a1.5 1.5 0 0 0 3 0"/>
+                <path d="M11 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"/>
+                <path d="M17 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"/>
+        </svg>
+        {{- else if .HasExt ".json" ".json5" ".jsonc"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-json" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M20 16v-8l3 8v-8"/>
+                <path d="M15 8a2 2 0 0 1 2 2v4a2 2 0 1 1 -4 0v-4a2 2 0 0 1 2 -2z"/>
+                <path d="M1 8h3v6.5a1.5 1.5 0 0 1 -3 0v-.5"/>
+                <path d="M7 15a1 1 0 0 0 1 1h1a1 1 0 0 0 1 -1v-2a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-2a1 1 0 0 1 1 -1h1a1 1 0 0 1 1 1"/>
+        </svg>
+        {{- else if .HasExt ".ts"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-ts" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-1"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M9 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"/>
+                <path d="M3.5 15h3"/>
+                <path d="M5 15v6"/>
+        </svg>
+        {{- else if .HasExt ".sql"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-sql" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                <path d="M5 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75"/>
+                <path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4"/>
+                <path d="M18 15v6h2"/>
+                <path d="M13 15a2 2 0 0 1 2 2v2a2 2 0 1 1 -4 0v-2a2 2 0 0 1 2 -2z"/>
+                <path d="M14 20l1.5 1.5"/>
+        </svg>
+        {{- else if .HasExt ".db" ".sqlite" ".bak" ".mdb"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-database" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M12 6m-8 0a8 3 0 1 0 16 0a8 3 0 1 0 -16 0"/>
+                <path d="M4 6v6a8 3 0 0 0 16 0v-6"/>
+                <path d="M4 12v6a8 3 0 0 0 16 0v-6"/>
+        </svg>
+        {{- else if .HasExt ".eml" ".email" ".mailbox" ".mbox" ".msg"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mail" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z"/>
+                <path d="M3 7l9 6l9 -6"/>
+        </svg>
+        {{- else if .HasExt ".crt" ".pem" ".x509" ".cer" ".ca-bundle"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-certificate" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M15 15m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"/>
+                <path d="M13 17.5v4.5l2 -1.5l2 1.5v-4.5"/>
+                <path d="M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73"/>
+                <path d="M6 9l12 0"/>
+                <path d="M6 12l3 0"/>
+                <path d="M6 15l2 0"/>
+        </svg>
+        {{- else if .HasExt ".key" ".keystore" ".jks" ".p12" ".pfx" ".pub"}}
+        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-key" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                <path d="M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0z"/>
+                <path d="M15 9h.01"/>
+        </svg>
+        {{- else}}
+                {{- if .IsSymlink}}
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-symlink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                        <path d="M4 21v-4a3 3 0 0 1 3 -3h5"/>
+                        <path d="M9 17l3 -3l-3 -3"/>
+                        <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                        <path d="M5 11v-6a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-9.5"/>
+                </svg>
+                {{- else}}
+                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                        <path d="M14 3v4a1 1 0 0 0 1 1h4"/>
+                        <path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"/>
+                </svg>
+                {{- end}}
+        {{- end}}
+{{- end}}
+<!DOCTYPE html>
+<html lang="en">
+        <head>
+                <title>~{{html .Path}}</title>
+                <link rel="canonical" href="{{.Path}}/" />
+                <meta charset="utf-8">
+                <meta name="color-scheme" content="light dark">
+                <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                <link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23cde7ed%22/%3E%3Ctext%20x%3D%2265.45%22%20y%3D%22335.83%22%20font-family%3D%22Noto%20Sans%20Mono%2Cmonospace%22%20font-size%3D%22210.084%22%20fill%3D%22%23051f24%22%3E~/i%3C/text%3E%3C/svg%3E" type="image/svg+xml" />
+                <link rel="stylesheet" {{ $nonceAttribute }} href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&display=swap">
+<style {{ $nonceAttribute }}>
+@media (prefers-color-scheme: light) {
+        :root {
+                --color-primary: rgb(0 104 119);
+                --color-on-primary: rgb(255 255 255);
+                --color-secondary: rgb(75 98 104);
+                --color-surface: rgb(245 250 252);
+                --color-surface-container: rgb(233 239 240);
+                --color-on-surface: rgb(23 29 30);
+        }
+}
+@media (prefers-color-scheme: dark) {
+        :root {
+                --color-primary: rgb(131 210 228);
+                --color-on-primary: rgb(0 54 63);
+                --color-secondary: rgb(178 203 209);
+                --color-surface: rgb(14 20 22);
+                --color-surface-container: rgb(27 33 34);
+                --color-on-surface: rgb(222 227 229);
+        }
+}
+* {
+        box-sizing: border-box;
+}
+/* Apply theme-change transitions only to top-level coloured surfaces so
+   switching prefers-color-scheme stays smooth without touching every node. */
+body,
+main, section, footer,
+nav.breadcrumbs > a,
+.layout, .sort-control,
+#filter, #summary, #summary b,
+tbody tr, td a, th a {
+        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+}
+html, body {
+        margin: 0;
+        padding: 0;
+}
+body {
+        font-family: "Noto Sans", sans-serif;
+        background-color: var(--color-surface);
+        color: var(--color-on-surface);
+        margin: 0 auto;
+        padding: 0 0.5rem;
+        max-width: 60rem;
+        min-height: 100vh;
+}
+a {
+        color: var(--color-primary);
+        text-decoration: none;
+}
+/* Keyboard-only focus ring. No outline-offset so it sits flush with the
+   element edge — otherwise inputs (which have their own border) appear
+   to have a double ring. */
+a:focus-visible,
+button:focus-visible,
+input:focus-visible {
+        outline: 0.15rem solid var(--color-primary);
+        border-radius: 0.25rem;
+}
+svg.icon {
+        vertical-align: middle;
+        flex-shrink: 0;
+}
+img {
+        max-width: 100%;
+        max-height: 100%;
+        border-radius: 0.5rem;
+        vertical-align: middle;
+}
+td img {
+        max-width: 1.5em;
+        max-height: 2em;
+        object-fit: cover;
+        border-radius: 0.25rem;
+}
+/* Breadcrumb-навигация в виде pill-ссылок (как nav на сайте) */
+nav.breadcrumbs {
+        margin-top: 1rem;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        overflow-x: auto;
+        padding: 0.15rem 0.15rem;
+        scrollbar-width: thin;
+        scrollbar-color: var(--color-secondary) transparent;
+}
+nav.breadcrumbs::-webkit-scrollbar {
+        height: 0.3rem;
+}
+nav.breadcrumbs::-webkit-scrollbar-thumb {
+        background-color: var(--color-secondary);
+        border-radius: 1rem;
+}
+nav.breadcrumbs::-webkit-scrollbar-track {
+        background: transparent;
+}
+nav.breadcrumbs > a {
+        background-color: var(--color-surface-container);
+        border-radius: 2rem;
+        padding: 0.5rem 1rem;
+        text-align: center;
+        text-wrap: nowrap;
+        flex-shrink: 0;
+}
+nav.breadcrumbs > a:last-child {
+        outline: 0.1rem solid var(--color-primary);
+}
+main, section, footer {
+        background-color: var(--color-surface-container);
+        border-radius: 2rem;
+        margin: 1rem 0;
+        padding: 1.5rem;
+}
+main > :first-child,
+section > :first-child,
+footer > :first-child { margin-top: 0; }
+main > :last-child,
+section > :last-child,
+footer > :last-child { margin-bottom: 0; }
+/* ===== Meta-секция (сводка + переключатели + поиск) ===== */
+.meta {
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+        flex-wrap: wrap;
+}
+#summary {
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+        margin-right: auto;
+        color: var(--color-on-surface);
+        font-size: 0.95rem;
+}
+#summary b { color: var(--color-primary); }
+.meta-controls {
+        display: flex;
+        gap: 0.5rem;
+        align-items: center;
+        flex-wrap: wrap;
+}
+.layout,
+.sort-control {
+        color: var(--color-secondary);
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+        padding: 0.4rem 0.7rem;
+        border-radius: 1rem;
+        background: var(--color-surface);
+        font-size: 0.85rem;
+}
+/* Reset native button styles so .layout works on <button> and <a> alike. */
+button.layout {
+        border: none;
+        font-family: inherit;
+        line-height: inherit;
+}
+.layout svg,
+.sort-control svg {
+        width: 1rem;
+        height: 1rem;
+        flex-shrink: 0;
+}
+.layout.current {
+        color: var(--color-primary);
+        outline: 0.1rem solid var(--color-primary);
+}
+.filter-container {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+}
+#search-icon {
+        color: var(--color-secondary);
+        position: absolute;
+        left: 0.6rem;
+        width: 1rem;
+        height: 1rem;
+        pointer-events: none;
+}
+#filter {
+        padding: 0.45rem 1rem 0.45rem 2rem;
+        border: 0.1rem solid var(--color-primary);
+        border-radius: 1rem;
+        font-family: inherit;
+        color: var(--color-on-surface);
+        background: var(--color-surface);
+        font-size: 0.9rem;
+        outline: none;
+}
+/* Match the input's border-radius so the focus ring lines up cleanly. */
+#filter:focus-visible {
+        border-radius: 1rem;
+}
+/* ===== Таблица ===== */
+table {
+        width: 100%;
+        border-collapse: collapse;
+}
+th, td { text-align: left; }
+th {
+        position: sticky;
+        top: 0;
+        background: var(--color-surface-container);
+        white-space: nowrap;
+        z-index: 2;
+        text-transform: uppercase;
+        font-size: 0.8rem;
+        letter-spacing: 0.05rem;
+        padding: 0.75rem 0.5rem;
+        color: var(--color-secondary);
+        border-bottom: 0.1rem solid var(--color-surface);
+}
+th a {
+        color: var(--color-on-surface);
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+}
+th a:hover { color: var(--color-primary); }
+th .icon-tabler { width: 1rem; height: 1rem; }
+td {
+        white-space: nowrap;
+        padding: 0 0.5rem;
+}
+td:nth-child(1) {
+        width: 75%;
+        max-width: 0; /* enables ellipsis on flex child below */
+}
+td:nth-child(1) a {
+        padding: 0.75rem 0;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        min-width: 0;
+}
+td:nth-child(1) .icon-tabler {
+        flex-shrink: 0;
+}
+td:nth-child(2),
+th:nth-child(2) {
+        padding-right: 1rem;
+        min-width: 8rem;
+}
+th .dirfirst {
+        padding: 0;
+        margin-right: 0.25rem;
+        opacity: 0.6;
+}
+th .dirfirst:hover { opacity: 1; }
+tbody tr:hover {
+        background-color: var(--color-surface);
+}
+td a:hover { color: var(--color-secondary); }
+td a:visited { color: var(--color-secondary); }
+td .go-up {
+        text-transform: uppercase;
+        font-size: 0.75rem;
+        font-weight: bold;
+        letter-spacing: 0.05rem;
+}
+.name, .go-up {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        min-width: 0;
+}
+.listing .icon-tabler { color: var(--color-secondary); }
+.listing a:hover .icon-tabler { color: var(--color-primary); }
+.listing .icon-tabler-folder-filled { color: var(--color-primary) !important; }
+/* Полоса размера */
+.size, .timestamp { font-size: 0.85rem; color: var(--color-secondary); }
+.size.dash {
+        text-align: center;
+}
+.sizebar {
+        position: relative;
+        padding: 0.25rem 0.5rem;
+        display: flex;
+        border-radius: 0.5rem;
+        overflow: hidden;
+}
+.sizebar-bar {
+        background-color: var(--color-surface);
+        position: absolute;
+        top: 0; right: 0; bottom: 0; left: 0;
+        z-index: 0;
+        pointer-events: none;
+        border-radius: 0.5rem;
+}
+.sizebar-text {
+        position: relative;
+        z-index: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+}
+/* ===== Сетка ===== */
+.grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
+        gap: 0.75rem;
+}
+.grid .entry {
+        position: relative;
+        width: 100%;
+}
+.grid .entry a {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 1rem;
+        height: 100%;
+        background-color: var(--color-surface);
+        border-radius: 1rem;
+        color: var(--color-on-surface);
+        gap: 0.5rem;
+}
+.grid .entry a:hover {
+        outline: 0.1rem solid var(--color-primary);
+        color: var(--color-primary);
+}
+.grid .entry svg {
+        width: 3rem;
+        height: 3rem;
+}
+.grid .entry img {
+        max-height: 10rem;
+        object-fit: cover;
+        border-radius: 0.5rem;
+}
+.grid .entry .name {
+        margin-top: 0.25rem;
+        text-align: center;
+        font-size: 0.9rem;
+        width: 100%;
+}
+.grid .entry .size {
+        font-size: 0.75rem;
+        color: var(--color-secondary);
+}
+/* ===== Empty state ===== */
+.empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 2rem 1rem;
+        gap: 0.5rem;
+        color: var(--color-secondary);
+        text-align: center;
+        grid-column: 1 / -1; /* span full width in grid layout */
+}
+.empty-state svg {
+        width: 3rem;
+        height: 3rem;
+        opacity: 0.6;
+}
+/* ===== Footer ===== */
+footer.site-footer {
+        background: none;
+        border-radius: 0;
+        padding: 0.75rem 0 1.5rem;
+        margin: 0.5rem 0 0;
+        text-align: center;
+        font-size: 0.7rem;
+        color: var(--color-secondary);
+}
+footer.site-footer a {
+        color: inherit;
+}
+@media (max-width: 600px) {
+        .hideable { display: none; }
+        td:nth-child(1) { width: auto; }
+        th:nth-child(2),
+        td:nth-child(2) {
+                padding-right: 0.5rem;
+                text-align: right;
+        }
+        #filter { max-width: 7rem; }
+        main, section, footer { padding: 1rem; border-radius: 1.5rem; }
+        nav.breadcrumbs > a { padding: 0.4rem 0.75rem; font-size: 0.9rem; }
+}
+</style>
+{{- if eq .Layout "grid"}}
+<style {{ $nonceAttribute }}>body { max-width: 80rem; }</style>
+{{- end}}
+</head>
+<body>
+        <nav class="breadcrumbs">
+                {{- range $i, $crumb := .Breadcrumbs}}
+                        <a href="{{html $crumb.Link}}">{{html $crumb.Text}}</a>
+                {{- end}}
+        </nav>
+        <section>
+                <div class="meta">
+                        <div id="summary">
+                                <span class="meta-item">
+                                        <b>{{.NumDirs}}</b> director{{if eq 1 .NumDirs}}y{{else}}ies{{end}}
+                                </span>
+                                <span class="meta-item">
+                                        <b>{{.NumFiles}}</b> file{{if ne 1 .NumFiles}}s{{end}}
+                                </span>
+                                <span class="meta-item">
+                                        <b>{{.HumanTotalFileSize}}</b> total
+                                </span>
+                                {{- if ne 0 .Limit}}
+                                <span class="meta-item">
+                                        (showing <b>{{.Limit}}</b>)
+                                </span>
+                                {{- end}}
+                        </div>
+                        <div class="meta-controls">
+                                <button type="button" id="layout-list" class='layout{{if eq $.Layout "list" ""}} current{{end}}' title="List view" aria-label="List view"{{if eq $.Layout "list" ""}} aria-pressed="true"{{else}} aria-pressed="false"{{end}}>
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-list" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"/>
+                                                <path d="M4 14m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v2a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"/>
+                                        </svg>
+                                        List
+                                </button>
+                                <button type="button" id="layout-grid" class='layout{{if eq $.Layout "grid"}} current{{end}}' title="Grid view" aria-label="Grid view"{{if eq $.Layout "grid"}} aria-pressed="true"{{else}} aria-pressed="false"{{end}}>
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-grid" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                <path d="M4 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"/>
+                                                <path d="M14 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"/>
+                                                <path d="M4 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"/>
+                                                <path d="M14 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z"/>
+                                        </svg>
+                                        Grid
+                                </button>
+                                {{- if and (eq .Layout "grid") (eq .Sort "name") (ne .Order "asc")}}
+                                <a href="?sort=name&order=asc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by name (Z→A)">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <text x="2" y="10" font-size="9" fill="currentColor">Z</text>
+                                                <text x="2" y="20" font-size="9" fill="currentColor">A</text>
+                                                <path d="M13 4v12"></path>
+                                                <path d="M12 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- else if and (eq .Layout "grid") (eq .Sort "name") (ne .Order "desc")}}
+                                <a href="?sort=name&order=desc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by name (A→Z)">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <text x="2" y="10" font-size="9" fill="currentColor">A</text>
+                                                <text x="2" y="20" font-size="9" fill="currentColor">Z</text>
+                                                <path d="M13 4v12"></path>
+                                                <path d="M12 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- else if and (eq .Layout "grid")}}
+                                <a href="?sort=name&order=asc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by name">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <text x="2" y="20" font-size="9" fill="currentColor">A</text>
+                                                <text x="2" y="10" font-size="9" fill="currentColor">Z</text>
+                                                <path d="M13 4v12"></path>
+                                                <path d="M12 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- end}}
+                                {{- if and (eq .Layout "grid") (eq .Sort "size") (ne .Order "asc")}}
+                                <a href="?sort=size&order=asc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by size (asc)">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <rect x="2" y="4" width="4" height="3" rx="0.4" ry="0.4"></rect>
+                                                <rect x="2" y="10" width="8" height="3" rx="0.4" ry="0.4"></rect>
+                                                <rect x="2" y="16" width="12" height="3" rx="0.4" ry="0.4"></rect>
+                                                <path d="M18 4v12"></path>
+                                                <path d="M17 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- else if and (eq .Layout "grid") (eq .Sort "size") (ne .Order "desc")}}
+                                <a href="?sort=size&order=desc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by size (desc)">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <rect x="2" y="4" width="12" height="3" rx="0.4" ry="0.4"></rect>
+                                                <rect x="2" y="10" width="8" height="3" rx="0.4" ry="0.4"></rect>
+                                                <rect x="2" y="16" width="4" height="3" rx="0.4" ry="0.4"></rect>
+                                                <path d="M18 4v12"></path>
+                                                <path d="M17 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- else if and (eq .Layout "grid")}}
+                                <a href="?sort=size&order=asc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by size">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <rect x="2" y="4" width="4" height="3" rx="0.4" ry="0.4"></rect>
+                                                <rect x="2" y="10" width="8" height="3" rx="0.4" ry="0.4"></rect>
+                                                <rect x="2" y="16" width="12" height="3" rx="0.4" ry="0.4"></rect>
+                                                <path d="M18 4v12"></path>
+                                                <path d="M17 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- end}}
+                                {{- if and (eq .Layout "grid") (eq .Sort "time") (ne .Order "asc")}}
+                                <a href="?sort=time&order=asc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by time (asc)">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <circle cx="9" cy="11" r="8"></circle>
+                                                <line x1="9" y1="12" x2="9" y2="7" stroke-linecap="round"></line>
+                                                <line x1="9" y1="12" x2="12" y2="12" stroke-linecap="round"></line>
+                                                <path d="M20 4v12"></path>
+                                                <path d="M19 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- else if and (eq .Layout "grid") (eq .Sort "time") (ne .Order "desc")}}
+                                <a href="?sort=time&order=desc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by time (desc)">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <circle cx="9" cy="11" r="8"></circle>
+                                                <line x1="9" y1="12" x2="9" y2="7" stroke-linecap="round"></line>
+                                                <line x1="9" y1="12" x2="12" y2="12" stroke-linecap="round"></line>
+                                                <path d="M20 4v12"></path>
+                                                <path d="M19 5l1 -2l1 2"></path>
+                                        </svg>
+                                </a>
+                                {{- else if and (eq .Layout "grid")}}
+                                <a href="?sort=time&order=asc{{template "qs" .}}&layout=grid" class="sort-control" title="Sort by time">
+                                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <circle cx="9" cy="11" r="8"></circle>
+                                                <line x1="9" y1="12" x2="9" y2="7" stroke-linecap="round"></line>
+                                                <line x1="9" y1="12" x2="12" y2="12" stroke-linecap="round"></line>
+                                                <path d="M20 4v12"></path>
+                                                <path d="M19 16l1 2l1 -2"></path>
+                                        </svg>
+                                </a>
+                                {{- end}}
+                                <div class="filter-container">
+                                        <svg id="search-icon" xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                <path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"/>
+                                                <path d="M21 21l-6 -6"/>
+                                        </svg>
+                                        <input type="search" placeholder="Search" id="filter" aria-label="Filter files by name" autocomplete="off">
+                                </div>
+                        </div>
+                </div>
+        </section>
+        <section>
+                <div class='listing{{if eq .Layout "grid"}} grid{{end}}'>
+                {{- if eq (len .Items) 0}}
+                <div class="empty-state" role="status">
+                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                <path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z"/>
+                        </svg>
+                        <div>This directory is empty.</div>
+                </div>
+                {{- else if eq .Layout "grid"}}
+                {{- range .Items}}
+                <div class="entry">
+                        <a href="{{html .URL}}" title="{{html .Name}}{{if not .IsDir}} — {{.HumanSize}}{{end}} — {{.HumanModTime "02-Jan-2006 15:04"}}">
+                                {{template "icon" .}}
+                                <div class="name">{{html .Name}}</div>
+                                <div class="size">{{.HumanSize}}</div>
+                        </a>
+                </div>
+                {{- end}}
+                {{- else}}
+                <table aria-describedby="summary">
+                        <thead>
+                        <tr>
+                                <th>
+                                        {{- if and (eq .Sort "namedirfirst") (ne .Order "desc")}}
+                                        <a href="?sort=namedirfirst&order=desc{{template "qs" .}}" title="Dirs first (desc)" class="dirfirst">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M18 14l-6 -6l-6 6h12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else if and (eq .Sort "namedirfirst") (ne .Order "asc")}}
+                                        <a href="?sort=namedirfirst&order=asc{{template "qs" .}}" title="Dirs first (asc)" class="dirfirst">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M6 10l6 6l6 -6h-12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else}}
+                                        <a href="?sort=namedirfirst&order=asc{{template "qs" .}}" title="Dirs first" class="dirfirst">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M18 14l-6 -6l-6 6h12"/>
+                                                </svg>
+                                        </a>
+                                        {{- end}}
+                                        {{- if and (eq .Sort "name") (ne .Order "desc")}}
+                                        <a href="?sort=name&order=desc{{template "qs" .}}">
+                                                Name
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M18 14l-6 -6l-6 6h12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else if and (eq .Sort "name") (ne .Order "asc")}}
+                                        <a href="?sort=name&order=asc{{template "qs" .}}">
+                                                Name
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M6 10l6 6l6 -6h-12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else}}
+                                        <a href="?sort=name&order=asc{{template "qs" .}}">
+                                                Name
+                                        </a>
+                                        {{- end}}
+                                </th>
+                                <th>
+                                        {{- if and (eq .Sort "size") (ne .Order "desc")}}
+                                        <a href="?sort=size&order=desc{{template "qs" .}}">
+                                                Size
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M18 14l-6 -6l-6 6h12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else if and (eq .Sort "size") (ne .Order "asc")}}
+                                        <a href="?sort=size&order=asc{{template "qs" .}}">
+                                                Size
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M6 10l6 6l6 -6h-12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else}}
+                                        <a href="?sort=size&order=asc{{template "qs" .}}">
+                                                Size
+                                        </a>
+                                        {{- end}}
+                                </th>
+                                <th class="hideable">
+                                        {{- if and (eq .Sort "time") (ne .Order "desc")}}
+                                        <a href="?sort=time&order=desc{{template "qs" .}}">
+                                                Modified
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M18 14l-6 -6l-6 6h12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else if and (eq .Sort "time") (ne .Order "asc")}}
+                                        <a href="?sort=time&order=asc{{template "qs" .}}">
+                                                Modified
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M6 10l6 6l6 -6h-12"/>
+                                                </svg>
+                                        </a>
+                                        {{- else}}
+                                        <a href="?sort=time&order=asc{{template "qs" .}}">
+                                                Modified
+                                        </a>
+                                        {{- end}}
+                                </th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        {{- if .CanGoUp}}
+                        <tr>
+                                <td>
+                                        <a href="..">
+                                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-corner-left-up" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+                                                        <path d="M18 18h-6a3 3 0 0 1 -3 -3v-10l-4 4m8 0l-4 -4"/>
+                                                </svg>
+                                                <span class="go-up">Up</span>
+                                        </a>
+                                </td>
+                                <td class="size dash">-</td>
+                                <td class="hideable"></td>
+                        </tr>
+                        {{- end}}
+                        {{- range .Items}}
+                        <tr class="file">
+                                <td>
+                                        <a href="{{html .URL}}" title="{{html .Name}}{{if not .IsDir}} — {{.HumanSize}}{{end}} — {{.HumanModTime "02-Jan-2006 15:04"}}">
+                                                {{template "icon" .}}
+                                                {{- if not .SymlinkPath}}
+                                                <span class="name">{{html .Name}}</span>
+                                                {{- else}}
+                                                <span class="name">{{html .Name}} <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-narrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+                                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" />
+                                                        <path d="M15 16l4 -4" />
+                                                        <path d="M15 8l4 4" />
+                                                </svg> {{html .SymlinkPath}}</span>
+                                                {{- end}}
+                                        </a>
+                                </td>
+                                {{- if .IsDir}}
+                                <td class="size dash">-</td>
+                                {{- else}}
+                                <td class="size" data-size="{{.Size}}">
+                                        <div class="sizebar">
+                                                <div class="sizebar-bar"></div>
+                                                <div class="sizebar-text">
+                                                        {{if .IsSymlink}}↱&nbsp;{{end}}{{.HumanSize}}
+                                                </div>
+                                        </div>
+                                </td>
+                                {{- end}}
+                                <td class="timestamp hideable">
+                                        <time datetime="{{.HumanModTime "2006-01-02T15:04:05Z"}}">{{.HumanModTime "02-Jan-2006 15:04"}}</time>
+                                </td>
+                        </tr>
+                        {{- end}}
+                        </tbody>
+                </table>
+                {{- end}}
+                </div>
+        </section>
+        <footer class="site-footer">
+                Served with <a rel="noopener noreferrer" href="https://caddyserver.com">Caddy</a>
+        </footer>
+        <script {{ $nonceAttribute }}>
+                // @license magnet:?xt=urn:btih:8e4f440f4c65981c5bf93c76d35135ba5064d8b7&dn=apache-2.0.txt Apache-2.0
+                (() => {
+                        const filterEl = document.getElementById('filter');
+                        const layoutListBtn = document.getElementById('layout-list');
+                        const layoutGridBtn = document.getElementById('layout-grid');
+                        // --- Filter -------------------------------------------------------
+                        function applyFilter() {
+                                if (!filterEl) return;
+                                const q = filterEl.value.trim().toLowerCase();
+                                // Works for both list rows and grid entries.
+                                document.querySelectorAll('tr.file, .grid .entry').forEach((el) => {
+                                        if (!q) { el.style.display = ''; return; }
+                                        const nameEl = el.querySelector('.name');
+                                        const name = (nameEl?.textContent || '').trim().toLowerCase();
+                                        el.style.display = name.includes(q) ? '' : 'none';
+                                });
+                        }
+                        filterEl?.addEventListener('input', applyFilter);
+                        // --- Layout switch -----------------------------------------------
+                        function setQueryParam(k, v) {
+                                const qs = new URLSearchParams(window.location.search);
+                                if (!v) { qs.delete(k); } else { qs.set(k, v); }
+                                const s = qs.toString();
+                                window.location = s ? (window.location.pathname + '?' + s) : window.location.pathname;
+                        }
+                        layoutListBtn?.addEventListener('click', () => setQueryParam('layout', ''));
+                        layoutGridBtn?.addEventListener('click', () => setQueryParam('layout', 'grid'));
+                        // --- Localized timestamps ----------------------------------------
+                        // Use the browser's locale instead of hardcoded English month names.
+                        const dateFmt = new Intl.DateTimeFormat(undefined, {
+                                year: 'numeric', month: 'short', day: '2-digit',
+                                hour: '2-digit', minute: '2-digit', hour12: false,
+                        });
+                        function localizeDates() {
+                                document.querySelectorAll('time[datetime]').forEach((e) => {
+                                        const iso = e.getAttribute('datetime');
+                                        const d = new Date(iso);
+                                        if (Number.isNaN(d.getTime())) return;
+                                        e.textContent = dateFmt.format(d);
+                                        e.title = d.toLocaleString();
+                                });
+                        }
+                        // --- Init ---------------------------------------------------------
+                        function init() {
+                                // Populate filter from URL ?filter= if user navigated with one.
+                                if (filterEl && !filterEl.value) {
+                                        const param = new URLSearchParams(window.location.search).get('filter');
+                                        if (param) filterEl.value = param;
+                                }
+                                applyFilter();
+                                localizeDates();
+                                // Scroll breadcrumbs to the end so the current folder is visible.
+                                const breadcrumbs = document.querySelector('nav.breadcrumbs');
+                                if (breadcrumbs) breadcrumbs.scrollLeft = breadcrumbs.scrollWidth;
+                                filterEl?.focus({ preventScroll: true });
+                        }
+                        if (document.readyState === 'loading') {
+                                document.addEventListener('DOMContentLoaded', init, { once: true });
+                        } else {
+                                init();
+                        }
+                })();
+                // @license-end
+        </script>
+</body>
+</html>