title: How to manipulate the nav bar using routes?
body: <p>I have a navbar in my layout.hbs:</p>
  
  <pre><code>&lt;div class="collapse navbar-collapse" id="collapse"&gt;        
          &lt;ul class="nav navbar-nav navbar-right"&gt;
            &lt;li&gt;&lt;a href={{sign}}&gt;{{issign}}&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href={{los}}&gt;{{islog}}&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to change the contents on the go, for example when the user in logged in, I want to change the login text to logout and also redirect to a different page. I am doing this through routes.</p>
  
  <pre><code>router.get('/', function(req, res, next) {
  
      var vm = {
        title: 'Join Fatty-cruxifinier',
        sign: 'about',
        issign : 'SIGNUP',
        islog: 'LOGIN',
        los: 'login'
      };
    res.render('signup', vm);
  });
  
  router.post('/', function(req, res, next) {
    userServices.addUser(req.body, function(err){
      if(err){
      var vm = {
        title: 'Create an account',
        input: req.body,
        error: err
      };
      delete vm.input.password;
      return res.render('signup', vm);
    }
    res.redirect('/');
   });
  });
  </code></pre>
  
  <p>Though this seems to work, I need to add the <code>islog</code> , <code>issign</code> , <code>los</code> and <code>sign</code> variables to each and every webpage I have.</p>
  
  <p>Is there a better way to do this?</p>