# HG changeset patch # User Dennis Fink # Date 2021-07-01 20:35:01 # Node ID 587a9a50643fcc3adfc4ec645aa9aa9ee44b9c46 # Parent 2dd5f5d2503abd0f647367cf20b4c1d8809da3ec Use flexbox layout and add qrcode for automatic data import into MeVeSc diff --git a/c3l_membership/static/pdf.css b/c3l_membership/static/pdf.css --- a/c3l_membership/static/pdf.css +++ b/c3l_membership/static/pdf.css @@ -12,8 +12,6 @@ body { img { width: 250px; - margin-left: auto; - margin-right: auto; display: block; margin-bottom: 1.5em; } @@ -28,23 +26,27 @@ p { margin-bottom: 1em; } -dl { - margin-top: 0; - margin-bottom: 1em; +.logos { + display: flex; + justify-content: space-between; + align-items: center; } -dt { - float: left; - width: 360px; - clear: left; - text-align: left; - font-weight: 700; - margin-bottom: 1px; +.data { + margin-top: 0; + margin-bottom: 1em; + display: flex; + justify-content: space-between; + flex-direction: column; } -dd { - margin-left: 240px; - margin-bottom: 1px; +.data > div { + display: flex; + justify-content: space-between; +} + +.data > div > div:first-child { + font-weight: 700; } footer { @@ -55,6 +57,10 @@ footer { width: 100%; } +.signature { + padding-top: 1em; +} + .membersignature { height: 2em; width: 45%; @@ -81,20 +87,29 @@ footer { padding: 0; } + +.btccontainer { + display: flex; + justify-content: space-between; +} + .btctext { list-style-type: none; margin: 0; padding: 0; - position: relative; - float: left; - width: 45%; } .btcqrcode { - position: relative; - float: left; - width: 25%; - padding-left: 10em; + width: 10em; +} + +.digicash { + display: flex; + justify-content: space-evenly; +} + +.digicash img { + width: 10em; } a { diff --git a/c3l_membership/templates/member.html b/c3l_membership/templates/member.html --- a/c3l_membership/templates/member.html +++ b/c3l_membership/templates/member.html @@ -5,40 +5,77 @@ - +
+
+ +
+
+ +
+

Membership Application

-
-
Username:
-
{{ form.username.data }}
-
E-Mail:
-
{{ form.email.data }}
-
Full Name:
-
{{ form.fullname.data }}
-
Birthday:
-
{{ form.birthday.data }}
-
Street:
-
{{ form.street.data if form.street.data else "Not specified"|safe }}
-
ZIP-Code:
-
{{ form.zip.data if form.zip.data else "Not specified"|safe }}
-
City:
-
{{ form.city.data if form.city.data else "Not specified"|safe }}
-
State/County/Province:
-
{{ form.state.data if form.state.data else "Not specified"|safe }}
-
Country:
-
{{ form.country.data if form.country.data else "Not specified"|safe }}
-
Membership Plan:
-
{{ form.membership.data }}
-
Student:
-
{{ "Yes" if form.student.data else "No" }}
-
Starving:
-
{{ "Yes" if form.starving.data else "No" }}
-
Payment:
-
{{ form.payment.data }}
-
Agreed to Terms & Conditions:
-
{{ "Yes" if form.terms.data else "No" }}
-
Minor Member:
-
{{ "Yes" if form.minor_member.data else "No" }}
-
+
+
+
Username:
+
{{ form.username.data }}
+
+
+
E-Mail:
+
{{ form.email.data }}
+
+
+
Full Name:
+
{{ form.fullname.data }}
+
+
+
Birthday:
+
{{ form.birthday.data }}
+
+
+
Street:
+
{{ form.street.data if form.street.data else "Not specified"|safe }}
+
+
+
ZIP-Code:
+
{{ form.zip.data if form.zip.data else "Not specified"|safe }}
+
+
+
City:
+
{{ form.city.data if form.city.data else "Not specified"|safe }}
+
+
+
State/County/Province:
+
{{ form.state.data if form.state.data else "Not specified"|safe }}
+
+
+
Country:
+
{{ form.country.data if form.country.data else "Not specified"|safe }}
+
+
+
Membership Plan:
+
{{ form.membership.data }}
+
+
+
Student:
+
{{ "Yes" if form.student.data else "No" }}
+
+
+
Starving:
+
{{ "Yes" if form.starving.data else "No" }}
+
+
+
Payment:
+
{{ form.payment.data }}
+
+
+
Agreed to Terms & Conditions:
+
{{ "Yes" if form.terms.data else "No" }}
+
+
+
Minor Member:
+
{{ "Yes" if form.minor_member.data else "No" }}
+
+

Send this document to the Chaos Computer Club Lëtzebuerg!

{% if form.payment.data == 'wire transfer' %}