{{/*
    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.
    */}}

    {{ define "main" }}
    <div class="desktop-only">
        <div class="roadmap container-fluid td-default base-layout">
            <div class="d-flex">
                <main class="col-12 col-md-9 col-xl-8" role="main">
                    <div class="community--header-container">
                        <h2 class="page-header">Community</h2>
                        <h5 class="page-subtitle">
                            The Apache Airflow&#174; community has tens of thousands of active members who help each other
                            develop the platform, solve problems, and share best practices. There are many ways to get
                            involved.
                        </h5>
                        <div class="section" id="join-the-community">
                            <h5 class="community--header-join">Join the community!</h5>
                            {{ with .Content }}
                            <div class="no-width-restriction">
                                {{ . }}
                            </div>
                            {{ end }}
                        </div>
                    </div>
                    <div class="section" id="community-resources">
                        <h5 class="community--resources-header">Resources</h5>
                        {{ with .GetPage "resources" }}{{ .Content }}
                        {{ end }}
                    </div>
                    <div class="section" id="project-management-committee">
                        <h5 class="community--committers-header large-margin">Project Management Committee</h5>
                        <div id="pmc-container" class="list-items">
                            {{ range .Site.Data.pmc }}
                            <div class="list-item">
                                {{ partial "boxes/committer" . }}
                            </div>
                            {{ end }}
                        </div>
                        <div class="show-more-button">
                            {{ partial "buttons/button-filled" (dict "text" "Show more" "id" "show-more-pmcs")}}
                        </div>
                    </div>
                    <div class="section" id="committers">
                        <h5 class="community--committers-header">Committers</h5>
                        <div id="committers-container" class="list-items">
                            {{ range .Site.Data.committers }}
                            <div class="list-item">
                                {{ partial "boxes/committer" . }}
                            </div>
                            {{ end }}
                        </div>
                        <div class="show-more-button">
                            {{ partial "buttons/button-filled" (dict "text" "Show more" "id" "show-more-committers")}}
                        </div>
                    </div>
                </main>

                <nav class="wy-nav-side-toc">
                    <div class="wy-menu-vertical">
                        <ul>
                            <li><a class="reference internal" href="#join-the-community">Join the community!</a></li>
                            <li><a class="reference internal" href="#community-resources">Resources</a></li>
                            <li><a class="reference internal" href="#project-management-committee">Project Management
                                    Committee</a></li>
                            <li><a class="reference internal" href="#committers">Committers</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </div>

    <div class="no-desktop">
        <div class="community--header-container">
            <h2 class="page-header">Community</h2>
            <h5 class="page-subtitle">
                The Apache Airflow&#174; community has tens of thousands of active members who help each other develop the
                platform, solve problems, and share best practices. There are many ways to get involved.
            </h5>
            <div class="section" id="join-the-community">
                <h5 class="community--header-join">Join the community!</h5>
                {{ with .Content }}
                <div class="no-width-restriction">
                    {{ . }}
                </div>
                {{ end }}
            </div>
        </div>
        <div class="section">
            <h5 class="community--resources-header">Resources</h5>
            {{ with .GetPage "resources" }}{{ .Content }}
            {{ end }}
        </div>
        <div class="section">
            <h5 class="community--committers-header large-margin">Project Management Committee</h5>
            <div id="pmc-container-no-desktop" class="list-items">
                {{ range .Site.Data.pmc }}
                <div class="list-item">
                    {{ partial "boxes/committer" . }}
                </div>
                {{ end }}
            </div>
            <div class="show-more-button">
                {{ partial "buttons/button-filled" (dict "text" "Show more" "id" "show-more-pmcs-no-desktop")}}
            </div>
        </div>
        <div class="section">
            <h5 class="community--committers-header">Committers</h5>
            <div id="committers-container-no-desktop" class="list-items">
                {{ range .Site.Data.committers }}
                <div class="list-item">
                    {{ partial "boxes/committer" . }}
                </div>
                {{ end }}
            </div>
            <div class="show-more-button">
                {{ partial "buttons/button-filled" (dict "text" "Show more" "id" "show-more-committers-no-desktop")}}
            </div>
        </div>
    </div>
    {{ end }}