privacyguides.org/_includes/breadcrumbs.html
Jonah Aragon d3df46a21d Change "Edit" Button
@freddy-m didn't like it
2021-05-05 09:34:36 -05:00

31 lines
2.1 KiB
HTML

<div class="mb-5 d-flex">
<div class="flex-grow-1">
<nav id="breadcrumb" aria-label="breadcrumb">
{% assign crumbs = page.url | remove:'/index.html' | split: '/' %}
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb-item">
<a href="/" class="text-decoration-none text-gray"><i class="fas fa-home" aria-hidden="true"></i> <span class="text-decoration-underline">Home</span></a>
</li>
{% for crumb in crumbs offset: 1 %}
{% if forloop.last %}
<li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<link href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item" />
<span itemprop="name">{% if page.breadcrumb %}{{ page.breadcrumb }}{% else %}{% assign words = crumb | replace:'-',' ' | remove:'.html' | split: ' ' %}{% capture titlecase %}{% for word in words %}{{ word | capitalize }} {% endfor %}{% endcapture %}{{ titlecase }}{% endif %}
</span>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% else %}
<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a class="text-gray" href="{% assign crumb_limit = forloop.index | plus: 1 %}{% for crumb in crumbs limit: crumb_limit %}{{ crumb | append: '/' | replace:'without-plugin/','without-plugins/' }}{% endfor %}" itemprop="item"><span itemprop="name">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</span></a>
<meta itemprop="position" content="{{ forloop.index }}" />
</li>
{% endif %}
{% endfor %}
</ol>
</nav>
</div>
<div class="ps-3">
<a class="btn btn-outline-gray" href="https://github.com/privacyguides/privacyguides.org/edit/main/{%- if page.collection -%}collections/{%- endif -%}{{ page.path }}" role="button"><i class="fad fa-fw fa-pencil-alt"></i> View on GitHub</a>
</div>
</div>