layouts/shortcodes/contributors.html

<div class="team-wrapper pb-4">
    <h2>
        Contributors
        <span class="total">{{.Site.Data.team.totalCount }}</span>
    </h2>
    <p>SkyWalking have hundreds of contributors, you could find them in our repositories' contribution list.
    </p>
    <div id="contributors-wrapper">
        {{ range .Site.Data.team.projects }}

        {{if eq .type "Ecosystem"}}
        <p class="pt-3 mb-2">Ecosystem Projects </p>
        {{end}}

        <div>
            {{range $index, $element := .list}}
            {{$name := .name }}
            {{$id := .repo }}

            <div class="card" data-repo="{{.repo}}">
                <div class="card-header" id="{{$id}}">
                    <div class='{{ cond (eq $name "SkyWalking") "" "collapsed"}}' type="span" data-toggle="collapse" data-target="#{{$id}}{{$index}}" aria-expanded="false"
                         aria-controls="{{$id}}{{$index}}">
                        <i class="fa  fa-angle-down "></i>

                        <a class="name"
                           href="https://github.com/{{.user}}/{{.repo}}/graphs/contributors">
                            {{if eq $name "SkyWalking"}}
                            SkyWalking main repository
                            {{else}}
                            {{.name}}
                            {{end}}
                        </a>
                        <span class="total">{{.contributorCount}}</span>

                    </div>
                </div>

                <div id="{{$id}}{{$index}}" class='collapse {{ cond (eq $name "SkyWalking") "show" "" }}'
                     aria-labelledby="{{$id}}"
                     data-parent="#contributors-wrapper">
                    <div class="card-body limit">
                        <ul class="list-style-none d-flex flex-wrap mb-n2">
                            {{range $index, $element := .contributors}}

                                <li class="mb-2 mr-2">
                                    {{if eq .type "Anonymous"}}
                                    <a>
                                        <i class="fas fa-envelope"></i>
                                        {{.login }}
                                    </a>
                                    {{else}}
                                    <a href="{{.html_url}}" target="_blank">
                                        <i class="fab fa-github"></i>
                                        {{.login }}
                                    </a>
                                </li>
                                {{end}}

                            {{end}}

                            {{if eq $name "SkyWalking"}}
                            <li class="more d-block">
                            {{else}}
                            <li class="more">
                            {{end}}
                                <i class="fa fa-angle-up fa-angle-down "></i>
                            </li>


                        </ul>
                    </div>
                </div>
            </div>

            {{end}}
        </div>
        {{end}}
    </div>


</div>