diff options
author | ng0 <ng0@n0.is> | 2019-03-03 15:56:02 +0000 |
---|---|---|
committer | ng0 <ng0@n0.is> | 2019-03-03 15:56:02 +0000 |
commit | d13013d9c574fd63b745dd38f391a38567b9ae93 (patch) | |
tree | 3b719e86b7f6e32ce6641af8a55ec0c1b2fff546 /common/navigation.j2.inc | |
parent | b35e7cc279c4613baada88f540eceeac15d75692 (diff) | |
download | www-d13013d9c574fd63b745dd38f391a38567b9ae93.tar.gz www-d13013d9c574fd63b745dd38f391a38567b9ae93.tar.bz2 www-d13013d9c574fd63b745dd38f391a38567b9ae93.zip |
bootstrap 4 adjustments for bootstrap 3 code.
Diffstat (limited to 'common/navigation.j2.inc')
-rw-r--r-- | common/navigation.j2.inc | 87 |
1 files changed, 45 insertions, 42 deletions
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc index 26a16740..26f4bd9b 100644 --- a/common/navigation.j2.inc +++ b/common/navigation.j2.inc @@ -1,51 +1,54 @@ -<nav class="navbar navbar-inverse"> +<nav class="navbar navbar-toggleable navbar-toggleable-md navbar-expand-md navbar-inverse navbar-dark" style="background-color: black; border-radius: 0px;"> <!-- bg-dark --> <div class="container-fluid"> - <ul class="nav navbar-nav"> - <li class="{{ 'active' if filename == 'index.html' else '' }}"><a class="taler_home" href="index.html">Taler</a></li> - <li class="{{ 'active' if filename == 'citizens.html' else '' }}"><a href="citizens.html">{{ _("Citizens") }} </a></li> - <li class="{{ 'active' if filename == 'merchants.html' else '' }}"><a href="merchants.html">{{ _("Merchants") }} </a></li> - <li class="{{ 'active' if filename == 'governments.html' else '' }}"><a href="governments.html">{{ _("Governments") }}</a></li> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ _("Resources") }} <span class="caret"></span></a> + <button class="navbar-toggler navbar-toggler-right" + type="button" + data-toggle="collapse" + data-target="#navbarMain" + aria-controls="navbarMain" + aria-expanded="false" + aria-label="Toggle navigation"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarMain"> + <ul class="navbar-nav mr-auto"> + <li class="{{ 'active' if filename == 'index.html' else '' }}"><a class="navbar-brand taler_home" href="index.html">Taler</a></li> + <li class="nav-item {{ 'active' if filename == 'citizens.html' else '' }}"><a class="nav-link" href="citizens.html">{{ _("Citizens") }} </a></li> + <li class="nav-item {{ 'active' if filename == 'merchants.html' else '' }}"><a class="nav-link" href="merchants.html">{{ _("Merchants") }} </a></li> + <li class="nav-item {{ 'active' if filename == 'governments.html' else '' }}"><a class="nav-link" href="governments.html">{{ _("Governments") }}</a></li> + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ _("Resources") }}</a> <ul class="dropdown-menu"> - <li><a href="architecture.html">{{ _("System Architecture") }}</a></li> - <li><a href="faq.html">{{ _("FAQ") }}</a></li> - <li><a href="glossary.html">{{ _("Glossary") }}</a></li> - <li><a href="developers.html">{{ _("Developer Introduction") }} </a></li> - <li><a href="copyright.html">{{ _("Copyright for Contributors") }} </a></li> - <li><a href="bibliography.html">{{ _("Bibliography") }}</a></li> - <li><a href="gsoc-codeless.html">{{ _("Gsoc 2018: Codeless Payments") }}</a></li> + <li><a class="dropdown-item" href="architecture.html">{{ _("System Architecture") }}</a></li> + <li><a class="dropdown-item" href="faq.html">{{ _("FAQ") }}</a></li> + <li><a class="dropdown-item" href="glossary.html">{{ _("Glossary") }}</a></li> + <li><a class="dropdown-item" href="developers.html">{{ _("Developer Introduction") }} </a></li> + <li><a class="dropdown-item" href="copyright.html">{{ _("Copyright for Contributors") }} </a></li> + <li><a class="dropdown-item" href="bibliography.html">{{ _("Bibliography") }}</a></li> + <li><a class="dropdown-item" href="gsoc-codeless.html">{{ _("Gsoc 2018: Codeless Payments") }}</a></li> </ul> </li> </ul> - <ul class="nav navbar-right"> - <li> - <button class="btn btn-dark dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> - <img src="{{ url('images/languageicon.svg') }}" height="35" alt="[{{lang}}]" /> {{ lang_full }} [{{ lang }}] - <span class="caret"></span> + <ul class="navbar-nav navbar-right"> + <li class="nav-item dropdown"> + <button class="btn btn-dark dropdown-toggle" + type="button" + id="dropdownMenu1" + data-toggle="dropdown" + aria-haspopup="true" + aria-expanded="true"> + <img src="{{ url('images/languageicon.svg') }}" + height="35" + alt="[{{lang}}]" /> + {{ lang_full }} [{{ lang }}] </button> - <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> - <li> - <a href="{{ self_localized('en') }}">English [en]</a> - </li> - <li> - <a href="{{ self_localized('de') }}">Deutsch [de]</a> - </li> - <li> - <a href="{{ self_localized('fr') }}">Français [fr]</a> - </li> - <li> - <a href="{{ self_localized('it') }}">Italiano [it]</a> - </li> - <li> - <a href="{{ self_localized('es') }}">Español [es]</a> - </li> - <li> - <a href="{{ self_localized('pt') }}">Português [pt]</a> - </li> - <li> - <a href="{{ self_localized('ru') }}">Ру́сский язы́к [ru]</a> - </li> + <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1"> + <li><a class="dropdown-item" href="{{ self_localized('en') }}">English [en]</a></li> + <li><a class="dropdown-item" href="{{ self_localized('de') }}">Deutsch [de]</a></li> + <li><a class="dropdown-item" href="{{ self_localized('fr') }}">Français [fr]</a></li> + <li><a class="dropdown-item" href="{{ self_localized('it') }}">Italiano [it]</a></li> + <li><a class="dropdown-item" href="{{ self_localized('es') }}">Español [es]</a></li> + <li><a class="dropdown-item" href="{{ self_localized('pt') }}">Português [pt]</a></li> + <li><a class="dropdown-item" href="{{ self_localized('ru') }}">Ру́сский язы́к [ru]</a></li> </ul> </li> </ul> |