diff --git a/res/static/img/payment_providers/Voucher.svg b/res/static/img/payment_providers/Voucher.svg new file mode 100644 index 0000000..d04256e --- /dev/null +++ b/res/static/img/payment_providers/Voucher.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/res/static/img/payment_providers/applepay.svg b/res/static/img/payment_providers/applepay.svg new file mode 100644 index 0000000..38e14ee --- /dev/null +++ b/res/static/img/payment_providers/applepay.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/bancontact.svg b/res/static/img/payment_providers/bancontact.svg new file mode 100644 index 0000000..9e2154d --- /dev/null +++ b/res/static/img/payment_providers/bancontact.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/res/static/img/payment_providers/banktransfer.svg b/res/static/img/payment_providers/banktransfer.svg new file mode 100644 index 0000000..8a88323 --- /dev/null +++ b/res/static/img/payment_providers/banktransfer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/belfius.svg b/res/static/img/payment_providers/belfius.svg new file mode 100644 index 0000000..eb9eafa --- /dev/null +++ b/res/static/img/payment_providers/belfius.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/creditcard.svg b/res/static/img/payment_providers/creditcard.svg new file mode 100644 index 0000000..a22e26c --- /dev/null +++ b/res/static/img/payment_providers/creditcard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/directdebit.svg b/res/static/img/payment_providers/directdebit.svg new file mode 100644 index 0000000..8a88323 --- /dev/null +++ b/res/static/img/payment_providers/directdebit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/eps.svg b/res/static/img/payment_providers/eps.svg new file mode 100644 index 0000000..d56e47c --- /dev/null +++ b/res/static/img/payment_providers/eps.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/giftcard.svg b/res/static/img/payment_providers/giftcard.svg new file mode 100644 index 0000000..7f70179 --- /dev/null +++ b/res/static/img/payment_providers/giftcard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/giropay.svg b/res/static/img/payment_providers/giropay.svg new file mode 100644 index 0000000..9113803 --- /dev/null +++ b/res/static/img/payment_providers/giropay.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/ideal.svg b/res/static/img/payment_providers/ideal.svg new file mode 100644 index 0000000..ff5727e --- /dev/null +++ b/res/static/img/payment_providers/ideal.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/res/static/img/payment_providers/in3.svg b/res/static/img/payment_providers/in3.svg new file mode 100644 index 0000000..418f0e6 --- /dev/null +++ b/res/static/img/payment_providers/in3.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/res/static/img/payment_providers/kbc.svg b/res/static/img/payment_providers/kbc.svg new file mode 100644 index 0000000..7f75295 --- /dev/null +++ b/res/static/img/payment_providers/kbc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/klarna.svg b/res/static/img/payment_providers/klarna.svg new file mode 100644 index 0000000..00c8b5a --- /dev/null +++ b/res/static/img/payment_providers/klarna.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/res/static/img/payment_providers/mybank.svg b/res/static/img/payment_providers/mybank.svg new file mode 100644 index 0000000..d885cd9 --- /dev/null +++ b/res/static/img/payment_providers/mybank.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/res/static/img/payment_providers/paypal.svg b/res/static/img/payment_providers/paypal.svg new file mode 100644 index 0000000..4b71ec3 --- /dev/null +++ b/res/static/img/payment_providers/paypal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/paysafecard.svg b/res/static/img/payment_providers/paysafecard.svg new file mode 100644 index 0000000..73d5a20 --- /dev/null +++ b/res/static/img/payment_providers/paysafecard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/postepay.svg b/res/static/img/payment_providers/postepay.svg new file mode 100644 index 0000000..364ea4d --- /dev/null +++ b/res/static/img/payment_providers/postepay.svg @@ -0,0 +1,4 @@ + + + + diff --git a/res/static/img/payment_providers/przelewy24.svg b/res/static/img/payment_providers/przelewy24.svg new file mode 100644 index 0000000..6f33785 --- /dev/null +++ b/res/static/img/payment_providers/przelewy24.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/res/static/img/payment_providers/sofort.svg b/res/static/img/payment_providers/sofort.svg new file mode 100644 index 0000000..00c8b5a --- /dev/null +++ b/res/static/img/payment_providers/sofort.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/res/static/style/layout.css b/res/static/style/layout.css index 55467c5..196fe8d 100644 --- a/res/static/style/layout.css +++ b/res/static/style/layout.css @@ -88,10 +88,13 @@ footer { clear: both; } -header>h1 { - margin-top: 30px; - margin-bottom: 30px; - color: var(--background_text_color); +footer { + background-image: url("/res/img/nebula.webp"); + background-color: var(--background_color); + background-blend-mode: luminosity; + box-shadow: inset 0 0 10px -4px var(--shadow_color); + border-radius: 8px; + margin: 16px; } footer>.footer_content { @@ -106,6 +109,12 @@ footer>.footer_content { margin: 120px 0 60px 0; } +header>h1 { + margin-top: 30px; + margin-bottom: 30px; + color: var(--background_text_color); +} + /* Page layout elements */ .button_toggle_navigation { @@ -164,9 +173,10 @@ footer>.footer_content { } .page_content, -.page_margins { - margin-right: 5px; - margin-left: 5px; +.page_margins, +footer { + margin-right: 16px; + margin-left: 16px; } @media (max-width: 1100px) { @@ -181,7 +191,8 @@ footer>.footer_content { } .page_content, - .page_margins { + .page_margins, + footer { margin-left: 0; margin-right: 0; } diff --git a/res/template/fragments/page_wrap.html b/res/template/fragments/page_wrap.html index 4202e47..0f99029 100644 --- a/res/template/fragments/page_wrap.html +++ b/res/template/fragments/page_wrap.html @@ -2,6 +2,8 @@