<div class="sidebar d-none d-lg-block">

<div class="d-flex flex-items-center p-4 position-sticky top-0 sidebar-background-color" style="z-index: 3;" id="github-logo" role="banner">

<a href="/{{ currentLanguage }}" class="color-text-inverse" aria-hidden="true" tabindex="-1">

{% octicon "mark-github" height="32" %}

</a>

<a href="/{{ currentLanguage }}" class="h4-mktg color-text-inverse no-underline no-wrap pl-2 flex-auto">{% data ui.header.github_docs %}</a>

</div>

<nav>

{% if error == '404' or page.relativePath == 'index.md' %}

<ul class="sidebar-products mt-4">

{% include sidebar-homepage %}

</ul>

{% else %}

<ul class="sidebar-products">

{% include sidebar-specific-product %}

</ul>

{% endif %}

</nav>