improve general design + make a signup form widget

pboard/pboard/templates/master.mak

 <%def name="title()">  </%def>
 
 <%def name="footer()">
-  <div class="footer hidden-tablet hidden-phone">
-    <p>Copyright &copy; pod project ${h.current_year()}</p>
+  <div class="footer hidden-tablet hidden-phone text-center">
+    <p class="pod-blue"><i>${_("Using pod, you can: search a job, manage projects, track and manage clients and prospects, document processes and knowledge, ...")}</i></p>
+    <hr style="width: 50%; margin: 0.5em auto;"/>
+    <p>Copyright &copy; 2013 - ${h.current_year()} pod project.</p>
   </div>
 </%def>
 
 
 
           % endif
-          
+
           % if request.identity and request.identity['repoze.who.userid']=='damien@accorsi.info':
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin <b class="caret"></b></a>
           % endif
           </ul>
           <ul class="nav pull-right">
+            <li>
+              <a href="${tg.url('/about')}"><i class="fa fa-question"></i> ${_('About')}</a>
+            </li>
+
+
             % if not request.identity:
               <li class="dropdown">
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Login</a>

pboard/pboard/templates/pod.mak

   % endif
 </%def>
 
+<%def name='SignUpForm(psCssMinHeight="1em")'>
+  <div class="span3">
+    <form class="well" style="min-height: ${psCssMinHeight};" action="${tg.url('/public_api/create_account')}">
+      <fieldset>
+        <legend>Want to try?</legend>
+        <input type="text"     name="email"            id="email" placeholder="Email"><br/>
+        <input type="password" name="password"         id="password" placeholder="Password"><br/>
+        <input type="password" name="retyped_password" id="retyped_password" placeholder="Retype your password"><br/>
+        <input type="submit"   id="submit" value="Create account" class="btn btn-success" style="width: 95%;"/><br/>
+      </fieldset>
+    </form>
+  </div>
+</%def>
+
 <%def name='RichTextEditorToolbar(psRichTextEditorNodeId, psMenuOptions="styles|boldanditalic|lists|justifiers|links|images|undoredo|fullscreen")'>
       <div class="btn-toolbar" data-role="${psRichTextEditorNodeId}-toolbar" data-target="${psRichTextEditorNodeId}">
       % if psMenuOptions.find('styles')>=0: