Something went wrong. Try again.
Joseph Hale's Technical Blog
Something went wrong. Try again.
2.7 kB · 77 lines
HTML
at content
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778<!-- The Top Bar -->
<header id="topbar-wrapper" aria-label="Top Bar"> <div id="topbar" class="d-flex align-items-center justify-content-between px-lg-3 h-100" > <nav id="breadcrumb" aria-label="Breadcrumb"> {% assign paths = page.url | split: '/' %}
{% if paths.size == 0 or page.layout == 'home' %} <!-- index page --> <span>{{ site.data.locales[include.lang].tabs.home | capitalize }}</span>
{% else %} {% for item in paths %} {% if forloop.first %} <span> <a href="{{ '/' | relative_url }}"> {{ site.data.locales[include.lang].tabs.home | capitalize }} </a> </span>
{% elsif forloop.last %} {% if page.collection == 'tabs' %} <span>{{ site.data.locales[include.lang].tabs[item] | default: page.title }}</span> {% else %} <span>{{ page.title }}</span> {% endif %}
{% elsif page.layout == 'category' or page.layout == 'tag' %} <span> <a href="{{ item | relative_url }}"> {{ site.data.locales[include.lang].tabs[item] | default: page.title }} </a> </span> {% endif %} {% endfor %} {% endif %} </nav> <!-- endof #breadcrumb -->
<button type="button" id="sidebar-trigger" class="btn btn-link" aria-label="Menu"> <i class="fas fa-bars fa-fw"></i> </button>
<div id="topbar-title"> {% if page.layout == 'home' %} {{- site.data.locales[include.lang].title | default: site.title -}} {% elsif page.collection == 'tabs' or page.layout == 'page' %} {%- capture tab_key -%}{{ page.url | split: '/' }}{%- endcapture -%} {{- site.data.locales[include.lang].tabs[tab_key] | default: page.title -}} {% else %} {{- site.data.locales[include.lang].layout[page.layout] | default: page.layout | capitalize -}} {% endif %} </div>
<button type="button" id="search-trigger" class="btn btn-link" aria-label="Search"> <i class="fas fa-search fa-fw"></i> </button>
<search class="align-items-center ms-3 ms-lg-0"> <i class="fas fa-search fa-fw"></i> <input class="form-control" id="search-input" type="search" aria-label="search" autocomplete="off" placeholder="{{ site.data.locales[include.lang].search.hint | capitalize }}..." > </search> <button type="button" class="btn btn-link text-decoration-none" id="search-cancel"> {{- site.data.locales[include.lang].search.cancel -}} </button> </div></header>