/
breadcrumbs.njk
29 lines (29 loc) · 1.65 KB
/
breadcrumbs.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<div id="breadcrumbs" class="fixed left-0 -bottom-2 w-full font-mono font-semibold bg-terminal/80 text-white pt-2 pb-4">
<div class="container overflow-hidden whitespace-nowrap pb-safe truncate text-xs md:text-base">
<a class="!text-green-600 hidden md:inline" href="/?utm_source=breadcrumbs_email">alex@zappa.dev</a><span class="hidden md:inline">:</span>
<a class="text-white hover:text-amber-300" href="/?utm_source=breadcrumbs_root" title="Home">
<span class="sr-only">Back to Home</span>
~<span class="text-white"> /</span>
</a>
{# Todo add breadcrumbs to files #}
{% if layout == 'post.njk' or permalink == '/blog/' or permalink|includes('/tags/') %}
<a class="text-white hover:text-amber-300"
href="/blog/">Blog<span class="text-white"> /</span></a>
{% endif %}
{% if permalink|includes('/tags/') %}
<a class="text-white hover:text-amber-300"
href="/tags/">Tags<span class="text-white"> /</span></a>
{% if permalink != '/tags/' %}
<a class="text-white hover:text-amber-300"
href="/tags/{{ tag | slugify }}/">{{ tag | slugify }}<span class="text-white"> /</span></a>
{% endif %}
{% elif layout == 'post.njk' %}
<a class="text-white hover:text-amber-300"
href="/blog/{{ title | slugify }}/">{{ title | titleSinPeriod }}<span class="text-white"> /</span></a>
{% elif permalink != '/blog/' and layout != 'home.njk' %}
<a class="text-white hover:text-amber-300"
href="/{{ (page.filePathStem or '') | replace('/', '') }}/">{{ (title or '') | titleSinPeriod }}<span class="text-white"> /</span></a>
{% endif %}
<span class="animate-blink">_</span>
</div>
</div>