Nexos/cnt-sindikatua
3
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add header & footer

Browse Source
This commit is contained in:
gustavo
2025-07-17 09:34:11 +00:00
parent 21988a9666
commit cf288d8ad4
6 changed files with 160 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
style.css
View File

@ -3,3 +3,29 @@
* Description: Tema Timber de nexos
* Author: Timber Team and You!
*/
/* .effect-nav > .nav-link:hover {
border-top: 4px solid rgb(255, 0, 0);
border-bottom: 4px solid rgb(0, 0, 0);
padding: 6px 0;
} */
@media (min-width: 992px) {
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
}
/* Optional: Add transition effects */
.dropdown-menu {
transition: opacity 0.3s ease;
opacity: 0;
}
.nav-item.dropdown:hover .dropdown-menu {
opacity: 1;
}

19
views/partials/btn-search.twig Normal file
View File

@ -0,0 +1,19 @@
<div class="container justify-content-center">
<button class="btn btn-light" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">
<i class="bi bi-search"></i>
</button>
<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasTopLabel">Búsqueda</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"/>
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</div>

27
views/partials/footer.twig
View File

@ -1 +1,26 @@
<footer id="footer">Copyright {{ 'now'|date('Y') }}</footer>
<div class="row">
<div class="col-sm-3 mb-5">
<div class="px-lg-4"><img src="/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" /></div>
</div>
<div class="col-sm-3">
{#{% include "menu.twig" with {'items': menu.get_items} %}#}
</div>
<div class="col-sm-3 mb-5">
</div>
<div class="col-sm-3">
<p>Paseo de las Acacias 5,<br>Bilbao</p>
<p><a href="tel:+34666666666">(+34) 6666666</a></p>
<p>cnt @ cnt.org</p>
</div>
</div>
<div class="py-2 text-center">
<p class="mb-0 fs-8">&bullet; Todos los derechos reservados &bullet; {{"now"|date('Y')}}</p>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="/politica-de-privacidad">Aviso legal y política de privacidad</a></li>
<li class="nav-item"><a class="nav-link" href="/politica-de-cookies">Política de cookies</a></li>
</ul>
</div>

40
views/partials/menu-burger.twig Normal file
View File

@ -0,0 +1,40 @@
{% if menu %}
<nav class="navbar justify-content-center">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav container-fluid justify-content-center">
{% for item in items %}
{% 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>
<ul class="dropdown-menu">
{% for subitem in item.children %}
<li><a class="dropdown-item" href="{{ subitem.link }}">{{subitem.title}}</a></li>
{% endfor %}
</ul>
</li>
{% else %}
<li class="{{item.classes | join(' ')}} nav-item effect-nav">
<a class="nav-link" href="{{ item.link }}">
{{ item.title }}
</a>
{% include 'partials/menu.twig' with {items: item.children} %}
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</nav>
{% endif %}

34
views/partials/menu.twig
View File

@ -1,12 +1,26 @@
{% if menu %}
<ul>
{% for item in items %}
<li class="{{ item.classes|join(' ') }}">
<a target="{{ item.target }}" href="{{ item.link }}">{{ item.title }}</a>
{% include 'partials/menu.twig' with {
items: item.children
} %}
</li>
{% endfor %}
</ul>
<ul class="navbar-nav container">
{% for item in items %}
{% 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>
<ul class="dropdown-menu">
{% for subitem in item.children %}
<li><a class="dropdown-item" href="{{ subitem.link }}">{{subitem.title}}</a></li>
{% endfor %}
</ul>
</li>
{% else %}
<li class="{{item.classes | join(' ')}} nav-item effect-nav">
<a class="nav-link" href="{{ item.link }}">
{{ item.title }}
</a>
{% include 'partials/menu.twig' with {items: item.children} %}
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}

25
views/partials/top-bar.twig Normal file
View File

@ -0,0 +1,25 @@
<div class="container-fluid">
<div class="row align-items-center py-1">
<!-- Izquierda: Botones -->
<div class="col">
<div class="btn-bar d-flex align-items-center">
<button class="btn btn-outline-light btn-sm me-2">
<span class="d-none d-sm-inline">EUSKERA</span>
</button>
<button class="btn btn-outline-light btn-sm">
<span class="d-none d-sm-inline">CASTELLANO</span>
</button>
</div>
</div>
<!-- Derecha: Redes sociales -->
<div class="col d-flex justify-content-end">
<div class="btn-group m-1" role="group" aria-label="First group">
<button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-facebook"></i></button>
<button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-twitter-x"></i></button>
<button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-youtube"></i></button>
<button type="button" class="btn btn-outline-secondary btn-sm"><i class="bi bi-instagram"></i></button>
</div>
</div>
</div>
</div>