diff --git a/static/stickup.css b/static/stickup.css new file mode 100644 index 0000000..5c232d8 --- /dev/null +++ b/static/stickup.css @@ -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); +} diff --git a/templates/index.html b/templates/index.html index 9e65878..b05f97b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -2,35 +2,40 @@ Stickup + -

This is a stickup!

- {% for record in user_data %} -
Your email address is {{ record['email'] }}
- {% endfor %} - {% if result %} -
{{ result['message'] }}
- {% endif %} -
- - - - - - - - - - - - - - - - -
-
+
+

This is a stickup!

+
+
+ {% for record in user_data %} +
Your email address is {{ record['email'] }}
+ {% endfor %} + {% if result %} +
{{ result['message'] }}
+ {% endif %} +
+ + + + + + + + + + + + + + + + +
+
+