_layouts/wiki.html

<!DOCTYPE html>
<html class="h-100" lang="en">
    {% include _head.htm %}
    <body>
        {% include _cookie_banner.htm %}
        {% include _header.htm %}
        <div class="min-h-80 docs-container container-fluid">
            <div class="row">
                <div class="col-xl-3">
                    <details class="docs-menu" id="docs-menu">
                        <summary>Other Wiki Pages (click to view)</summary>
                        <ul>
                            {% for page in site.pages %}
                              {% if page.layout == 'wiki'%}
                                <li>
                                  <a href="{{ page.url }}">{{ page.title }}</a>
                                </li>
                              {% endif %}
                            {% endfor %}
                        </ul>
                    </details>
                </div>
                <div class="col-xl-6" id="main" role="main">
                    {{ content  }}
                </div>
                <div class="col-xl-3">
                    <details class="docs-toc">
                        <summary>Table of Contents (click to view)</summary>
                        {% assign cur_page = page.path | split: "/" | last%}
                        {% include _wiki_toc.md page=cur_page %}
                    </details>
                </div>
            </div>
        </div>
        {% include _footer.htm %}

        <!--   Core JS Files   -->
        <script src="/assets/js/core/bootstrap-5.1.3.bundle.min.js" type="text/javascript"></script>
        <script> //open by dropdown default if on Desktop, but not on Mobile
            if (screen.width >= 1200){ //xl breakpoint is 1200px
                document.getElementById("docs-menu").open = true;
            }
        </script>
    </body>
</html>