<nav>
  <script>
var menu = document.getElementById("menu");
function toggle_nav_menu() {
  menu.classList.toggle("responsive-hidden")
}
  </script>
  <a href="/" class="title nav-left">Colormatic</a>
  <img src="/img/colormatic_logo.svg" class="nav-center">
  <div class="nav-right inline">
    <ul id="menu" class="responsive-hidden">
      <li><a href="/zakarya">Zakarya</a></li>
      <!--<li><a href="https://github.com/ColormaticStudios" target="_blank" rel="noopener noreferrer">GitHub</a></li>-->
      <li><a href="/studios">Colormatic Studios</a></li>
      <li><a href="/about">About</a></li>
    </ul>
    <button onclick="toggle_nav_menu();" class="responsive-button"><img src="https://icons.getbootstrap.com/assets/icons/list.svg"></button>
  </div>
</nav>