diff --git a/main.py b/main.py index 9247e7a..b4465d1 100644 --- a/main.py +++ b/main.py @@ -5,10 +5,12 @@ import qrcode import qrcode.image.svg from fastapi import FastAPI, Form, HTTPException, Request from fastapi.responses import HTMLResponse, RedirectResponse +from fastapi.staticfiles import StaticFiles from fastapi.templating import Jinja2Templates from mollie.api.client import Client app = FastAPI(docs_url=None, redoc_url=None) +app.mount("/static", StaticFiles(directory="resources/static"), name="static") templates = Jinja2Templates(directory="resources") public_url = os.environ.get("PUBLIC_URL", "http://localhost:8000").rstrip("/") diff --git a/resources/return.html.j2 b/resources/return.html.j2 index 207e2a7..de31baa 100644 --- a/resources/return.html.j2 +++ b/resources/return.html.j2 @@ -1,11 +1,21 @@ + + Revbank Deposit -

Scan this code:

+

Bitlair Bartegoed Scannen

+ +

Scan nu deze code in Revbank:

{{ qr_svg | safe }} - 
{{ code }}
+

Of typ over: {{ code }}

+ +

Rond af door je accountnaam te typen.

+ + - + diff --git a/resources/static/fonts/Bitter-Regular.ttf b/resources/static/fonts/Bitter-Regular.ttf new file mode 100644 index 0000000..e1d0444 Binary files /dev/null and b/resources/static/fonts/Bitter-Regular.ttf differ diff --git a/resources/static/style.css b/resources/static/style.css new file mode 100644 index 0000000..5de7bb0 --- /dev/null +++ b/resources/static/style.css @@ -0,0 +1,80 @@ +@font-face { + font-family: 'Bitter'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url(/static/fonts/Bitter-Regular.ttf) format('truetype'); +} + +:root { + --accent-color: #f60; +} + +body { + background-color: #333; + color: var(--accent-color); + font-family: Bitter; + font-size: 1.4rem; +} + +a:visited { + color: inherit; +} + +footer { + font-size: 1rem; + margin-top: 3em; +} + + +.pay-option { + margin: 8px; + + font-size: 24px; + text-align: center; + vertical-align: middle; + + border: 4px solid var(--accent-color); + background: transparent; + color: inherit; + cursor: pointer; +} + + +.pay-option.pay-preset { + display: inline-block; + width: 100px; + height: 100px; + line-height: 100px; +} + +.pay-option.pay-preset > input { + display: none; +} + + +.pay-option.pay-custom { + display: inline-block; + padding: 4px 0 4px 8px; +} + +.pay-option.pay-custom > input { + width: 4em; + font-size: inherit; + border: none; + color: inherit; + background-color: transparent; +} + +.pay-custom + input[type="submit"] { + display: inline-block; + font-size: 24px; + border: none; + background: transparent; + color: inherit; +} + + +svg { + background-color: #fff; +} diff --git a/resources/welcome.html.j2 b/resources/welcome.html.j2 index 73211a7..170fd3f 100644 --- a/resources/welcome.html.j2 +++ b/resources/welcome.html.j2 @@ -1,13 +1,35 @@ + + Revbank Deposit +

Bitlair Bartegoed Kopen

+
- {% for amount in [10, 20, 40, 80] -%} - € - {% endfor -%} +

Met hoeveel wil je opwaarderen?

+ {% for amount in [16, 32, 64, 128] -%} + + {%- endfor %}
+ +
+

Iets anders?

+ + +
+ + - +