diff options
Diffstat (limited to 'common/navigation.j2.inc')
| -rw-r--r-- | common/navigation.j2.inc | 29 |
1 files changed, 21 insertions, 8 deletions
diff --git a/common/navigation.j2.inc b/common/navigation.j2.inc index 521bb89..cc8dc5e 100644 --- a/common/navigation.j2.inc +++ b/common/navigation.j2.inc @@ -5,11 +5,24 @@ </a> {%- endmacro %} -<ul> - <li>{{ navlink('index.html', _('Home')) }}</li> - <li>{{ navlink('about.html', _('About')) }}</li> - <li>{{ navlink('docs.html', _('Docs')) }}</li> - <li>{{ navlink('news/index.html', _('News')) }}</li> - <li style="float:right"><a href="{{ self_localized('en') }}">EN</a></li> - <li style="float:right"><a href="{{ self_localized('de') }}">DE</a></li> -<ul> +<div class="topnav" id="navigation"> +{{ navlink('index.html', _('Home')) }} +{{ navlink('about.html', _('About')) }} +{{ navlink('docs.html', _('Docs')) }} +{{ navlink('news/index.html', _('News')) }} +<a href="{{ self_localized('en') }}" style="float:right;">EN</a> +<a href="{{ self_localized('de') }}" style="float:right;">DE</a> +<a href="javascript:void(0);" class="icon" onclick="myFunction()"> + <i class="fa fa-bars"></i></a> +</div> + +<script> +function myFunction() { + var x = document.getElementById("navigation"); + if (x.className === "topnav") { + x.className += " responsive"; + } else { + x.className = "topnav"; + } +} +</script> |