web/_includes/topbar.html

52 lines
1.5 KiB
HTML
Raw Normal View History

2019-09-30 15:38:41 +03:00
<!--
The Top 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
-->
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">
{% for item in page.breadcrumb %}
{% if item.url %}
<span>
<a href="{{ site.baseurl }}{{ item.url | remove: '.html'}}">
{{ item.label }}
</a>
</span>
{% else %}
<span>{{ item.label }}</span>
{% endif %}
{% endfor %}
{% unless page.layout == "home" %}
<span>{{ page.title }}</span>
{% endunless %}
</span><!-- endof #breadcrumb -->
<i id="sidebar-trigger" class="fas fa-bars fa-fw"></i>
<div id="topbar-title">
{% if page.location %}
{{- page.location -}}
{% elsif page.layout == "home" %}
{{- site.title -}}
{% else %}
{{- page.title -}}
{% endif %}
</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"
aria-label="search" placeholder="{{ site.data.label.search_hint }}...">
<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>