From 2fcf4421830acb6490aa569ed88c22467ee3de55 Mon Sep 17 00:00:00 2001
From: david <david@socialnerds.org>
Date: Tue, 8 Nov 2016 21:19:16 +0100
Subject: [PATCH] worked on ui design

---
 app.py                          |  2 +-
 static/css/starter-template.css |  6 ++++
 views/default.tpl               | 55 +++++++++++++++++++++++++++++++++
 views/login.tpl                 |  5 ++-
 4 files changed, 64 insertions(+), 4 deletions(-)

diff --git a/app.py b/app.py
index bbfff3d..52ecb10 100644
--- a/app.py
+++ b/app.py
@@ -8,7 +8,7 @@ from bottle import route, run, template, error, get, \
 # config
 # load config from configfile instead of defining it here
 cookie_secret='.0)>ZCqL Fvi3m$;c VY-$&^65 r3Yg,$vC +U?1#zy] 2[]rUsru .yd4-GiE *i#i4Wr['
-cookie_max_age=3600 #seconds
+cookie_max_age=1800 #seconds
 app_name='accounts'
 static_files="/home/david/Git/accounts/static"
 #miab_admin='someuser@socialnerds.org'
diff --git a/static/css/starter-template.css b/static/css/starter-template.css
index 4af7a61..1e71e4c 100644
--- a/static/css/starter-template.css
+++ b/static/css/starter-template.css
@@ -5,3 +5,9 @@ body {
   padding: 40px 15px;
   text-align: center;
 }
+
+@media (min-width: 600px) {
+    .container{
+        max-width: 600px;
+    }
+}
diff --git a/views/default.tpl b/views/default.tpl
index 926b2f3..08ae3e0 100644
--- a/views/default.tpl
+++ b/views/default.tpl
@@ -48,8 +48,63 @@
       <div class="starter-template">
         <h1>{{ username }}</h1>
         <p class="lead">You are logged in. (<a href="/logout">logout</a>)</p>
+        <p>This is your <a href="https://socialnerds.org/account">SocialNerds account</a> self-service page.</p>
+        <p>It is <a href="https://en.wikipedia.org/wiki/Free_software">free software</a> and its code is hosted <a href="https://socialg.it/socialnerds/accounts">here</a>.</p>
       </div>
 
+      <div class="starter-template">
+        <h2>Change password</h2>
+          <hr>
+
+          <form class="form-inline">
+            <div class="form-group">
+              <input type="password" class="form-control input-sm" id="changepasswordInput" placeholder="Old password">
+            </div>
+            <div class="form-group">
+              <input type="password" class="form-control input-sm" id="changepasswordInput2" placeholder="New password">
+            </div>
+            <button type="submit" class="btn btn-primary btn-sm">change</button>
+          </form>
+
+
+      </div>
+
+
+      <div class="starter-template">
+        <h2>Manage aliases</h2>
+          <hr>
+          <p>Aliases are additional email addresses which will be forwarded to your account. Besides your primary email address you can use them to send emails.<br><small>Be aware the limit of five active aliases.</small></p>
+          <p>david@aundas.org (<a href="#">delete</a>)</p>
+          <p>david@socialnerds.org (<a href="#">delete</a>)</p>
+          <p>hugo17@socialnerds.org (<a href="#">delete</a>)</p>
+
+          <form class="form-inline">
+            <div class="form-group">
+              <input type="email" class="form-control input-sm" id="ceatealiasInput" placeholder="somename@socialnerds.org">
+            </div>
+            <button type="submit" class="btn btn-primary btn-sm">create</button>
+          </form>
+
+
+      </div>
+
+      <div class="starter-template">
+        <h2>Delete account</h2>
+          <hr>
+          <p>This will nuke your account. Are you absolutely certain that you want to <b>delete</b> your SocialNerds account? <small>(Your account will be rendered unavailable immediadely. Removal from our servers will happen within a week.)</small></p>
+
+          <form class="form-inline">
+            <div class="form-group">
+              <input type="email" class="form-control input-sm" id="deleteaccountInput" placeholder="{{ username }}">
+            </div>
+            <button type="submit" class="btn btn-danger btn-sm">delete</button>
+          </form>
+
+
+      </div>
+
+
+
     </div><!-- /.container -->
 
 
diff --git a/views/login.tpl b/views/login.tpl
index 07da707..64eae48 100644
--- a/views/login.tpl
+++ b/views/login.tpl
@@ -10,7 +10,6 @@
     <link rel="icon" href="/static/favicon.ico">
 
     <title>{{ app_name }}</title>
-
     <!-- Bootstrap core CSS -->
     <link href="/static/css/bootstrap.min.css" rel="stylesheet">
 
@@ -23,12 +22,12 @@
 
     <div class="container">
       <form class="form-signin" action"/login" method="post">
-        <h2 class="form-signin-heading">SocialNerds Accounts</h2>
+        <h2 class="form-signin-heading">SocialNerds Accounts<small>self-service login</small></h2>
         <label for="inputEmail" class="sr-only">Email address</label>
         <input name="username" type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
         <label for="inputPassword" class="sr-only">Password</label>
         <input name="password" type="password" id="inputPassword" class="form-control" placeholder="Password" required>
-
+        <p>For security reasons every session will expire 30 minutes after login.</p>
         <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
       </form>