Files
@ 4005eddcc559
Branch filter:
Location: C3L/C3L-Membership-Online-Form/c3l_membership/templates/index.html - annotation
4005eddcc559
7.2 KiB
text/html
Add Flask-Babel
This allows us to to i18n an l10n of the membership form.
This allows us to to i18n an l10n of the membership form.
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 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 | b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 6f06fc328a13 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b4073d9d0e36 981b7cf719c3 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 52127f437376 52127f437376 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 52127f437376 52127f437376 52127f437376 52127f437376 b5f80f3ff196 b5f80f3ff196 b4073d9d0e36 b4073d9d0e36 b4073d9d0e36 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 52127f437376 52127f437376 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b4073d9d0e36 b4073d9d0e36 b4073d9d0e36 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 981b7cf719c3 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 b5f80f3ff196 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>C3L Membership Application</title>
<link rel="stylesheet" href="{{ url_for('static', filename='pure-min.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='grids-responsive-min.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
</head>
<body>
<div class="pure-menu pure-menu-horizontal"></div>
<div class="pure-g">
<div class="pure-u-md-1-3"></div>
<div class="pure-u-1-1 pure-u-md-1-3">
<img src="{{ url_for('static', filename='images/logo.png') }}" class="pure-img" />
<h1>Membership Application</h1>
<h2>How to use this form</h2>
<p>
Fill out this form and click on "Become a member". Afterwards you will be presented with a PDF, which you have
to send to info@c3l.lu or bring it to one of our next events. Print it or save it to your local hardware,
because we don't save a copy on our servers for data protection reasons!
</p>
{% if form.errors %}
{% for fieldname, errors in form.errors.items() %}
{% for error in errors %}
<p>{{ fieldname }} - {{ error }}</p>
{% endfor %}
{% endfor %}
{% endif %}
<form class="pure-form pure-form-stacked" method="POST" action="/">
<fieldset>
{{ form.hidden_tag() }}
<legend>Required information</legend>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.username.label }}</b>
{{ form.username(required=True, class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.email.label }}</b>
{{ form.email(required=True, class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.fullname.label }}</b>
{{ form.fullname(required=True, class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.membership.label }}</b>
{% for option in form.membership %}
<label for="{{ option.id }}" class="pure-radio pure-u-1-1">
{{ option() }} {{ option.label.text }}
</label>
{% endfor %}
<div class="pure-g">
<div class="pure-u-1-1">
<label for="{{ form.student.id }}" class="pure-checkbox">
{{ form.student }} {{ form.student.label.text|safe}}
</label>
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<label for="{{ form.starving.id }}" class="pure-checkbox">
{{ form.starving }} {{ form.starving.label.text|safe}}
</label>
</div>
</div>
<h3>What's difference between the different membership options?</h3>
<p>All the options include to following benefits:</p>
<ul>
<li>
Access to the
<a href="https://wiki.c3l.lu/doku.php?id=organization:membership#benefits">services</a>
run by us
</li>
<li>
Access to our
<a href="https://wiki.c3l.lu/doku.php?id=chaosstuff:bootstrap">hackerspace: ChaosStuff</a>
</li>
</ul>
<p>Becoming a regular member gives you these additional benefits:</p>
<ul>
<li>Voting rights on general assemblys</li>
<li>Access to our internal mailinglist</li>
</ul>
<p>
You can read more on the membership
<a href="https://wiki.c3l.lu/doku.php?id=organization:membership">here</a>.
</p>
<h3>What are the membership fees?</h3>
<p>
The membership fee for the regular membership is {{ config["REGULAR_FEE"] }}€ per year. The membership
fee for the supporting membership is {{ config["SUPPORTING_FEE"] }}€ per year. If you are a student,
all membership fees are {{ config["SUPPORTING_FEE"] }}€ per year. For that please select the
corresponding option.
</p>
<h3>I cannot afford the membership?</h3>
<p>
If you cannot afford the membership, please contact us via info@c3l.lu first, before filling out the
membership form. We will try to find a solution together.
</p>
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.payment.label }}</b>
{% for option in form.payment %}
<label for="{{ option.id }}" class="pure-radio pure-u-1-1">
{{ option() }} {{ option.label.text }}
</label>
{% endfor %}
</div>
</div>
<legend>Additional information</legend>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.birthday.label }}</b>
{{ form.birthday(class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.street.label }}</b>
{{ form.street(class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.zip.label }}</b>
{{ form.zip(class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.city.label }}</b>
{{ form.city(class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.state.label }}</b>
{{ form.state(class="pure-u-1-1") }}
</div>
</div>
<div class="pure-g">
<div class="pure-u-1-1">
<b>{{ form.country.label }}</b>
{{ form.country(class="pure-u-1-1") }}
</div>
</div>
<legend></legend>
<label for="{{ form.minor_member.id }}" class="pure-checkbox">
{{ form.minor_member }} {{ form.minor_member.label.text|safe}}
</label>
<label for="{{ form.terms.id }}" class="pure-checkbox">
{{ form.terms }} {{ form.terms.label.text|safe }}
</label>
<div class="pure-controls">{{ form.submit }}</div>
</fieldset>
</form>
</div>
<div class="pure-u-md-1-3"></div>
</div>
</body>
</html>
|