_includes/navigator.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<div id="navigation">
    <ul class="navbar">
      <li class="nav logo">Silicon Linux</li>
      <li class="nav" {% if page.url == "/" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/">HOME</a></li>
      <li class="nav" {% if page.url == "/download.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav"href="/download.html">DOWNLOAD</a></li>
      <li class="nav" {% if page.url == "/blog.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/blog.html">BLOG</a></li>
      <li class="nav" {% if page.url == "/support.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/support.html">SUPPORT</a></li>
      <li class="nav"><a class="nav"href="https://github.com/silicon-linux">GITHUB</a></li>
      <li class="nav" {% if page.url == "/about.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/about.html">ABOUT</a></li>
      <li class="nav"><a href="javascript:void(0);" class="icon" onclick="myFunction()"></a></li>
      <li><i class="fa fa-bars"></i></li>
    </ul>
  </div>

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