var currentPage = window.location.href.split("/");
currentPage = currentPage[currentPage.length - 1].split(".")[0];
console.log(currentPage);
document.write(`<nav class="container nav-main">
    <div class="nav-logo"><a href="index.html"><img src="images/logo.jpg" alt="APLab Logo" /></a></div>
    <ul>
        <li><a ${currentPage === "research" ? "class=\"active\"" : '' } href="research.html">Research</a></li>
        <li><a ${currentPage === "facilities" ? "class=\"active\"" : '' } href="facilities.html">Facilities</a></li>
        <li><a ${currentPage === "publications" ? "class=\"active\"" : '' } href="publications.html">Publications</a></li>
        <li><a ${currentPage === "people" ? "class=\"active\"" : '' } href="people.html">People</a></li>
        <li><a ${currentPage === "support" ? "class=\"active\"" : '' } href="support.html">Support</a></li>
        <li><a ${currentPage === "open_positions" ? "class=\"active\"" : '' } href="open_positions.html">Positions</a></li>
    </ul>
</nav>
</header>`);