<!-- The Side Bar --> <div id="sidebar" class="d-flex flex-column align-items-end"> <div class="profile-wrapper text-center"> <div id="avatar"> <a href="{{ '/' | relative_url }}" class="mx-auto"> {% if site.avatar != empty and site.avatar %} {% capture avatar_url %} {% if site.avatar contains '://' %} {{ site.avatar }} {% elsif site.img_cdn != empty and site.img_cdn %} {{ site.avatar | prepend: site.img_cdn }} {% else %} {{ site.avatar | relative_url }} {% endif %} {% endcapture %} <img src="{{ avatar_url | strip }}" alt="avatar" onerror="this.style.display='none'"> {% endif %} </a> </div> <div class="site-title"> <a href="{{ '/' | relative_url }}">{{ site.title }}</a> </div> <div class="site-subtitle font-italic">{{ site.tagline }}</div> </div><!-- .profile-wrapper --> <ul class="w-100"> <!-- home --> <li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}"> <a href="{{ '/' | relative_url }}" class="nav-link"> <i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"></i> <span>{{ site.data.locales[site.lang].tabs.home | upcase }}</span> </a> </li> <!-- the real tabs --> {% for tab in site.tabs %} <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}"> <a href="{{ tab.url | relative_url }}" class="nav-link"> <i class="fa-fw {{ tab.icon }} ml-xl-3 mr-xl-3 unloaded"></i> {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %} <span>{{ site.data.locales[site.lang].tabs.[tab_name] | default: tab.title | upcase }}</span> </a> </li> <!-- .nav-item --> {% endfor %} </ul> <!-- ul.nav.flex-column --> <div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center"> {% unless site.theme_mode %} <button class="mode-toggle btn" aria-label="Switch Mode"> <i class="fas fa-adjust"></i> </button> {% if site.data.contact.size > 0 %} <span class="icon-border"></span> {% endif %} {% endunless %} {% for entry in site.data.contact %} {% capture url %} {%- if entry.type == 'github' -%} https://github.com/{{ site.github.username }} {%- elsif entry.type == 'twitter' -%} https://twitter.com/{{ site.twitter.username }} {%- elsif entry.type == 'email' -%} {% assign email = site.social.email | split: '@' %} javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@') {%- elsif entry.type == 'rss' -%} {{ "/feed.xml" | relative_url }} {%- else -%} {{ entry.url }} {%- endif -%} {% endcapture %} {% if url %} <a href="{{ url }}" aria-label="{{ entry.type }}" {% unless entry.noblank %}target="_blank" rel="noopener"{% endunless %}> <i class="{{ entry.icon }}"></i> </a> {% endif %} {% endfor %} </div> <!-- .sidebar-bottom --> </div><!-- #sidebar -->