{{ define "main" }}
<main>
    <div class="container-xxl">
        <div class="row odin-main">
            {{ partial "sidebar" . }}

            <!-- Content -->
            <article class="col-lg-8 p-4" {{- if .Param "autonumbering" }} autonumbering {{- end }}>
                <header>
                    <nav aria-label="breadcrumb">
                        {{ $rellink := "" }}
                        <ol class="breadcrumb">
                            {{ range (split .RelPermalink "/") }}
                                {{ if gt (len . ) 0 -}}
                                    {{ $rellink = printf "%s/%s" $rellink . }}
                                    <li class="breadcrumb-item"><a href="{{ $rellink }}">{{ humanize . }}</a></li>
                                {{ end }}
                            {{ end }}
                        </ol>
                    <h1>{{ .Title }}</h1>
                </header>
                <div class="odin-article">
                    <!-- Add anchors to links -->
                    {{ .Content | replaceRE "(<h[2-9] id=\"([^\"]+)\".+)(</h[2-9]+>)" "${1} <a class=\"text-decoration-none\" href=\"#${2}\">#</a>${3}" | safeHTML }}
                </div>
            </article>

            <!-- Right menu -->
            {{ if ne .TableOfContents "<nav id=\"TableOfContents\"></nav>" }}
            <div id="TOC" class="col-lg-2 odin-toc-border">
                <div class="sticky-top odin-below-navbar py-3">
                    {{ .TableOfContents }}
                </div>
            </div>
            {{ end }}
        </div>
    </div>
</main>
{{ end }}