layouts/shortcodes/downloads-block.html

<div class="card-wrapper">
    <!--    SkyWalking APM-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking APM</h5>
            </div>
            <p class="card-text">
                SkyWalking is an Observability Analysis Platform and Application Performance Management system.
            </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">
                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v8.2.0<span> | Oct. 27th, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/8.2.0/apache-skywalking-apm-8.2.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/8.2.0/apache-skywalking-apm-8.2.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/8.2.0/apache-skywalking-apm-8.2.0-src.tgz.sha512">sha512</a>]
                            </div>
                            <h6 class="dropdown-header">v8.1.0<span> | Aug. 3rd, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/8.1.0/apache-skywalking-apm-8.1.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/8.1.0/apache-skywalking-apm-8.1.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/8.1.0/apache-skywalking-apm-8.1.0-src.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>

                <div class="btn-group">
                    <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                        Distribution
                    </button>
                    <div class="dropdown-menu">
                        <h6 class="dropdown-header">v8.2.0<span> | Oct. 27th, 2020</span></h6>
                        <div class="dropdown-item" href="#">
                            [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/8.2.0/apache-skywalking-apm-8.2.0.tar.gz">tar</a>]
                            [<a href="https://downloads.apache.org/skywalking/8.2.0/apache-skywalking-apm-8.2.0.tar.gz.asc">asc</a>]
                            [<a href="https://downloads.apache.org/skywalking/8.2.0/apache-skywalking-apm-8.2.0.tar.gz.sha512">sha512</a>]
                        </div>
                        <h6 class="dropdown-header">v8.1.0<span> | Aug. 3rd, 2020</span></h6>
                        <div class="dropdown-item" href="#"><a href="">
                            [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/8.1.0/apache-skywalking-apm-8.1.0.tar.gz">tar</a>]
                            [<a href="https://downloads.apache.org/skywalking/8.1.0/apache-skywalking-apm-8.1.0.tar.gz.asc">asc</a>]
                            [<a href="https://downloads.apache.org/skywalking/8.1.0/apache-skywalking-apm-8.1.0.tar.gz.sha512">sha512</a>]
                        </a></div>
                    </div>
                </div>


            </div>

        </div>
    </div>
    <!--    SkyWalking Nginx LUA-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking Nginx LUA</h5>
            </div>
            <p class="card-text">
                SkyWalking Nginx Agent provides the native tracing capability for Nginx powered by Nginx LUA module.
            </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">

                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v0.3.0<span> | Oct. 24th, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/nginx-lua/0.3.0/skywalking-nginx-lua-0.3.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/nginx-lua/0.3.0/skywalking-nginx-lua-0.3.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/nginx-lua/0.3.0/skywalking-nginx-lua-0.3.0-src.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>
    </div>
    <!--    SkyWalking CLI-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking CLI</h5>
            </div>
            <p class="card-text">
                SkyWalking CLI is a command interaction tool for the SkyWalking user or OPS team.
            </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">

                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v0.4.0<span> | Oct. 11th, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/cli/0.4.0/skywalking-cli-0.4.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/cli/0.4.0/skywalking-cli-0.4.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/cli/0.4.0/skywalking-cli-0.4.0-src.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>

                <div class="btn-group">
                    <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                        Distribution
                    </button>
                    <div class="dropdown-menu">
                        <h6 class="dropdown-header">v0.4.0<span> | Oct. 11th, 2020</span></h6>
                        <div class="dropdown-item" href="#">
                            [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/cli/0.4.0/skywalking-cli-0.4.0-bin.tgz">tgz</a>]
                            [<a href="https://downloads.apache.org/skywalking/cli/0.4.0/skywalking-cli-0.4.0-bin.tgz.asc">asc</a>]
                            [<a href="https://downloads.apache.org/skywalking/cli/0.4.0/skywalking-cli-0.4.0-bin.tgz.sha512">sha512</a>]
                        </div>

                    </div>
                </div>


            </div>

        </div>
    </div>
    <!--    SkyWalking Python-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking Python</h5>
            </div>
            <p class="card-text">
                The Python Agent for Apache SkyWalking, which provides the native tracing abilities for Python
                project. </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">

                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v0.4.0<span> | Aug. 28th, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/python/0.4.0/skywalking-python-src-0.4.0.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/python/0.4.0/skywalking-python-src-0.4.0.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/python/0.4.0/skywalking-python-src-0.4.0.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>

                <div class="btn-group">
                    <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                        Distribution
                    </button>
                    <div class="dropdown-menu">
                        <h6 class="dropdown-header">v0.4.0<span> | Aug. 28th, 2020</span></h6>
                        <div class="dropdown-item" href="#">
                            [<a href="https://pypi.org/project/apache-skywalking/0.4.0/">Install via pip</a>]
                        </div>

                    </div>
                </div>


            </div>

        </div>
    </div>
    <!--    SkyWalking Chart-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking Chart</h5>
            </div>
            <p class="card-text">
                SkyWalking Kubernetes repository provides ways to install and configure SkyWalking in a Kubernetes
                cluster. The scripts are written in Helm 3.
            </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">

                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v4.0.0<span> | Nov. 3rd, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/kubernetes/4.0.0/skywalking-kubernetes-4.0.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/kubernetes/4.0.0/skywalking-kubernetes-4.0.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/kubernetes/4.0.0/skywalking-kubernetes-4.0.0-src.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
    <!--    SkyWalking Cloud on Kubernetes-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking Cloud on Kubernetes </h5>
            </div>
            <p class="card-text">
                A bridge project between Apache SkyWalking and Kubernetes.
            </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">

                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v0.1.0<span> | Nov. 16th, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/swck/0.1.0/skywalking-swck-0.1.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/swck/0.1.0/skywalking-swck-0.1.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/swck/0.1.0/skywalking-swck-0.1.0-src.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>
                <div class="btn-group">
                    <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                            aria-expanded="false">
                        Distribution
                    </button>
                    <div class="dropdown-menu">
                        <h6 class="dropdown-header">v0.1.0<span> | Nov. 16th, 2020</span></h6>
                        <div class="dropdown-item" href="#">
                            [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/swck/0.1.0/skywalking-swck-0.1.0-bin.tgz">tar</a>]
                            [<a href="https://downloads.apache.org/skywalking/swck/0.1.0/skywalking-swck-0.1.0-bin.tgz.asc">asc</a>]
                            [<a href="https://downloads.apache.org/skywalking/swck/0.1.0/skywalking-swck-0.1.0-bin.tgz.sha512">sha512</a>]
                        </div>

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

        </div>
    </div>
    <!--    SkyWalking Client JS-->
    <div class="card item">
        <div class="card-body">
            <div class="title-box">
                <span class="icon">S</span>
                <h5 class="card-title">SkyWalking Client JS </h5>
            </div>
            <p class="card-text">
                Apache SkyWalking Client-side JavaScript exception and tracing library.
            </p>
            <div class="doc-box">
                <div class="flex-center">
                    <img src="/images/feather.png" alt="" width="14px">

                    <div class="btn-group">
                        <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            Source
                        </button>
                        <div class="dropdown-menu">
                            <h6 class="dropdown-header">v0.2.0<span> | Nov. 17th, 2020</span></h6>
                            <div class="dropdown-item" href="#">
                                [<a href="https://www.apache.org/dyn/closer.cgi/skywalking/client-js/0.2.0/skywalking-client-js-0.2.0-src.tgz">src</a>]
                                [<a href="https://downloads.apache.org/skywalking/client-js/0.2.0/skywalking-client-js-0.2.0-src.tgz.asc">asc</a>]
                                [<a href="https://downloads.apache.org/skywalking/client-js/0.2.0/skywalking-client-js-0.2.0-src.tgz.sha512">sha512</a>]
                            </div>
                        </div>
                    </div>
                </div>

            </div>

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