diff --git a/prepaidmatewebsite/prepaid/static/glow-theme.css b/prepaidmatewebsite/prepaid/static/glow-theme.css new file mode 100755 index 0000000000000000000000000000000000000000..237551989081a3ed6009020b975b2c427ce649c2 --- /dev/null +++ b/prepaidmatewebsite/prepaid/static/glow-theme.css @@ -0,0 +1,142 @@ +body{ + background-color: #222222; + color: white; + font-family: sans-serif; + padding: 0 4em; +} +*{ + box-sizing:border-box; + font-size: 26px; +} +input{ + border: 0px solid black; + padding: 1em; + border-radius: 0px; +} +.btn{ + font-size: 50px; + display: block; + padding: 0.2em; + color: white; + text-decoration:none; + background: #2180b8; + text-align:left; + border: none; +} +.buttons-home{ + display: grid; + grid-template-columns: repeat(1, 3fr); + grid-template-rows: 1fr; + grid-column-gap: 1em; + grid-row-gap: 0px; +} +.buttons-home .btn{ + padding:1em; +} +.buttons-home .btn:nth-child(1){ + background: #D60270; +} +.buttons-home .btn:nth-child(2){ + background: #734F96; +} +.buttons-home .btn:nth-child(3){ + background: #0038A8; +} +.buttons-numpad { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(5, 1fr); + grid-column-gap: 1em; + grid-row-gap: 0.5em; +} + +.buttons-numpad .btn-1{ grid-area: 1 / 1 / 2 / 2; } +.buttons-numpad .btn-2{ grid-area: 1 / 2 / 2 / 3; } +.buttons-numpad .btn-3{ grid-area: 1 / 3 / 2 / 4; } +.buttons-numpad .btn-4{ grid-area: 2 / 1 / 3 / 2; } +.buttons-numpad .btn-5{ grid-area: 2 / 2 / 3 / 3; } +.buttons-numpad .btn-6{ grid-area: 2 / 3 / 3 / 4; } +.buttons-numpad .btn-7{ grid-area: 3 / 1 / 4 / 2; } +.buttons-numpad .btn-8{ grid-area: 3 / 2 / 4 / 3; } +.buttons-numpad .btn-9{ grid-area: 3 / 3 / 4 / 4; } +.buttons-numpad .btn-0{ grid-area: 4 / 1 / 5 / 2; } +.buttons-numpad .btn-clear { grid-area: 4 / 3 / 5 / 4; } +.buttons-numpad .btn-clear-all { grid-area: 4 / 4 / 5 / 5; } +.buttons-numpad .btn-cancel { grid-area: 5 / 1 / 6 / 3; } +.buttons-numpad .btn-submit { grid-area: 5 / 3 / 6 / 5; } +.buttons-numpad .btn-point { grid-area: 4 / 2 / 5 / 3; } +.buttons-numpad .btn-add { grid-area: 3 / 4 / 4 / 5; } + +.btn-cancel{ + background: #ac4247; +} +.btn-clear{ + background: #ffea83; +} + +.btn-clear-all{ + background: #ffea83; +} +.btn-submit{ + background: #50a74e; +} +.btn.numpad{ + text-align:center; +} + +.form-login{ + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-column-gap: 1em; + margin-bottom: 0.5em; +} +.form-login>*{ +} +.form-login .userid { grid-area: 1 / 1 / 2 / 2; } +.form-login .userpin { grid-area: 1 / 2 / 2 / 5; } + + +/* The Modal (background) */ +.modal { + display: none; /* Hidden by default */ + position: fixed; /* Stay in place */ + z-index: 1; /* Sit on top */ + left: 0; + top: 0; + width: 100%; /* Full width */ + height: 100%; /* Full height */ + overflow: auto; /* Enable scroll if needed */ + background-color: rgb(0,0,0); /* Fallback color */ + background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ + color:black; +} + +/* Modal Content/Box */ +.modal-content { + background-color: #fefefe; + padding: 20px; + border: 1px solid #888; +} + +.mymodal-dialog { + margin: 5% auto; + width: 800px; +} +.input-group .form-control { + z-index: 1; +} + +.price-entry label{ + width: 33%; + display: inline-block; +} +.modal-footer *{ + display:inline-block; + padding-right: 1em; +} +.price-entry input{ + width: 66%; +} +.price-entry>*{ + padding-bottom: 1em; +} diff --git a/prepaidmatewebsite/prepaid/templates/index.html.j2 b/prepaidmatewebsite/prepaid/templates/index.html.j2 index a9f85228601a377956e2ae3f8046b480b88b53df..ebdde031a922915605cb2db13a8ea988333f034d 100644 --- a/prepaidmatewebsite/prepaid/templates/index.html.j2 +++ b/prepaidmatewebsite/prepaid/templates/index.html.j2 @@ -1,36 +1,29 @@ - - Prepaidmate - - - + + Prepaidmate + + + - - - - - - - -
-
-

Welcome to the Prepaidmate System!

-

Please select your desired action

-
- - - -
-
- + + + + + + +
+
+

Welcome to the Prepaidmate System!

+

Please select your desired action

+
+ Buy Something + Check Balance + Charge Balance +
+
+ diff --git a/prepaidmatewebsite/prepaid/templates/login.html.j2 b/prepaidmatewebsite/prepaid/templates/login.html.j2 index bb04942aad6211d843ed5ad447bb1356de7f07c6..c27342ef7dc7aac03f53e0637513f787d248661c 100644 --- a/prepaidmatewebsite/prepaid/templates/login.html.j2 +++ b/prepaidmatewebsite/prepaid/templates/login.html.j2 @@ -1,87 +1,43 @@ - - Login - - - + + Login + + + - - - - - - - - -
- -
- {% csrf_token %} -
-
-

Please enter your User ID.

- -
-
-
-
-

Please enter your pin.

- -
-
-
-
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
-
-
- Cancel -
-
- -
-
-
- + + + + + + + +
+ +
+ {% csrf_token %} + + +
+
+ + + + + + + + + + + + Cancel + +
+
+ + diff --git a/prepaidmatewebsite/prepaid/templates/priceentry.html.j2 b/prepaidmatewebsite/prepaid/templates/priceentry.html.j2 index ffbec837e4fde0671a99baa2427b2030c756f60d..2a0d24f09c4fabe9b749fc0fd8d92e67d5788baa 100644 --- a/prepaidmatewebsite/prepaid/templates/priceentry.html.j2 +++ b/prepaidmatewebsite/prepaid/templates/priceentry.html.j2 @@ -1,121 +1,74 @@ - - View Drink Details - - - + + View Drink Details + + + - - - - - - -
-
-
- -

Please enter the amount you want to spend.

-
-
-
-
-
- {% csrf_token %} -
- Total CHF - {{ form.total }} -
-
-
-
-
- Temporary Total CHF - -
-
-
-
-
- -
-
- -
-
- -
-
-
-
-
- -
-
- -
-
- -
-
-
-
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
+ + + + + +
+
+
+ +

Please enter the amount you want to spend.

+
+
+
+
+ {% csrf_token %} +
+ + {{ form.total }} +
+
+
+ + +
+
+
+ + + + + + + + + + + + Cancel + + + + +
+