cosmetic on user interface

pboard/pboard/templates/create_account.mak

@@ -18,5 +18,5 @@
 </div>
 
 <div class="row">
-${POD.SignUpForm('16em')}
+  ${POD.SignUpForm('16em')}
 </div>

pboard/pboard/templates/index.mak

@@ -2,30 +2,52 @@
 <%namespace name="POD" file="pboard.templates.pod"/>
 
 <%def name="title()">
-  pod :: take notes, list tasks, write documents, manage projects
+  pod :: take notes, list tasks, write documents, manage projects blabla
 </%def>
 
   <div class="row">
-    <div class="span10 offset1">
-      <div class="row">
-        <div class="span10">
+        <div class="span12">
           <div class="well">
             <h1>pod <small>Simple tool, flexible data.</small></h1>
           </div>
         </div>
-      </div>
-    </div>
   </div>
 
   <div class="row">
     <div class="span10 offset1">
       <div class="row hidden-phone hidden-tablet">
+
+        ## LOGIN SCREEN
+        <div class="span3 offset2">
+          % if not request.identity:
+            <div class="well text-center" style="min-height: 16em;">
+              <form action="${tg.url('/login_handler')}">
+                <fieldset>
+                <legend><i class="fa fa-key" style="vertical-align: baseline !important;"></i> Login</legend>
+                <input class="span2" type="text" id="login" name="login" placeholder="email..."><br/>
+                <input class="span2" type="password" id="password" name="password" placeholder="password..."><br/>
+                <div class="span2 control-group">
+                  <input type="checkbox" id="loginremember" name="remember" value="2252000"/> ${_('Remember me')}
+                </div>
+                <input type="submit" id="submit" value="Login" />
+                </fieldset>
+              </form>
+            </div>
+          % else:
+            <div class="well text-center" style="min-height: 16em;">
+              <p>${_('Welcome, ')}${request.identity['user'].display_name}</p>
+              <p>${_('Click on <a href="{0}">Document</a> in the top menu to access you data.'.format(tg.url('/document')))|n}</p>
+            </div>
+          % endif
+        </div>
+        ## END OF LOGIN SCREEN
+
         <div class="span3" >
-          <div class="well text-right" style="min-height: 15em;">
-            <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 class="well" style="min-height: 15em;">
+            <p><i class="pod-blue fa-2x fa-fw fa fa-pencil" style="vertical-align: middle;"></i> Take <strong>notes</strong> </p>
+            <p><i class="pod-blue fa-2x fa-fw fa fa-list" style="vertical-align: middle;"></i> List <strong>tasks</strong> </p>
+            <p><i class="pod-blue fa-2x fa-fw fa fa-file-text-o" style="vertical-align: middle;"></i> Write <strong>documents</strong></p>
+            <p><i class="pod-blue fa-2x fa-fw fa fa-check-square-o" style="vertical-align: middle;"></i>Change <strong>Status</strong></p>
             <hr/>
             <p class="text-center">
               <i class="pod-blue fa-2x fa-fw fa fa-file-text-o" title="${_('Text documents')}" style="vertical-align: middle;"></i>
@@ -37,51 +59,6 @@
           </div>
         </div>
 
-        <div class="span4">
-          <div class="well text-center" style="min-height: 16em;">
-            <div class="row-fluid">
-            % for (icon, label) in (('fa-search', 'Search'), ('fa-dashboard', 'Track')):
-              <div class="span6">
-                <i class="pod-blue fa-4x fa ${icon}"></i><br/>
-                <strong>${label}</strong>
-              </div>
-            % endfor
-            </div>
-            <div class="row-fluid" style="margin-top: 2em;">
-            % for (icon, label) in (('fa-sort-alpha-asc', 'Organize'), ('fa-users', 'Manage')):
-              <div class="span6">
-                <i class="pod-blue fa-4x fa-fw fa ${icon}"></i><br/>
-                <strong>${label}</strong>
-              </div>
-            % endfor
-            </div>
-          </div>
-        </div>
-
-		% if not request.identity:
-        <div class="span3">
-          <div class="well text-center" style="min-height: 16em;">
-			<form action="${tg.url('/login_handler')}">
-			  <fieldset>
-				<legend><i class="fa fa-key" style="vertical-align: baseline !important;"></i> Login</legend>
-				<input class="span2" type="text" id="login" name="login" placeholder="email...">
-				<input class="span2" type="password" id="password" name="password" placeholder="password...">
-				<div class="span2 control-group">
-				  Remember me <input type="checkbox" id="loginremember" name="remember" value="2252000"/>
-				</div>
-				<input type="submit" id="submit" value="Login" />
-			  </fieldset>
-			</form>
-		  </div>
-		</div>
-		% else:
-		<div class="span3">
-          <div class="well text-center" style="min-height: 16em;">
-		    <p>${_('Welcome, ')}${request.identity['user'].display_name}</p>
-			<p>${_('Click on Documents in the top menu to access you data.')}</p>
-		  </div>
-		</div>
-		% endif
       </div>
     </div>
   </div>

pboard/pboard/templates/pod.mak

@@ -77,10 +77,10 @@
 </%def>
 
 <%def name='SignUpForm(psCssMinHeight="1em")'>
-  <div class="span3">
+  <div class="span3 offset4">
     <form class="well" method="POST" style="min-height: ${psCssMinHeight};" action="${tg.url('/public_api/create_account')}">
       <fieldset>
-        <legend>Want to try?</legend>
+        <legend>${_('Create an account')}</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/>