web/_includes/topbar.html

70 lines
1.8 KiB
HTML
Raw Normal View History

2019-09-30 15:38:41 +03:00
<!--
The Top Bar
-->
2021-01-25 01:20:51 +03:00
2020-01-03 16:22:11 +03:00
<div id="topbar-wrapper" class="row justify-content-center topbar-down">
<div id="topbar" class="col-11 d-flex h-100 align-items-center justify-content-between">
2019-09-30 15:38:41 +03:00
<span id="breadcrumb">
{% assign paths = page.url | split: '/' %}
2021-07-19 20:38:25 +03:00
{% if paths.size == 0 or page.layout == 'home' %}
<!-- index page -->
<span>{{ 'Posts' }}</span>
{% else %}
{% for item in paths %}
{% if forloop.first %}
{% unless page.layout == 'post' %}
<span>
<a href="{{ '/' | relative_url }}">{{ 'Home' }}</a>
</span>
{% endunless %}
{% elsif forloop.last %}
<span>{{ page.title }}</span>
{% else %}
2019-09-30 15:38:41 +03:00
<span>
{% assign url = item %}
{% if item == 'posts' and page.layout == 'post' %}
{% assign url = '/' %}
{% endif %}
<a href="{{ url | relative_url }}">
{{ item | capitalize }}
2019-09-30 15:38:41 +03:00
</a>
</span>
2019-09-30 15:38:41 +03:00
{% endif %}
2019-09-30 15:38:41 +03:00
{% endfor %}
{% endif %}
2019-09-30 15:38:41 +03:00
</span><!-- endof #breadcrumb -->
<i id="sidebar-trigger" class="fas fa-bars fa-fw"></i>
<div id="topbar-title">
2020-11-21 23:24:09 +03:00
{% if page.layout == 'home' %}
{{- site.title -}}
2020-11-29 07:25:46 +03:00
{% elsif page.dynamic_title %}
2020-11-21 23:24:09 +03:00
{{- page.title -}}
{% else %}
{{- page.layout | capitalize -}}
{% endif %}
2019-09-30 15:38:41 +03:00
</div>
<i id="search-trigger" class="fas fa-search fa-fw"></i>
<span id="search-wrapper" class="align-items-center">
2019-09-30 15:38:41 +03:00
<i class="fas fa-search fa-fw"></i>
<input class="form-control" id="search-input" type="search"
2021-04-11 09:13:30 +03:00
aria-label="search" autocomplete="off" placeholder="{{ site.data.label.search_hint | default: 'Search' }}...">
<i class="fa fa-times-circle fa-fw" id="search-cleaner"></i>
2019-09-30 15:38:41 +03:00
</span>
<span id="search-cancel" >Cancel</span>
2019-09-30 15:38:41 +03:00
</div>
</div>