Extract header nav item

This commit is contained in:
Maria Rushkova 2021-08-05 18:00:06 +02:00
parent df37198926
commit 3fd7939e97
4 changed files with 18 additions and 27 deletions

View File

@ -40,14 +40,14 @@
<p class="text-base text-white mb-5 lg:mb-4">Research</p>
<ul>
{% for nav in site.data.footer-research %} {% include
nav-item.html %} {% endfor %}
nav-item-footer.html %} {% endfor %}
</ul>
</div>
<div class="flex flex-col sl:mr-14">
<p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
<ul>
{% for nav in site.data.footer-socials %} {% include nav-item.html
%} {% endfor %}
{% for nav in site.data.footer-socials %} {% include
nav-item-footer.html %} {% endfor %}
</ul>
</div>
</div>
@ -56,7 +56,7 @@
<p class="text-base text-white mb-5 lg:mb-4">Projects</p>
<ul>
{% for nav in site.data.footer-projects %} {% include
nav-item.html %} {% endfor %}
nav-item-footer.html %} {% endfor %}
</ul>
</div>
</div>

View File

@ -71,17 +71,8 @@
l:p-0
"
>
{% for nav in site.data.navigation %}
<li class="hover:opacity-50">
{% if nav.path %}
<a class="nav__link" href="{{ nav.path }}">{{ nav.title }}</a>
{% endif %} {% if nav.link %}
<a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
>{{ nav.title }}</a
>
{% endif %}
</li>
{% endfor %}
{% for nav in site.data.navigation %} {% include nav-item.html %} {%
endfor %}
</ul>
</nav>
@ -140,17 +131,8 @@
font-normal
"
>
{% for nav in site.data.navigation %}
<li class="leading-loose hover:opacity-50">
{% if nav.path %}
<a class="nav__link" href="{{ nav.path }}">{{ nav.title }}</a>
{% endif %} {% if nav.link %}
<a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
>{{ nav.title }}</a
>
{% endif %}
</li>
{% endfor %}
{% for nav in site.data.navigation %} {% include nav-item.html %} {%
endfor %}
</ul>
<ul class="social items-center flex mt-8">
{% include social.html %}

View File

@ -0,0 +1,5 @@
<li class="text-xxs lg:text-base text-white opacity-75 hover:opacity-50 mb-5">
<a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
>{{ nav.title }}</a
>
</li>

View File

@ -1,5 +1,9 @@
<li class="text-xxs lg:text-base text-white opacity-75 hover:opacity-50 mb-5">
<li class="hover:opacity-50">
{% if nav.path %}
<a class="nav__link" href="{{ nav.path }}">{{ nav.title }}</a>
{% endif %} {% if nav.link %}
<a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
>{{ nav.title }}</a
>
{% endif %}
</li>