2019-09-30 15:38:41 +03:00
|
|
|
<!--
|
|
|
|
The Side Bar
|
2020-01-02 16:17:49 +03:00
|
|
|
v2.0
|
|
|
|
https://github.com/cotes2020/jekyll-theme-chirpy
|
2019-09-30 15:38:41 +03:00
|
|
|
© 2017-2019 Cotes Chung
|
|
|
|
MIT License
|
|
|
|
-->
|
|
|
|
|
2019-12-31 18:17:27 +03:00
|
|
|
<div id="nav-wrapper">
|
2020-11-21 23:24:09 +03:00
|
|
|
|
2019-12-31 18:17:27 +03:00
|
|
|
<div id="profile-wrapper" class="d-flex flex-column">
|
2019-11-11 18:02:38 +03:00
|
|
|
<div id="avatar" class="d-flex justify-content-center">
|
2019-10-21 08:18:25 +03:00
|
|
|
<a href="{{ site.baseurl }}/" alt="avatar">
|
2020-01-05 23:11:30 +03:00
|
|
|
{% assign avatar_url = site.avatar %}
|
|
|
|
{% capture start %}{{ site.avatar | slice: 0 }}{% endcapture %}
|
|
|
|
{% if start == '/' %}
|
|
|
|
{% assign avatar_url = avatar_url | prepend: site.baseurl %}
|
2019-09-30 15:38:41 +03:00
|
|
|
{% endif %}
|
2020-06-02 11:18:40 +03:00
|
|
|
<img src="{{ avatar_url }}" alt="avatar" onerror="this.style.display='none'">
|
2019-09-30 15:38:41 +03:00
|
|
|
</a>
|
|
|
|
</div>
|
2019-11-11 18:02:38 +03:00
|
|
|
|
|
|
|
<div class="profile-text mt-3">
|
2020-05-31 21:31:13 +03:00
|
|
|
<div class="site-title">
|
2020-05-28 20:55:57 +03:00
|
|
|
<a href="{{ '/' | relative_url }}">{{- site.title -}}</a>
|
2019-11-11 18:02:38 +03:00
|
|
|
</div>
|
2020-05-31 21:31:13 +03:00
|
|
|
<div class="site-subtitle font-italic">{{- site.tagline -}}</div>
|
2019-11-11 18:02:38 +03:00
|
|
|
</div>
|
2020-11-21 23:24:09 +03:00
|
|
|
</div><!-- #profile-wrapper -->
|
2019-09-30 15:38:41 +03:00
|
|
|
|
2019-11-11 18:02:38 +03:00
|
|
|
<ul class="nav flex-column">
|
2020-11-21 23:24:09 +03:00
|
|
|
<!-- home -->
|
|
|
|
<li class="nav-item d-flex justify-content-center {% if page.layout == 'home' %}active{% endif %}">
|
2020-11-22 21:46:04 +03:00
|
|
|
<a href="{{ '/' | relative_url }}" class="nav-link d-flex justify-content-center align-items-center w-100">
|
2020-11-21 23:24:09 +03:00
|
|
|
<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 %}">
|
2020-11-22 21:46:04 +03:00
|
|
|
<a href="{{ tab.url | relative_url }}" class="nav-link d-flex justify-content-center align-items-center w-100">
|
2020-11-21 23:24:09 +03:00
|
|
|
<i class="fa-fw {{ tab.icon }} ml-xl-3 mr-xl-3 unloaded"></i>
|
|
|
|
<span>{{ 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 -->
|
|
|
|
|
2019-12-31 18:17:27 +03:00
|
|
|
</div><!-- #nav-wrapper -->
|
2019-09-30 15:38:41 +03:00
|
|
|
|
2020-02-19 19:31:28 +03:00
|
|
|
<div class="sidebar-bottom d-flex flex-wrap justify-content-around mt-4">
|
2020-02-13 12:46:05 +03:00
|
|
|
|
2020-02-14 23:05:31 +03:00
|
|
|
{% if site.theme_mode == "dual" %}
|
2020-02-16 22:06:38 +03:00
|
|
|
<span id="mode-toggle-wrapper">
|
2020-02-14 18:36:38 +03:00
|
|
|
{% include mode-toggle.html %}
|
2020-02-13 12:46:05 +03:00
|
|
|
</span>
|
2020-02-19 19:31:28 +03:00
|
|
|
<span class="icon-border"></span>
|
2020-02-14 23:05:31 +03:00
|
|
|
{% endif %}
|
2020-02-13 12:46:05 +03:00
|
|
|
|
2020-05-23 10:54:11 +03:00
|
|
|
{% 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: '@' %}
|
2020-10-18 19:10:27 +03:00
|
|
|
javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
|
2020-05-23 10:54:11 +03:00
|
|
|
{%- elsif entry.type == 'rss' -%}
|
|
|
|
{{ "/feed.xml" | relative_url }}
|
|
|
|
{%- else -%}
|
|
|
|
{{ entry.url }}
|
|
|
|
{%- endif -%}
|
|
|
|
{% endcapture %}
|
|
|
|
|
2020-12-04 21:44:28 +03:00
|
|
|
{% if url %}
|
2020-10-27 11:20:22 +03:00
|
|
|
<a href="{{ url }}" aria-label="{{ entry.type }}" {% unless entry.noblank %}target="_blank" rel="noopener"{% endunless %}>
|
2020-05-23 10:54:11 +03:00
|
|
|
<i class="{{ entry.icon }}"></i>
|
|
|
|
</a>
|
|
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
2020-02-13 12:46:05 +03:00
|
|
|
|
2020-10-18 19:10:27 +03:00
|
|
|
</div>
|