summaryrefslogtreecommitdiff
path: root/common/navigation.j2.inc
diff options
context:
space:
mode:
authorng0 <ng0@n0.is>2019-03-03 15:56:02 +0000
committerng0 <ng0@n0.is>2019-03-03 15:56:02 +0000
commitd13013d9c574fd63b745dd38f391a38567b9ae93 (patch)
tree3b719e86b7f6e32ce6641af8a55ec0c1b2fff546 /common/navigation.j2.inc
parentb35e7cc279c4613baada88f540eceeac15d75692 (diff)
downloadwww-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.inc87
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&ccedil;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&ntilde;ol [es]</a></li>
+ <li><a class="dropdown-item" href="{{ self_localized('pt') }}">Portugu&ecirc;s [pt]</a></li>
+ <li><a class="dropdown-item" href="{{ self_localized('ru') }}">&#x420;&#x443;&#x301;&#x441;&#x441;&#x43A;&#x438;&#x439;&#x20;&#x44F;&#x437;&#x44B;&#x301;&#x43A; [ru]</a></li>
</ul>
</li>
</ul>