X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=partials%2Fheader.ejs;h=87fc2e39c7b9ea8abea01d04fec9ad47294d3fca;hb=c63997ab20cc0f51009d8d19cc7b9178265e9711;hp=c85150427b0b1653406a043bd66be91d4c89d7c7;hpb=6822ae36172ef542120a3edf05f714fe71fa9bb2;p=VSoRC%2F.git

diff --git a/partials/header.ejs b/partials/header.ejs
index c851504..87fc2e3 100644
--- a/partials/header.ejs
+++ b/partials/header.ejs
@@ -1,7 +1,36 @@
+<nav role="navigation" class="navbar navbar-dark bg-dark">
+<div id="menuToggle">
+  <!--
+  A fake / hidden checkbox is used as click reciever,
+  so you can use the :checked selector on it.
+  -->
+  <input type="checkbox" />
 
+  <!--
+  Some spans to act as a hamburger.
 
-<nav class="navbar navbar-dark bg-dark">
-  <form class="form-inline">
-    <button class="btn btn-outline-success" type="button" onclick="location.href = '/';">VSoRC</button>
-  </form>
+  They are acting like a real hamburger,
+  not that McDonalds stuff.
+  -->
+  <span></span>
+  <span></span>
+  <span></span>
+
+  <!--
+  Too bad the menu has to be inside of the button
+  but hey, it's pure CSS magic.
+  -->
+  <ul id="menu">
+    <a href="/"><li>Salud</li></a>
+    <a href="/topology"><li>Visualizador</li></a>
+    <a href="/stats"><li>Estadisticas</li></a>
+    <a href="/starter"><li>Inicializador</li></a>
+    <a href="/access"><li>Acceso</li></a>
+    <a href="/topologyMaker"><li>Crear topologia</li></a>
+    <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>
+  </ul>
+</div>
+<form class="form-inline">
+  <button class="btn btn-outline-success" type="button" onclick="location.href = '/';">VSoRC</button>
+</form>
 </nav>