m038
1ecb32b94a
- Style language switcher dropdown to match site colours - Move language switcher left of social icons - Set theme thumbnail to logo PNG in blueprints - Add Dutch language override and system config tweaks - Various CSS fixes for dropdown alignment and width Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
40 lines
2.0 KiB
Twig
40 lines
2.0 KiB
Twig
<nav id="main-menu" class="navbar navbar-expand-md funky-font">
|
|
<div class="container-fluid px-0">
|
|
<a class="navbar-brand" href="{{ base_url_absolute }}">
|
|
<img src="{{ url('theme://images/logo-vignet-blauw.png') }}" alt="Logo" width="30" height="30" class="align-bottom d-none d-sm-inline">
|
|
Natascha Rieter
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain"
|
|
aria-controls="navbarMain" aria-expanded="false" aria-label="Menu openen">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarMain">
|
|
<ul class="navbar-nav ms-auto align-items-md-center">
|
|
{% for p in pages.children %}
|
|
{% if p.visible %}
|
|
<li class="nav-item">
|
|
<a class="nav-link{% if page.url == p.url %} active{% endif %}" href="{{ p.url }}">{{ p.menu }}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% include 'partials/langswitcher.html.twig' %}
|
|
<li class="nav-item">
|
|
<a class="nav-link p-1" href="#" aria-label="Instagram">
|
|
<img src="{{ url('theme://images/icon-instagram.png') }}" height="25" class="social-icon" alt="Instagram">
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link p-1" href="#" aria-label="Facebook">
|
|
<img src="{{ url('theme://images/icon-facebook.png') }}" height="25" class="social-icon" alt="Facebook">
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link p-1" href="#" aria-label="LinkedIn">
|
|
<img src="{{ url('theme://images/icon-linked-in.png') }}" height="25" class="social-icon" alt="LinkedIn">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|