// Create the nav component.
var nav = {

  // Create the view-model.
  vm: {
    init: function() {
      console.log ("nav vm init");
    }
  },

  // Create the controller.
  controller: function() {
    nav.vm.init ();
  },

  // Create the view.
  view: function() {
    return m("header", [
      m("div", {class: "title-header"}, [
        m("h1", [
          m("span", {class: "color-adventure-blue"}, "Adventure "),
          m("span", {class: "color-guild-gold"}, "Guild")
        ])
      ]),
      m("div", {class: "nav-header"}, [
        m("div", {class: "nav-collapse"}, [
          m("ul", [
            m("li", [
              m("a", {href: "#home"}, "Home")
            ]),
            m("li", [
              m("a", {href: "#about"},  "About")
            ]),
            m("li", [
              m("a", {href: "#play", onclick: "m.route('/play')"}, "Play")
            ]),
            m("li", [
              m("a", {href: "#"},  "Forums")
            ]),
            m("li", [
              m("a", {href: "#"},  "Shop")
            ]),
          ])
        ])
      ]),
      m("hr", {class: "hr-gradient"})
    ]);
  }
}

@@ -833,37 +833,8 @@
 lay%22
-, onclick: %22m.route('/play')%22
 %7D, %22
@@ -847,32 +847,48 @@
 %0A            %5D),
+%0A%0A            /*
 %0A            m(%22
@@ -947,32 +947,49 @@
             %5D),%0A
+%0A            */%0A%0A
             m(%22l
@@ -1034,12 +1034,14 @@
 ,  %22
-Shop
+Donate
 %22)%0A 

change nav elements for current scope