worked on ui design
This commit is contained in:
parent
128546f96b
commit
2fcf442183
2
app.py
2
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'
|
||||
|
|
|
@ -5,3 +5,9 @@ body {
|
|||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.container{
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 -->
|
||||
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
Reference in New Issue