2019-09-30 15:38:41 +03:00
|
|
|
<!--
|
|
|
|
The Side Bar
|
|
|
|
-->
|
|
|
|
|
2022-02-02 21:23:02 +03:00
|
|
|
<div id="sidebar" class="d-flex flex-column align-items-end">
|
2020-12-21 17:17:11 +03:00
|
|
|
<div class="profile-wrapper text-center">
|
|
|
|
<div id="avatar">
|
2022-03-27 20:01:24 +03:00
|
|
|
<a href="{{ '/' | relative_url }}" class="mx-auto">
|
2022-02-02 21:23:02 +03:00
|
|
|
{% if site.avatar != empty and site.avatar %}
|
2021-09-30 10:24:10 +03:00
|
|
|
{% capture avatar_url %}
|
2022-02-02 21:23:02 +03:00
|
|
|
{% if site.avatar contains '://' %}
|
2021-09-30 10:24:10 +03:00
|
|
|
{{ site.avatar }}
|
2022-02-02 21:23:02 +03:00
|
|
|
{% elsif site.img_cdn != empty and site.img_cdn %}
|
2021-09-30 10:24:10 +03:00
|
|
|
{{ site.avatar | prepend: site.img_cdn }}
|
2022-02-02 21:23:02 +03:00
|
|
|
{% else %}
|
2021-09-30 10:24:10 +03:00
|
|
|
{{ site.avatar | relative_url }}
|
2022-02-02 21:23:02 +03:00
|
|
|
{% endif %}
|
2021-09-30 10:24:10 +03:00
|
|
|
{% endcapture %}
|
2022-03-22 16:12:16 +03:00
|
|
|
<img src="{{ avatar_url | strip }}" alt="avatar" onerror="this.style.display='none'">
|
2021-09-30 10:24:10 +03:00
|
|
|
{% endif %}
|
2019-09-30 15:38:41 +03:00
|
|
|
</a>
|
|
|
|
</div>
|
2019-11-11 18:02:38 +03:00
|
|
|
|
2022-10-11 17:47:36 +03:00
|
|
|
<div class="site-title">
|
2021-07-20 20:01:09 +03:00
|
|
|
<a href="{{ '/' | relative_url }}">{{ site.title }}</a>
|
2019-11-11 18:02:38 +03:00
|
|
|
</div>
|
2021-07-20 20:01:09 +03:00
|
|
|
<div class="site-subtitle font-italic">{{ site.tagline }}</div>
|
2020-12-21 17:17:11 +03:00
|
|
|
|
|
|
|
</div><!-- .profile-wrapper -->
|
|
|
|
|
|
|
|
<ul class="w-100">
|
2021-07-20 20:01:09 +03:00
|
|
|
|
2020-11-21 23:24:09 +03:00
|
|
|
<!-- home -->
|
2020-12-21 17:17:11 +03:00
|
|
|
<li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}">
|
|
|
|
<a href="{{ '/' | relative_url }}" class="nav-link">
|
2020-11-21 23:24:09 +03:00
|
|
|
<i class="fa-fw fas fa-home ml-xl-3 mr-xl-3 unloaded"></i>
|
2022-10-18 22:53:47 +03:00
|
|
|
<span>{{ site.data.locales[site.lang].tabs.home | upcase }}</span>
|
2020-11-21 23:24:09 +03:00
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<!-- the real tabs -->
|
|
|
|
{% for tab in site.tabs %}
|
2020-12-21 17:17:11 +03:00
|
|
|
<li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
|
|
|
|
<a href="{{ tab.url | relative_url }}" class="nav-link">
|
2020-11-21 23:24:09 +03:00
|
|
|
<i class="fa-fw {{ tab.icon }} ml-xl-3 mr-xl-3 unloaded"></i>
|
2021-07-20 20:01:09 +03:00
|
|
|
{% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
|
|
|
|
|
2022-10-18 22:53:47 +03:00
|
|
|
<span>{{ site.data.locales[site.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
|
2019-09-30 15:38:41 +03:00
|
|
|
</a>
|
|
|
|
</li> <!-- .nav-item -->
|
2020-11-21 23:24:09 +03:00
|
|
|
{% endfor %}
|
2019-09-30 15:38:41 +03:00
|
|
|
|
|
|
|
</ul> <!-- ul.nav.flex-column -->
|
|
|
|
|
2021-09-21 17:37:28 +03:00
|
|
|
<div class="sidebar-bottom mt-auto d-flex flex-wrap justify-content-center align-items-center">
|
2021-12-01 14:51:25 +03:00
|
|
|
|
|
|
|
{% unless site.theme_mode %}
|
2021-12-07 13:17:20 +03:00
|
|
|
<button class="mode-toggle btn" aria-label="Switch Mode">
|
|
|
|
<i class="fas fa-adjust"></i>
|
|
|
|
</button>
|
2021-12-01 14:51:25 +03:00
|
|
|
|
|
|
|
{% if site.data.contact.size > 0 %}
|
|
|
|
<span class="icon-border"></span>
|
|
|
|
{% endif %}
|
|
|
|
{% endunless %}
|
|
|
|
|
2020-12-21 17:17:11 +03:00
|
|
|
{% for entry in site.data.contact %}
|
2023-02-06 17:33:20 +03:00
|
|
|
{% case entry.type %}
|
|
|
|
{% when 'github', 'twitter' %}
|
|
|
|
{%- capture url -%}
|
|
|
|
https://{{ entry.type }}.com/{{ site[entry.type].username }}
|
|
|
|
{%- endcapture -%}
|
|
|
|
{% when 'email' %}
|
2020-12-21 17:17:11 +03:00
|
|
|
{% assign email = site.social.email | split: '@' %}
|
2023-02-06 17:33:20 +03:00
|
|
|
{%- capture url -%}
|
|
|
|
javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
|
|
|
|
{%- endcapture -%}
|
|
|
|
{% when 'rss' %}
|
|
|
|
{% assign url = '/feed.xml' | relative_url %}
|
|
|
|
{% else %}
|
|
|
|
{% assign url = entry.url %}
|
|
|
|
{% endcase %}
|
2019-09-30 15:38:41 +03:00
|
|
|
|
2020-12-21 17:17:11 +03:00
|
|
|
{% if url %}
|
|
|
|
<a href="{{ url }}" aria-label="{{ entry.type }}"
|
2023-02-06 17:33:20 +03:00
|
|
|
{% assign link_types = '' %}
|
|
|
|
|
2022-12-24 22:31:11 +03:00
|
|
|
{% unless entry.noblank %}
|
|
|
|
target="_blank"
|
2023-02-06 17:33:20 +03:00
|
|
|
{% assign link_types = 'noopener noreferrer' %}
|
2022-12-24 22:31:11 +03:00
|
|
|
{% endunless %}
|
|
|
|
|
|
|
|
{% if entry.type == 'mastodon' %}
|
2023-02-06 17:33:20 +03:00
|
|
|
{% assign link_types = link_types | append: ' me' | strip %}
|
2022-12-24 22:31:11 +03:00
|
|
|
{% endif %}
|
|
|
|
|
2023-02-06 17:33:20 +03:00
|
|
|
{% unless link_types == empty %}rel="{{ link_types }}"{% endunless %}>
|
|
|
|
|
2020-12-21 17:17:11 +03:00
|
|
|
<i class="{{ entry.icon }}"></i>
|
|
|
|
</a>
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% endfor %}
|
2020-02-13 12:46:05 +03:00
|
|
|
|
2020-12-21 17:17:11 +03:00
|
|
|
</div> <!-- .sidebar-bottom -->
|
2020-02-13 12:46:05 +03:00
|
|
|
|
2020-12-21 17:17:11 +03:00
|
|
|
</div><!-- #sidebar -->
|