partials/header.ejs

   1 <nav class="navbar">
   2        <div class="navbar-brand">
   3            <a class="navbar-item" href="/">
   4                My nice app
   5            </a>
   6            <a class="navbar-item is-hidden-desktop" href="https://github.com/RuinSain" target="_blank">
   7      <span class="icon" style="color: #333;">
   8        <i class="fa fa-github"></i>
   9      </span>
  10            </a>
  11
  12            <div class="navbar-burger burger" onclick="document.querySelector('.navbar-menu').classList.toggle('is-active');">
  13                <span></span>
  14                <span></span>
  15                <span></span>
  16            </div>
  17        </div>
  18
  19        <div  class="navbar-menu">
  20            <div class="navbar-start">
  21                <a href="/archive" class="nav-item is-tab">All Articles</a>
  22
  23                <div class="navbar-item has-dropdown is-hoverable">
  24                    <a class="navbar-link " href="http://bulma.io/blog/">
  25                        Blog
  26                    </a>
  27                    <div  class="navbar-dropdown " data-style="width: 18rem;">
  28
  29                        <a class="navbar-item" href="/2017/03/10/new-field-element/">
  30                            <div class="navbar-content">
  31                                <p>
  32                                    <small class="has-text-info">10 Mar 2017</small>
  33                                </p>
  34                                <p>New field element (for better controls)</p>
  35                            </div>
  36                        </a>
  37
  38                        <a class="navbar-item" href="/2016/04/11/metro-ui-css-grid-with-bulma-tiles/">
  39                            <div class="navbar-content">
  40                                <p>
  41                                    <small class="has-text-info">11 Apr 2016</small>
  42                                </p>
  43                                <p>Metro UI CSS grid with Bulma tiles</p>
  44                            </div>
  45                        </a>
  46
  47                        <hr class="navbar-divider">
  48                        <div class="navbar-item">
  49                            <div class="navbar-content">
  50                                <div class="level is-mobile">
  51                                    <div class="level-left">
  52                                        <div class="level-item">
  53                                            <strong>Stay up to date!</strong>
  54                                        </div>
  55                                    </div>
  56                                    <div class="level-right">
  57                                        <div class="level-item">
  58                                            <a class="button is-rss is-small" href="http://bulma.io/atom.xml">
  59                      <span class="icon is-small">
  60                        <i class="fa fa-rss"></i>
  61                      </span>
  62                                                <span>Subscribe</span>
  63                                            </a>
  64                                        </div>
  65                                    </div>
  66                                </div>
  67                            </div>
  68                        </div>
  69                    </div>
  70                </div>
  71            </div>
  72
  73            <div class="navbar-end">
  74                <a class="navbar-item" href="/register">
  75                </a>
  76                <a class="navbar-item" href="/login">
  77                    Login
  78                </a>
  79
  80                    <div class="navbar-item has-dropdown is-hoverable">
  81                        <a class="navbar-link">User</a>
  82                        <div class="navbar-dropdown">
  83                            <a href="#" class="navbar-item">My Profile</a>
  84                            <a href="#" class="navbar-item"
  85
  86               ">Logout</a>
  87                            <form id="logout-form" action="" method="#" style="display: none;"></form>
  88                        </div>
  89                    </div>
  90            </div>
  91        </div>
  92    </nav>
  93     <!-- <a href="/"><li>Home</li></a>
  94     <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>
  95     <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>
  96     <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>
  97     <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> -->