site/_includes/nav.html

37 lines
1.5 KiB
HTML

{% assign primaryCategory = site.data.categories[include.a] %}
<h1 class="display-3" style="font-weight:700;position:sticky;top:0;backdrop-filter:blur(10px);z-index:1000;" id="logo">
{% if primaryCategory %}
<span style="color:{{primaryCategory.textColor}};background-color:{{primaryCategory.backColor}};">ac</span>
{% else %}
<span style="color:black;background-color:white;">ac</span>
{% endif %}
</h1>
<div class="row row-cols-1 row-cols-md-2">
<div class="col col-md-3">
<div class="row row-cols-1 g-0" id="nav">
{% for item in site.data.nav %}
<div class="col">
<h4>
<a href="{{ item.link }}" class="text-decoration-none"> {{ item.name }} </a>
</h4>
</div>
{% endfor %}
<div class="col gy-2">
<h4>
<div>
<span>
{% for item in site.data.icons %}
{% if item.icon != "letterboxd" %}
<a rel="me" href="{{ item.link }}" target="_blank"><i class="{{ item.icon }}"></i></a>
{% else %}
<a href="{{ item.link }}" target="_blank"><img class="letterboxd" src="/assets/images/letterboxd.png"></a>
{% endif %}
{% endfor %}
</span>
</div>
</h4>
</div>
<hr class="menu">
</div>
</div>