<!--
  The Top Bar
-->

<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">
    <span id="breadcrumb">

    {% assign paths = page.url | split: '/' %}

    {% if paths.size == 0 %}
      <!-- index page -->
      <span>{{ 'Posts' }}</span>
    {% else %}

      {% for item in paths %}

        {% if forloop.first %}
          {% unless page.layout == 'post' %}
          <span>
            <a href=