summaryrefslogtreecommitdiff
path: root/common/navigation.j2.inc
blob: d2d492c06b48c383fdd337bbe73343befca384e6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<header class="header_sec">
	<div class="container">
		<div class="innheaderSec">
			<nav class="navbar navbar-expand-md navbar-light bg-light nav_top">
				<a class="navbar-brand" href="index.html"><img src="{{ url_static('images/logo.png') }}" alt="Anastasis"></a>
				  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				    <span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
				  <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
			        <ul class="navbar-nav menu_sec">
			             <li class="actv"><a href="index.html">{% trans %}Home{% endtrans %}</a></li>
			             <li><a href="{{ url_localized('about.html') }}">{% trans %}About{% endtrans %}</a></li>
			             <li><a href="{{ url_localized('docs.html') }}">{% trans %}Docs{% endtrans %}</a></li>
			             <li><a href="{{ url_localized('news.html') }}">{% trans %}News{% endtrans %}</a></li>
			        </ul>
				  </div>
			</nav>
			<div id="polyglotLanguageSwitcher">
				<form action="#">
					<select id="polyglot-language-options">
						<option id="en" value="en" selected><i class="fa fa-globe" aria-hidden="true"></i>Eng</option>
						<option id="fr" value="fr">Fra</option>
						<option id="de" value="de">Deu</option>
						<option id="it" value="it">Ita</option>
						<option id="es" value="es">Esp</option>
					</select>
				</form>
			</div>
		</div>
	</div>
</header> 


<!-- <script>

/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function dropDown() {
  document.getElementById("myDropdown").classList.toggle("show");
}

// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
} 

function burgerChange() {
  var x = document.getElementById("navigation");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>
-->