_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

<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 == "/faq.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/faq.html">FAQ</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>