iou1name/Stickup
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add css

Browse Source
This commit is contained in:
iou1name 2020-11-18 11:40:18 -05:00
parent 09621485a7
commit c1420bb75a
2 changed files with 70 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
static/stickup.css Normal file
View File

@ -0,0 +1,39 @@
body {
margin-left: 10%;
margin-right: 10%;
background-color: lightgray;
font-family: Helvetica,sans-serif;
font-size: 14px;
}
header {
margin-bottom: 3em;
display: flex;
}
main {
background-color: whitesmoke;
padding: 2% 5%;
border-radius: 0.5em;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.result_message {
display: inline-block;
padding: 1% 2%;
border-radius: 0.5em;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
margin: 0.5em;
}
.result_good {
background-color: rgba(0, 255, 0, 0.6);
}
.result_bad {
background-color: rgba(255, 0, 0, 0.6);
}

57
templates/index.html
View File

@ -2,35 +2,40 @@
<html lang="en">
<head>
<title>Stickup</title>
<link rel="stylesheet" type="text/css" href="/static/stickup.css">
<meta name="viewport" content="width=device-width, initial-scale=0.8">
<meta name="description" content="An email management frontend.">
</head>
<body>
<h1>This is a stickup!</h1>
{% for record in user_data %}
<div>Your email address is {{ record['email'] }}</div>
{% endfor %}
{% if result %}
<div>{{ result['message'] }}</div>
{% endif %}
<form method="post" enctype="application/x-www-form-urlencoded">
<table>
<tr>
<td><label for="current_password">Current password</label></td>
<td><input id="current_password" name="current_password" type="password"></td>
</tr>
<tr>
<td><label for="new_password">New password</label></td>
<td><input id="new_password" name="new_password" type="password"></td>
</tr>
<tr>
<td><label for="verify_new_password">Verify new password</label></td>
<td><input id="verify_new_password" name="verify_new_password" type="password"></td>
</tr>
<tr>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
<header>
<h1>This is a stickup!</h1>
</header>
<main>
{% for record in user_data %}
<div>Your email address is {{ record['email'] }}</div>
{% endfor %}
{% if result %}
<div class="result_message result_{% if result['ok'] %}good{% else %}bad{% endif %}">{{ result['message'] }}</div>
{% endif %}
<form method="post" enctype="application/x-www-form-urlencoded">
<table>
<tr>
<td><label for="current_password">Current password</label></td>
<td><input id="current_password" name="current_password" type="password"></td>
</tr>
<tr>
<td><label for="new_password">New password</label></td>
<td><input id="new_password" name="new_password" type="password"></td>
</tr>
<tr>
<td><label for="verify_new_password">Verify new password</label></td>
<td><input id="verify_new_password" name="verify_new_password" type="password"></td>
</tr>
<tr>
<td><input type="submit" value="Submit"></td>
</tr>
</table>
</form>
</main>
</body>
</html>