ADD header & menus

This commit is contained in:
2025-07-25 11:51:11 +00:00
parent 3118b35dbc
commit 81f7145333
4 changed files with 42 additions and 13 deletions

View File

@ -19,8 +19,8 @@
</div>
<!-- nav -->
<div class="row align-items-center justify-content-around container-fluid bg-body-tertiary">
<div class="col-7 col-md-10">
<div class="d-flex align-items-center justify-content-around bg-body-tertiary">
<div>
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
@ -29,10 +29,10 @@
</div>
</nav>
</div>
<div class="col-3 col-md-1 mt-2 mt-sm-0">
{#<div>
{% include "partials/btn-search.twig" with {'items': menu.get_items} %}
</div>
<div class="col-2 col-md-1">
</div> #}
<div>
{% include "partials/menu-burger.twig" with {'items': menu.get_items} %}
</div>
</div>

View File

@ -15,17 +15,30 @@
{% if (item.children) %}
<li class="nav-item dropdown effect-nav">
{#<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">#}
<a class="nav-link dropdown-toggle text-light" href="{{ item.link }}" role="button" aria-expanded="false">
{{item.title}}</a>
<a class="nav-link dropdown-toggle text-light"
{% if item.target %}target="{{ item.target }}"{% endif %}
{% if item.xfn %}rel="{{ item.xfn }}"{% endif %}
href="{{ item.link }}"
role="button"
aria-expanded="false">
{{item.title}}
</a>
<ul class="dropdown-menu">
{% for subitem in item.children %}
<li><a class="dropdown-item text-dark" href="{{ subitem.link }}">{{subitem.title}}</a></li>
<li><a class="dropdown-item text-dark"
{% if subitem.target %}target="{{ subitem.target }}"{% endif %}
{% if subitem.xfn %}rel="{{ subitem.xfn }}"{% endif %}
href="{{ subitem.link }}">
{{subitem.title}}</a></li>
{% endfor %}
</ul>
</li>
{% else %}
<li class="{{item.classes | join(' ')}} nav-item effect-nav">
<a class="nav-link text-light" href="{{ item.link }}">
<a class="nav-link text-light"
href="{{ item.link }}"
{% if item.xfn %}rel="{{ item.xfn }}"{% endif %}
{% if item.target %}target="{{ item.target }}"{% endif %}>
{{ item.title }}
</a>
{% include 'partials/menu.twig' with {items: item.children} %}

View File

@ -4,17 +4,32 @@
{% if (item.children) %}
<li class="nav-item dropdown effect-nav">
{#<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">#}
<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" aria-expanded="false">
{{item.title}}</a>
<a class="nav-link dropdown-toggle"
href="{{ item.link }}"
role="button"
aria-expanded="false"
{% if item.xfn %}rel="{{ item.xfn }}"{% endif %}
{% if item.target %}target="{{ item.target }}"{% endif %}>
{{item.title}}
</a>
<ul class="dropdown-menu">
{% for subitem in item.children %}
<li><a class="dropdown-item" href="{{ subitem.link }}">{{subitem.title}}</a></li>
<li><a class="dropdown-item"
href="{{ subitem.link }}"
{% if subitem.xfn %}rel="{{ subitem.xfn }}"{% endif %}
{% if subitem.target %}target="{{ subitem.target }}"{% endif %}>
{{subitem.title}}
</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
<li class="{{item.classes | join(' ')}} nav-item effect-nav">
<a class="nav-link" href="{{ item.link }}">
<a class="nav-link"
href="{{ item.link }}"
{% if item.xfn %}rel="{{ item.xfn }}"{% endif %}
{% if item.target %}target="{{ item.target }}"{% endif %}>
{{ item.title }}
</a>
{% include 'partials/menu.twig' with {items: item.children} %}

View File

@ -16,6 +16,7 @@
<!-- Right side: RRSS -->
<div class="col d-flex justify-content-end">
{% include "partials/btn-search.twig" with {'items': menu.get_items} %}
<div class="btn-group m-1" role="group" aria-label="First group">
{% for red in redes_sociales %}
<a href="{{ red.url }}" class="btn btn-outline-dark btn-sm pt-0" target="_blank" rel="noopener noreferrer">