hinode/layouts/single.html

{{ define "main" -}}
    {{- $blocks := $.Scratch.Get "blocks" -}}
    {{- $breakpoint := $.Scratch.Get "breakpoint" -}}
    {{- $sidebar := partial "page/sidebar" . -}}
    {{- $toc := partial "page/panel-toc" . -}}

    {{ with $sidebar }}
        <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas-sidebar" aria-labelledby="offcanvas-label">
            <div class="offcanvas-header">
                <h5 class="offcanvas-title" id="offcanvas-label">{{ strings.FirstUpper $.Section }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="{{ T "close" }}"></button>
            </div>
            <div class="offcanvas-body">
                {{ . | safeHTML }}
            </div>
        </div>
    {{ end }}

    {{ $blocks | safeHTML }}

    <div class="container-xxl flex-fill p-4 px-xxl-0">
        <div class="row row-cols-1 row-cols-{{ $breakpoint.current }}-2 row-cols-{{ $breakpoint.next }}-3">
            <div class="col col-{{ $breakpoint.next }}-2 d-none d-{{ $breakpoint.next }}-block sidebar-overflow sticky-top pt-5">
                {{ $sidebar | safeHTML }}
            </div>
            <div class="col-12 col-{{ $breakpoint.current }}-9 col-{{ $breakpoint.next }}-8 mb-5 p-4">
                {{ .Render "header" }}

                {{ .Render "body" }}
                
                {{ .Render "footer" }}
            </div>
            <div class="col col-{{ $breakpoint.current }}-3 col-{{ $breakpoint.next }}-2 d-none d-{{ $breakpoint.current }}-block pt-5">
                {{ $toc | safeHTML }}
            </div>
        </div>
    </div>
{{ end -}}