Completed template system, added login/logout

view/templates/base/default.tmpl

@@ -20,7 +20,7 @@
 
     <script type="text/javascript" src="/ui/js/background.js"></script>
 
-    {{ template "head" }}
+    {{ block "head" . }}{{end}}
   </head>
 
   <body>
@@ -28,14 +28,11 @@
 
     <div id="content-wrapper">
       <main>
-        {{ template "content" }}    
+        {{ block "content" . }}{{end}}
       </main>
 
       <nav class="main-menu">
-        {{ template "menu" }}
-        <ul>
-          <li><a><div class="mg-icon">A</div><div class="mg-label">Login</div></a></li>          
-        </ul>
+        {{ block "menu" . }}{{end}}
       </nav>
     </div>
   </body>

view/templates/index.tmpl

@@ -1,11 +1,33 @@
 {{ define "content" }}
   <article>
-    <h1>Hello, World</h1>
+
   </article>
 {{ end }}
 
 {{ define "menu" }}
-  <h1>Aite RP</h1>
+  <a href="/"><h1>Aite RP</h1></a>
+
+  <ul>
+    {{ range .Categories }}
+      <li class="{{ if eq .Key $.ActiveCategory.Key }}selected{{end}}"><a href="/{{.URLRoot}}/{{$.ActiveTag.Hook}}"><div class="mg-icon">Π</div><div class="mg-label">{{.Plural}}</div></a></li>          
+    {{ end }}
+  </ul>
+
+  {{ if $.User.LoggedIn }}
+    <ul>
+      <li><a href="/page/create"><div class="mg-icon">+</div><div class="mg-label">Create</div></a></li>                   
+    </ul>
+
+    <ul>
+      <li><a href="/user/logout"><div class="mg-icon">A</div><div class="mg-label">Logout</div></a></li>          
+    </ul>
+  {{ else }}
+    <ul>
+      <li><a href="/user/login"><div class="mg-icon">A</div><div class="mg-label">Login</div></a></li>          
+    </ul>
+  {{ end }}
+
+  
 {{ end }}
 
 {{ define "head" }}

view/templates/login.tmpl

@@ -0,0 +1,21 @@
+{{ define "content" }}
+  <article>
+    <h1>Login</h1>
+    <form action="/user/login", method="POST">
+      <p class="red">{{$.Error}}</p>
+      <input placeholder="Username" name="username" type="text" />
+      <input placeholder="Password" name="password" type="password" />
+      <button type="submit">Submit</button>
+    </form>
+  </article>
+{{ end }}
+
+{{ define "menu" }}
+  <a href="/"><h1>Aite RP</h1></a>
+
+  <li><a href="/"><div class="mg-icon">&lt;</div><div class="mg-label">Back</div></a></li>                   
+{{ end }}
+
+{{ define "head" }}
+
+{{ end }}