<!--

The Side Bar

v2.0

https://github.com/cotes2020/jekyll-theme-chirpy

© 2017-2019 Cotes Chung

MIT License

-->

<div id="nav-wrapper">

<div id="profile-wrapper" class="d-flex flex-column">

<div id="avatar" class="d-flex justify-content-center">

<a href="{{ site.baseurl }}/" alt="avatar">

{% assign avatar_url = site.avatar %}

{% capture start %}{{ site.avatar | slice: 0 }}{% endcapture %}

{% if start == '/' %}

{% assign avatar_url = avatar_url | prepend: site.baseurl %}

{% endif %}

<img src="{{ avatar_url }}" alt="avatar" onerror="this.style.display='none'">

</a>

</div>

<div class="profile-text mt-3">

<div class="site-title">

<a href="{{ '/' | relative_url }}">{{- site.title -}}</a>

</div>

<div class="site-subtitle font-italic">{{- site.tagline -}}</div>

</div>

</div><!-- #profile-wrapper -->

<ul class="nav flex-column">

<!-- home -->

<li class="nav-item d-flex justify-content-center {% if page.layout == 'home' %}active{% endif %}">

<a href="{{ '/' | relative_url }}" class="nav-link d-flex justify-content-center align-items-center w-100">

<i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"></i>

<span>{{ "HOME" }}</span>

</a>

</li>

<!-- the real tabs -->

{% for tab in site.tabs %}

<li class="nav-item d-flex justify-content-center {% if tab.url == page.url %}active{% endif %}">

<a href="{{ tab.url | relative_url }}" class="nav-link d-flex justify-content-center align-items-center w-100">

<i class="fa-fw {{ tab.icon }} ml-xl-3 mr-xl-3 unloaded"></i>

<span>{{ tab.title | upcase }}</span>

</a>

</li> <!-- .nav-item -->

{% endfor %}

</ul> <!-- ul.nav.flex-column -->

</div><!-- #nav-wrapper -->

<div class="sidebar-bottom d-flex flex-wrap justify-content-around mt-4">

{% if site.theme_mode == "dual" %}

<span id="mode-toggle-wrapper">

{% include mode-toggle.html %}

</span>

<span class="icon-border"></span>

{% endif %}

</div>