<div class="addons-wrap d-flex flex-column overflow-y-auto">
    <div class="status d-flex flex-justify-between p-2">
        <div class="title p-1">
            <i class="fa fa-book"></i> {{ site.title }}
        </div>
        <div class="branch p-1">
            <span class="name">
                {{ site.version }}
            </span>
            <i class="fa fa-caret-down"></i>
        </div>
    </div>
    <div class="addons d-flex flex-column height-full p-2 d-none">
        {% if site.display_version_list %}
            <dl id="versions">
                <dt>Versions</dt>

                {% if jekyll.environment == "development" %}
                    <dd>
                    <a href="{{ site.baseurl }}/">{{ site.version }}</a>
                    </dd>
                {% else %}
                    {% comment %}
                    Drop the last component from site.baseurl which is supposed to
                    be pointing to a subdirectory of the true site baseurl.
                    {% endcomment %}
                    {% assign spliturl = site.baseurl | split: "/" %}
                    {% assign last = spliturl.size | minus: 1 %}
                    {% assign baseurl = spliturl | slice: 0, last | join: "/" %}

                    <script src="{{ baseurl }}/versions.js"></script>
                    <script>
                        var dt = document.getElementById('versions');
                        var items = getVersionListItems();
                        for (var i=0; i < items.length; i++) {
                          var dd = document.createElement('dd');
                          var a = dd.appendChild(document.createElement('a'));
                          a.appendChild(document.createTextNode(items[i].name));
                          a.href = items[i].url;
                          dt.appendChild(dd);
                        }
                    </script>
                {% endif %}
            </dl>
        {% endif %}
        <dl>
            <dt>{{ __.github | default: "GitHub" }}</dt>
            <dd>
                <a href="{{ docs.repository_url }}" title="{{ __.stars | default: 'Stars' }}: {{ rest.stargazers_count }}">
                    <i class="fa fa-github"></i>
                    {{ __.homepage | default: "Homepage" }}
                </a>
            </dd>
            <dd>
                <a href="{{ docs.issues_url }}" title="{{ __.open_issues | default: 'Open issues' }}: {{ rest.open_issues }}">
                    <i class="fa fa-question-circle-o"></i>
                    {{ __.issues | default: "Issues" }}
                </a>
            </dd>
            <dd>
                <a href="{{ docs.zip_url }}" title="{{ __.size | default: 'Size' }}: {{ rest.size }} Kb">
                    <i class="fa fa-download"></i>
                    {{ __.download | default: "Download" }}
                </a>
            </dd>
        </dl>
        <hr>
        <div class="license f6 pb-2">
            This
            <a href="{{ site.baseurl }}/" title="{{ site.title }}">Software</a>
            is under the terms of
            <a href="{{ docs.repository_url }}">{{ docs.license.name | default: "The Unlicense" }}</a>.
        </div>
    </div>
</div>