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