bug #12: fixes page titles + improve home page

pboard/pboard/templates/dashboard.mak

 <%namespace name="POD" file="pboard.templates.pod"/>
 
 <%def name="title()">
-pod > dashobard
+pod :: your dashboard
 </%def>
 
   <div class="row">

pboard/pboard/templates/debug/environ.mak

 <%inherit file="local:templates.master"/>
 
 <%def name="title()">
-  debug: environment object
+pod :: debug :: request.environment
 </%def>
 
 <h2>The WSGI nature of the framework</h2>

pboard/pboard/templates/debug/iconset.mak

 <%inherit file="local:templates.master"/>
 
 <%def name="title()">
-  debug: icon set
+pod :: debug - iconset
 </%def>
 
     <style>

pboard/pboard/templates/debug/identity.mak

 <%inherit file="local:templates.master"/>
 
 <%def name="title()">
-  Learning TurboGears 2.3: Information about TG and WSGI
+pod :: debug :: request.identity
 </%def>
 
 <h2>Identity object</h2>

pboard/pboard/templates/document.mak

 <%namespace name="POD" file="pboard.templates.pod"/>
 
 <%def name="title()">
-POD :: ${current_node.getTruncatedLabel(40)} [${current_node.getStatus().label}]
+pod :: document ${current_node.getTruncatedLabel(40)} [#${current_node.node_id} / ${current_node.getStatus().label}]
 </%def>
 
 <%def name="node_treeview_for_set_parent_menu(node_id, node_list, indentation=-1)">

pboard/pboard/templates/index.mak

 <%inherit file="local:templates.master"/>
 
 <%def name="title()">
-  Welcome to TurboGears 2.3, standing on the shoulders of giants, since 2007
+  pod :: take notes, list tasks, write documents, manage projects
 </%def>
 
   <div class="row">
-    <div class="span9 hidden-phone hidden-tablet">
-      <div class="hero-unit">
-        <h1>pod <small>your information compagnion</small></h1>
+    <div class="span9">
+      <div class="row">
+        <div class="well">
+          <h1>pod <small>your information compagnion</small></h1>
+        </div>
       </div>
 
-      <div class="row">
-        <div class="span2 alert alert-success">
-          <p><button><i class="icon-g-cardio"></i> <strong>Track</strong> projects</button></p>
-          <p><button><i class="icon-g-edit"></i> <strong>Take</strong> notes</button></p>
-          <p><button><i class="icon-g-attach"></i> <strong>Keep</strong> files</button></p>
-          <span><button><i class="icon-g-ok"></i> <strong>Manage</strong> status</button></span>
+      <div class="row hidden-phone hidden-tablet">
+        <div class="span3 text-right">
+          <p>Take <strong>notes</strong> <i class="pod-blue fa-2x fa-fw fa fa-pencil" style="vertical-align: middle;"></i></p>
+          <p>List <strong>tasks</strong> <i class="pod-blue fa-2x fa-fw fa fa-list" style="vertical-align: middle;"></i></p>
+          <p>Write <strong>documents</strong> <i class="pod-blue fa-2x fa-fw fa fa-file-text-o" style="vertical-align: middle;"></i></p>
+          <p>Change <strong>Status</strong> <i class="pod-blue fa-2x fa-fw fa fa-check-square-o" style="vertical-align: middle;"></i> </p>
+        </div>
+        <div class="span1 text-center" title="${_('What for?')}">
+          <i class="fa fa-angle-double-right fa-5x"></i><br/>
         </div>
-        <div class="span6 well well-small">
-          <h5>
-            <i class="fa fa-users fa-2x"></i>
-            Use cases
-          </h5>
-          <ul>
-            <li>Search a job</li>
-            <li>Manage clients</li>
-            <li>Track tasks</li>
-            <li>...</li>
-          </ul>
+
+        <div class="span5">
+          <div class="well text-center">
+            <div class="row">
+            % for id, (icon, label) in enumerate((('fa-search', 'Search'), ('fa-dashboard', 'Track'), ('fa-sort-alpha-asc', 'Organize'), ('fa-users', 'Manage'))):
+              <div class="span1">
+                % for i in range(id):
+                  <br/>
+                % endfor
+                <i class="pod-blue fa-3x fa-fw fa ${icon}"></i>
+                <br/>
+                <strong>${label}</strong>
+              </div>
+            % endfor
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="row hidden-phone hidden-tablet">
+        <div class="span5 offset4 text-center" style="vertical-align: top;">
+          <strong>
+            jobs, projects, prospects, clients, knowledge, ...
+          </strong>
         </div>
       </div>
     </div>

pboard/pboard/templates/login.mak

 <%inherit file="local:templates.master"/>
-<%def name="title()">Login Form</%def>
+<%def name="title()">
+  pod :: login
+</%def>
+
 <div id="loginform">
 <form action="${tg.url('/login_handler', params=dict(came_from=came_from, __logins=login_counter))}" method="POST" class="loginfields">
     <h2><span>Login</span></h2>
     <label id="labelremember" for="loginremember">remember me</label><input type="checkbox" id="loginremember" name="remember" value="2252000"/>
     <input type="submit" id="submit" value="Login" />
 </form>
-</div>
+</div>

pboard/pboard/templates/master.mak

+<%namespace name="POD" file="pboard.templates.pod"/>
 <!DOCTYPE html>
 <html>
 <head>
 
 .pod-blue {color: #3a87ad !important; }
 .pod-red {color: #F00 !important; }
+.pod-grey {color: #999 !important; }
 
 body { padding-top: 60px; }
 @media screen and (max-width: 768px) {
                   left_panel.css('display', 'none');
                   metadata_panel.css('display', 'block');
                   
-                  main_panel.removeClass('span12');
-                  main_panel.addClass('span9');
+                  main_panel.removeClass('span9');
+                  main_panel.addClass('span12');
                   
                   docu_panel.removeClass('span5');
                   docu_panel.removeClass('span12');
       <div class="container">
         <div class="nav-collapse">
           <ul class="nav">
-            <li>
+            <li class="">
+##            ${POD.isCurrentPage('home', page)}
               <a href="${tg.url('/')}">
                 <i class="fa fa-home"></i>
                 <strong>pod</strong>