docs/static_site/src/_layouts/page_api.html

---
  # Licensed to the Apache Software Foundation (ASF) under one
  # or more contributor license agreements.  See the NOTICE file
  # distributed with this work for additional information
  # regarding copyright ownership.  The ASF licenses this file
  # to you under the Apache License, Version 2.0 (the
  # "License"); you may not use this file except in compliance
  # with the License.  You may obtain a copy of the License at
  #   http://www.apache.org/licenses/LICENSE-2.0
  # Unless required by applicable law or agreed to in writing,
  # software distributed under the License is distributed on an
  # "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  # KIND, either express or implied.  See the License for the
  # specific language governing permissions and limitations
  # under the License.

layout: page
---
<div class="row">
    <div class="col-3 docs-side-bar">

        {% for p in site.pages %}
        {% if p.tag == 'main_docs' %}
        {% for doc in p.docs %}
        {% if doc.tag == page.tag %}
        <div class="docs-card docs-side">
            <ul>
                <div class="docs-action-btn">
                    <a href="{{doc.guide_link | relative_url}}"> <img src="{{'assets/img/compass.svg' | relative_url}}"
                                                                      class="docs-logo-docs">{{doc.title}} Guide <span
                            class="span-accented">›</span></a>
                </div>
                <div class="docs-action-btn">
                    <a href="{{doc.tutorial_link | relative_url}}"> <img
                            src="{{'assets/img/video-tutorial.svg' | relative_url}}" class="docs-logo-docs">{{doc.title}}
                        Tutorials <span class="span-accented">›</span></a>
                </div>
                <div class="docs-action-btn">
                    <a href="{{doc.api_link | relative_url}}"> <img src="{{'assets/img/api.svg' | relative_url}}"
                                                                    class="docs-logo-docs">{{doc.title}} API Reference
                        <span class="span-accented">›</span></a>
                </div>

                <!-- Let's show the list of tutorials -->
                <br>
                {% if page.is_tutorial == true %}
                <h3>Tutorials</h3>
                {% for p in site.pages %}
                {% if p.is_tutorial == true %}
                {% if page.tag == p.tag %}
                <li><a href="{{ p.url  | relative_url }}">{{ p.title }}</a></li>
                {% endif %}  <!-- page-category -->
                {% endif %}   <!-- resource-p -->
                {% endfor %}  <!-- page -->
                {% endif %}
            </ul>
        </div>
        {% endif %}
        {% endfor %}
        {% endif %}   <!-- resource-p -->
        {% endfor %}  <!-- page -->
        </ul>
    </div>
    <div class="col-9">
        {{ content }}
        {%- if page.feedback == true and jekyll.environment == "production" -%}
            {%- include feedback.html -%}
        {%- endif -%}
    </div>
</div>