X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=partials%2Fheader.ejs;h=d3f252c33ed603f3c40dcab6c60b14c41796dbcd;hb=0e3ec38f0ae1e7191a3125b2f72005d434784567;hp=5e48fa03bd47dfed5d1810eed7de44ad107e32f0;hpb=9eaca599f30c023d378f02acae32ebf785151939;p=josuexyz%2F.git

diff --git a/partials/header.ejs b/partials/header.ejs
index 5e48fa0..d3f252c 100644
--- a/partials/header.ejs
+++ b/partials/header.ejs
@@ -1,23 +1,65 @@
-<nav role="navigation" class="navbar">
-<div id="menuToggle">
-  <input type="checkbox" />
+<div class="block">
+  <nav class="nav">
+    <div class="nav-left">
+      <a href="" class="nav-item">
+        <h1 class="title is-4"><%= title %></h1>
+      </a>
+    </div>
 
-  <span></span>
-  <span></span>
-  <span></span>
+    <div class="nav-center">
+      <a href="https://www.linkedin.com/in/josue-rodriguez-170103199/" class="nav-item">
+        <span class="icon">
+          <i class="fa fa-linkedin"></i>
+        </span>
+      </a>
+      <a href="https://github.com/josuer08/" class="nav-item">
+        <span class="icon">
+          <i class="fa fa-github"></i>
+        </span>
+      </a>
+    </div>
 
-  <ul id="menu">
-    <a href="/health"><li>Health</li></a>
-    <a href="/topology"><li>View topology</li></a>
-    <a href="/stats"><li>Flow Tables</li></a>
-    <a href="/"><li>Topology Starter</li></a>
-    <a href="/access"><li>Documentation</li></a>
-    <a style= "display: flex;" href="https://github.com/josuer08/VSoRC" target="_blank"><li>GitHub web</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>
-    <a style= "display: flex;" href="https://github.com/josuer08/vsorcdistro" target="_blank"><li>GitHub distro</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>
+    <div class="nav-right nav-menu">
+      <a href="/" class="nav-item">Home</a>
+      <!-- <a href="#" class="nav-item">About Us</a> -->
+      <a href="#" class="nav-item">Contact</a>
+    </div>
+  </nav>
+</div>
+
+<!-- SIDE MENU -->
+<div class="block">
+  <aside class="menu">
+    <p class="menu-label">
+      Label 1
+    </p>
+    <ul class="menu-list">
+      <li><a href="">Link 1</a></li>
+      <li><a href="">Link 1</a></li>
+    </ul>
+    <p class="menu-label">
+      Label 2
+    </p>
+    <ul class="menu-list">
+      <li>
+        <a class="is-active" href="">Link 1</a>
+        <ul>
+          <li><a href="">Link 1</a></li>
+          <li><a href="">Link 1</a></li>
+          <li><a href="">Link 1</a></li>
+        </ul>
+      </li>
 
-  </ul>
+      <li><a href="">Link 2</a></li>
+      <li><a href="">Link 3</a></li>
+    </ul>
+  </aside>
 </div>
-<form class="form-inline">
-  <button class="btn" type="button" onclick="location.href = '/';">Home</button>
-</form>
-</nav>
+
+
+
+    <!-- <a href="/"><li>Home</li></a>
+    <a style= "display: flex;" href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank"><li>GitHub web</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>
+    <a style= "display: flex;" href="https://github.com/josuer08/" target="_blank"><li>GitHub</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>
+    <a style= "display: flex;" href="https://github.com/josuer08/VSoRC" target="_blank"><li>GitHub VSoRC repo</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>
+    <a style= "display: flex;" href="https://github.com/josuer08/vsorcdistro" target="_blank"><li>GitHub VSoRCdistro repo</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> -->