text, responsive navigation

2 files changed, 22 insertions, 9 deletions

diff --git a/common/footer.j2.inc b/common/footer.j2.inc
index d9b06b7..18550be 100644
--- a/common/footer.j2.inc
+++ b/common/footer.j2.inc
@@ -2,5 +2,5 @@
 © Anastasis SARL ?
 </div>
 <div id="footer-box">
-{{ _("This page was created using <a href='https://www.gnu.org/'>Free Software</a> only.") }}
+{{ _("This page was created using <a href='https://www.gnu.org/' style='color: antiquewhite;'>Free Software</a> only.") }}
 </div>
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>