{{ define "main" }}
    <div class="docs-list-main">
        <div class="docs-main-nav-toggle-wrapper">
            <div class="docs-main-nav-wrapper">
                <div id="docs-main-nav" class="docs-main-nav">
                    {{ partial "docs/main-nav.html" . }}
                </div>
            </div>
            <div class="docs-nav-toggle">
                <div class="docs-nav-toggle-icon icon icon-24-24"></div>
            </div>
        </div>

        <div class="docs-main-content-wrapper">
            <div class="docs-main-content">
                {{ partial "docs/breadcrumb.html" . }}


                <div class="special-h1">
                    {{ if and (.Params.h1) (not .Params.notitle) }}
                        <h1>{{ .Params.h1 }}</h1>
                    {{ else if and (ne .Title "") (not .Params.notitle) }}
                        <h1>{{ .Title }}</h1>
                    {{ end }}
                    <div class="h1-gradient"></div>
                </div>

                <div class="docs-table-of-contents docs-toc-mobile">
                    {{ partial "docs/table-of-contents.html" . }}
                </div>

                {{ if .Params.docs_home }}
                    {{ partial "docs/special-pages/docs-home.html" . }}
                {{ else if .Params.cloud_overview }}
                    {{ partial "docs/special-pages/cloud-overview.html" . }}
                {{ end }}


                <section class="docs-content">
                    {{ .Content }}
                </section>
            </div>

            <div class="docs-table-of-contents docs-toc-desktop">
                {{ partial "docs/table-of-contents.html" . }}

                {{ partial "docs/feedback.html" . }}

                {{ partial "docs/right-nav-ad.html" }}
            </div>
        </div>
    </div>
{{ end }}

{{ define "footer" }}
    {{ partial "docs/footer.html" . }}
{{ end }}