partials/header.ejs

   1 <nav class="navbar">
   2        <div class="navbar-brand">
   3            <a class="navbar-item title" href="/">
   4                <%= title %>
   5            </a>
   6
   7            <div class="navbar-burger burger" onclick="document.querySelector('.navbar-menu').classList.toggle('is-active');">
   8                <span></span>
   9                <span></span>
  10                <span></span>
  11            </div>
  12        </div>
  13
  14        <div  class="navbar-menu">
  15            <div class="navbar-start">
  16
  17                <div class="navbar-item has-dropdown is-hoverable">
  18                    <a class="navbar-link " href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank">
  19                        Recent Projects
  20                    </a>
  21                    <div  class="navbar-dropdown " data-style="width: 18rem;">
  22
  23                        <a class="navbar-item" href="https://github.com/josuer08/VSoRC" target="_blank">
  24                            <div class="navbar-content">
  25                                <p>
  26                                    <small class="has-text-info">VSoRC</small>
  27                                </p>
  28                                <p>Virtual Software Defined Network o RaspberryPi/Linux Cluster</p>
  29                            </div>
  30                        </a>
  31
  32                        <a class="navbar-item" href="https://github.com/josuer08/vsorcdistro" target="_blank">
  33                            <div class="navbar-content">
  34                                <p>
  35                                    <small class="has-text-info">VSoRCdistro</small>
  36                                </p>
  37                                <p>Modified distribution for VSORC</p>
  38                            </div>
  39                        </a>
  40
  41                        <hr class="navbar-divider">
  42                        <div class="navbar-item">
  43                            <div class="navbar-content">
  44                                <div class="level is-mobile">
  45                                    <div class="level-left">
  46                                        <div class="level-item">
  47                                            <strong>More Projects</strong>
  48                                        </div>
  49                                    </div>
  50                                    <div class="level-right">
  51                                        <div class="level-item">
  52                                            <a class="button is-rss is-small" href="http://www.github.com/josuer08" target="_blank">
  53                      <span class="icon is-small">
  54                        <i class="fa fa-github"></i>
  55                      </span>
  56                                                <span>Star me!</span>
  57                                            </a>
  58                                        </div>
  59                                    </div>
  60                                </div>
  61                            </div>
  62                        </div>
  63                    </div>
  64                </div>
  65            </div>
  66
  67            <div class="navbar-end">
  68                <a class="navbar-item" href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank">
  69                  <span class="icon is-large">
  70                    <i class="fa fa-github"></i>
  71                  </span>
  72                </a>
  73                <a class="navbar-item" href="https://www.instagram.com/josuer008/" target="_blank">
  74                  <span class="icon is-large">
  75                    <i class="fa fa-instagram"></i>
  76                  </span>
  77                </a>
  78
  79                    <div class="navbar-item has-dropdown is-hoverable">
  80                        <a class="navbar-link">More links</a>
  81                        <div class="navbar-dropdown">
  82                            <a href="#" class="navbar-item">Contact</a>
  83                            <a href="#" class="navbar-item">Function1</a>
  84                        </div>
  85                    </div>
  86            </div>
  87        </div>
  88    </nav>
  89     <!-- <a href="/"><li>Home</li></a>
  90     <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>
  91     <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>
  92     <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>
  93     <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> -->