partials/header.ejs

   1 <nav role="navigation" class="navbar navbar-dark bg-dark">
   2 <div id="menuToggle">
   3   <!--
   4   A fake / hidden checkbox is used as click reciever,
   5   so you can use the :checked selector on it.
   6   -->
   7   <input type="checkbox" />
   8
   9   <!--
  10   Some spans to act as a hamburger.
  11
  12   They are acting like a real hamburger,
  13   not that McDonalds stuff.
  14   -->
  15   <span></span>
  16   <span></span>
  17   <span></span>
  18
  19   <!--
  20   Too bad the menu has to be inside of the button
  21   but hey, it's pure CSS magic.
  22   -->
  23   <ul id="menu">
  24     <a href="/"><li>Salud</li></a>
  25     <a href="/topology"><li>Visualizador</li></a>
  26     <a href="/stats"><li>Estadisticas</li></a>
  27     <a href="/starter"><li>Inicializador</li></a>
  28     <a href="/access"><li>Acceso</li></a>
  29     <a href="/topologyMaker"><li>Crear topologia</li></a>
  30     <a style= "display: flex;" href="https://localhost:8080/" target="_blank"><li>Pagina local</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
  31   </ul>
  32 </div>
  33 <form class="form-inline">
  34   <button class="btn btn-outline-success" type="button" onclick="location.href = '/';">VSoRC</button>
  35 </form>
  36 </nav>