forked from drowl87/hextra_mirror
3d7a4b7c99
chore: vendorize katex 0.16.8 chore: vendorize flexsearch 0.7.31 chore: add katex fonts chore: vendorize mermaid * add option to disable math globally chore: fix edit url nil variable chore: add comments
64 lines
2.8 KiB
HTML
64 lines
2.8 KiB
HTML
{{/* Table of Contents */}}
|
|
{{/* TODO: toc bottom part should be able to hide */}}
|
|
{{- $toc := .Params.toc | default true -}}
|
|
{{- with site.Params.toc.disabled -}}{{ $toc = not . }}{{- end -}}
|
|
|
|
|
|
<nav class="hextra-toc order-last hidden w-64 shrink-0 xl:block print:hidden px-4" aria-label="table of contents">
|
|
{{ if $toc }}
|
|
<div class="sticky top-16 overflow-y-auto pr-4 pt-6 text-sm [hyphens:auto] max-h-[calc(100vh-4rem-env(safe-area-inset-bottom))] ltr:-mr-4 rtl:-ml-4">
|
|
{{ with .Fragments.Headings }}
|
|
<p class="mb-4 font-semibold tracking-tight">{{ i18n "article.on_this_page" }}</p>
|
|
{{ range . }}
|
|
<ul>
|
|
{{ with .Headings }}
|
|
{{ template "toc-subheading" (dict "headings" . "level" 0) }}
|
|
{{ end }}
|
|
</ul>
|
|
{{ end }}
|
|
{{ end }}
|
|
|
|
{{ $borderClass := "mt-8 border-t bg-white pt-8 shadow-[0_-12px_16px_white] dark:bg-dark dark:shadow-[0_-12px_16px_#111]" }}
|
|
{{ if not .Fragments.Headings }}
|
|
{{ $borderClass = "" }}
|
|
{{ end }}
|
|
|
|
{{/* TOC bottom part */}}
|
|
<div class="{{ $borderClass }} sticky bottom-0 flex flex-col items-start gap-2 pb-8 dark:border-neutral-800 contrast-more:border-t contrast-more:border-neutral-400 contrast-more:shadow-none contrast-more:dark:border-neutral-400">
|
|
{{- if not site.Params.editURL.disabled -}}
|
|
{{- $editURL := site.Params.editURL.base | default "" -}}
|
|
{{- with .File -}}{{ $editURL = urls.JoinPath $editURL .Path }}{{- end -}}
|
|
{{- with .Params.editURL -}}{{ $editURL = .Params.editURL }}{{- end -}}
|
|
<a class="text-xs font-medium text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 contrast-more:text-gray-800 contrast-more:dark:text-gray-50" href="{{ $editURL }}" target="_blank" rel="noreferer">{{ i18n "article.edit_this_page" }}</a>
|
|
{{- end -}}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</nav>
|
|
|
|
{{/* TOC subheadings component. This is a recursive component that renders a list of headings. */}}
|
|
{{- define "toc-subheading" -}}
|
|
{{ $headings := .headings }}
|
|
{{ $level := .level }}
|
|
{{ if ge $level 6 }}
|
|
{{ return }}
|
|
{{ end }}
|
|
|
|
{{ $padding := (mul $level 4) }}
|
|
{{ $class := cond (eq $level 0) "font-semibold" (printf "ltr:pl-%d rtl:pr-%d" $padding $padding) }}
|
|
|
|
{{ range $headings }}
|
|
{{ if .Title }}
|
|
<li class="my-2 scroll-my-6 scroll-py-6">
|
|
<a class="{{ $class }} inline-block text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300 contrast-more:text-gray-900 contrast-more:underline contrast-more:dark:text-gray-50 w-full break-words" href="#{{ anchorize .ID }}">
|
|
{{ .Title }}
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Headings }}
|
|
{{ template "toc-subheading" (dict "headings" . "level" (add $level 1)) }}
|
|
{{ end }}
|
|
|
|
{{ end }}
|
|
{{- end -}}
|