X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=partials%2Fheader.ejs;h=30ed7446b87bd98b9c93db18bb3781a57044feb6;hb=HEAD;hp=a07a674c853b1adc418e5228ba3a09a0e860d95d;hpb=671a34f4eaf6bd35036da19796d2293f8b61728f;p=josuexyz%2F.git

diff --git a/partials/header.ejs b/partials/header.ejs
index a07a674..30ed744 100644
--- a/partials/header.ejs
+++ b/partials/header.ejs
@@ -1,20 +1,93 @@
-<nav role="navigation" class="navbar">
-<div id="menuToggle">
-  <input type="checkbox" />
+<nav class="navbar">
+       <div class="navbar-brand">
+           <a class="navbar-item title" href="/">
+               <%= title %>
+           </a>
 
-  <span></span>
-  <span></span>
-  <span></span>
+           <div class="navbar-burger burger" onclick="document.querySelector('.navbar-menu').classList.toggle('is-active');">
+               <span></span>
+               <span></span>
+               <span></span>
+           </div>
+       </div>
 
-  <ul id="menu">
-    <a href="/"><li>Home</li></a>
+       <div  class="navbar-menu">
+           <div class="navbar-start">
+
+               <div class="navbar-item has-dropdown is-hoverable">
+                   <a class="navbar-link " href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank">
+                       Recent Projects
+                   </a>
+                   <div  class="navbar-dropdown " data-style="width: 18rem;">
+
+                       <a class="navbar-item" href="https://github.com/josuer08/VSoRC" target="_blank">
+                           <div class="navbar-content">
+                               <p>
+                                   <small class="has-text-primary">VSoRC</small>
+                               </p>
+                               <p>Virtual Software Defined Network o RaspberryPi/Linux Cluster</p>
+                           </div>
+                       </a>
+
+                       <a class="navbar-item" href="https://github.com/josuer08/vsorcdistro" target="_blank">
+                           <div class="navbar-content">
+                               <p>
+                                   <small class="has-text-primary">VSoRCdistro</small>
+                               </p>
+                               <p>Modified distribution for VSORC</p>
+                           </div>
+                       </a>
+
+                       <hr class="navbar-divider">
+                       <div class="navbar-item">
+                           <div class="navbar-content">
+                               <div class="level is-mobile">
+                                   <div class="level-left">
+                                       <div class="level-item">
+                                           <strong>More Projects</strong>
+                                       </div>
+                                   </div>
+                                   <div class="level-right">
+                                       <div class="level-item">
+                                           <a class="button is-rss is-small" href="http://www.github.com/josuer08" target="_blank">
+                     <span class="icon is-small">
+                       <i class="fa fa-github"></i>
+                     </span>
+                                               <span>Star me!</span>
+                                           </a>
+                                       </div>
+                                   </div>
+                               </div>
+                           </div>
+                       </div>
+                   </div>
+               </div>
+           </div>
+
+           <div class="navbar-end">
+               <a class="navbar-item" href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank">
+                 <span class="icon is-large">
+                   <i class="fa fa-github"></i>
+                 </span>
+               </a>
+               <a class="navbar-item" href="https://www.instagram.com/josuer008/" target="_blank">
+                 <span class="icon is-large">
+                   <i class="fa fa-instagram"></i>
+                 </span>
+               </a>
+
+                   <div class="navbar-item has-dropdown is-hoverable">
+                       <a class="navbar-link">More links</a>
+                       <div class="navbar-dropdown">
+                           <a href="#" class="navbar-item">Contact</a>
+                           <a href="#" class="navbar-item">Function1</a>
+                       </div>
+                   </div>
+           </div>
+       </div>
+   </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>
-  </ul>
-</div>
-<!-- <form class="form-inline">
-  <button class="btn" type="button" onclick="location.href = '/';">Home</button>
-</form> -->
-</nav>
+    <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> -->