Files
@ 587a9a50643f
Branch filter:
Location: C3L/C3L-Membership-Online-Form/c3l_membership/templates/member.html
587a9a50643f
5.4 KiB
text/html
Use flexbox layout and add qrcode for automatic data import into MeVeSc
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 | <!DOCTYPE html>
<html>
<head>
<title>Membership Application - {{ form.username.data }}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='pdf.css') }}" />
</head>
<body>
<div class="logos">
<div>
<img src="{{ url_for('static', filename='images/logo.png') }}"></img>
</div>
<div>
<img src="{{ qrcode(xml|safe, border=1) }}"></img>
</div>
</div>
<h1>Membership Application</h1>
<div class="data">
<div>
<div>Username:</div>
<div>{{ form.username.data }}</div>
</div>
<div>
<div>E-Mail:</div>
<div>{{ form.email.data }}</div>
</div>
<div>
<div>Full Name:</div>
<div>{{ form.fullname.data }}</div>
</div>
<div>
<div>Birthday:</div>
<div>{{ form.birthday.data }}</div>
</div>
<div>
<div>Street:</div>
<div>{{ form.street.data if form.street.data else "<i>Not specified</i>"|safe }}</div>
</div>
<div>
<div>ZIP-Code:</div>
<div>{{ form.zip.data if form.zip.data else "<i>Not specified</i>"|safe }}</div>
</div>
<div>
<div>City:</div>
<div>{{ form.city.data if form.city.data else "<i>Not specified</i>"|safe }}</div>
</div>
<div>
<div>State/County/Province:</div>
<div>{{ form.state.data if form.state.data else "<i>Not specified</i>"|safe }}</div>
</div>
<div>
<div>Country:</div>
<div>{{ form.country.data if form.country.data else "<i>Not specified</i>"|safe }}</div>
</div>
<div>
<div>Membership Plan:</div>
<div>{{ form.membership.data }}</div>
</div>
<div>
<div>Student:</div>
<div>{{ "Yes" if form.student.data else "No" }}</div>
</div>
<div>
<div>Starving:</div>
<div>{{ "Yes" if form.starving.data else "No" }}</div>
</div>
<div>
<div>Payment:</div>
<div>{{ form.payment.data }}</div>
</div>
<div>
<div>Agreed to Terms & Conditions:</div>
<div>{{ "Yes" if form.terms.data else "No" }}</div>
</div>
<div>
<div>Minor Member:</div>
<div>{{ "Yes" if form.minor_member.data else "No" }}</div>
</div>
</div>
<p>Send this document to the Chaos Computer Club Lëtzebuerg!</p>
{% if form.payment.data == 'wire transfer' %}
<ul class="bank">
<li>Account Holder: Chaos Computer Club Lëtzebuerg</li>
<li>BIC/Swift: BCEELULLXXX</li>
<li>IBAN: LU29 0019 2855 3890 4000</li>
<li>Message: Membership fee {{ year }} {{ form.username.data }}</li>
<li>Amount: {{ price }}€</li>
</ul>
{% elif form.payment.data == 'cash' %}
<p>Please bring {{ price }}€ with you the next time you meet us!</p>
{% elif form.payment.data == 'bitcoin' %}
<div class="btccontainer">
<div>
<ul class="btctext">
<li><b>Address:</b> 3BV5UPToMUmXJiqUVndHjSSq2HqDW8npRd</li>
<li><b>Label:</b> Membership Fee</li>
<li><b>Message:</b> {{ year }} {{ form.username.data }}</li>
<li><b>Amount:</b> {{ price }} BTC</li>
</ul>
</div>
{% set bitcoin_url="bitcoin:3BV5UPToMUmXJiqUVndHjSSq2HqDW8npRd?amount={amount}&label=Membership Fee {year} {username}&message=Membership Fee {year} {username}".format(amount=price, year=year, username=form.username.data) %}
<div><img class="btcqrcode" src="{{ qrcode(bitcoin_url) }}"></img></div>
</div>
{% elif form.payment.data == 'ethereum' %}
<div class="btccontainer">
<div>
<ul class="btctext">
<li><b>Address:</b> 0x1C05b4C236914B218B57e0E25948d416B4885655</li>
<li><b>Label:</b> Membership Fee</li>
<li><b>Message:</b> {{ year }} {{ form.username.data }}</li>
<li><b>Amount:</b> {{ price }} ETH</li>
</ul>
</div>
{% set ethereum_url="0x1C05b4C236914B218B57e0E25948d416B4885655" %}
<div><img class="btcqrcode" src="{{ qrcode(ethereum_url) }}"></img></div>
</div>
</div>
{% elif form.payment.data == 'digicash' %}
<div class="digicash">
{% set digicash_url='https://pos.digica.sh/qrcode/generator?merchantId=CHAOSPC1&amount={amount}&transactionReference=Membership_{username}'.format(amount=price, username=form.username.data) %}
<div><p>Pay with digicash!</p></div>
<div><img src="{{ digicash_url }}"></img></div>
</div>
{% endif %}
<div class="signature">
<p class="membersignature">
Luxembourg, the
</p>
<p class="adminsignature">
{{ "Signature of your legal representative" if form.minor_member.data else "Your signature" }}
</p>
</div>
<footer>
<hr>
<b>C</b>haos <b>C</b>omputer <b>C</b>lub <b>L</b>ëtzebuerg A.S.B.L.<br>
Halle Victor Hugo - 60 Avenue Victor Hugo L-1750 Luxembourg (Europe)<br>
info@c3l.lu - <a href="https://c3l.lu">http://c3l.lu</a>
<!--<i>Registered as an NPO with the “Registre de Commerce et des Sociétés Luxembourg” with the registration number: <a href="http://www.legilux.public.lu/entr/search/index.php?ss_soc=chaos&sc_soc=&sr_soc=name&sr_fj=all&sr_tp=all&sr_date=all&sl_d=1&sl_m=1&sl_y=2014&sl_d1=1&sl_m1=1&sl_y1=2014&sl_d2=1&sl_m2=2&sl_y2=2014&page_len=100&page_no=1&idm=20086101433&page=result&select_soc=true&submit=Choisir">F0007653</a></i>-->
</footer>
</body>
</html>
|