Files @ 2bb3e5d66aab
Branch filter:

Location: C3L/C3L-Membership-Online-Form/c3l_membership/templates/index.html

2bb3e5d66aab 10.2 KiB text/html Show Annotation Show as Raw Download as Raw
Dennis Fink
Update some translations
  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
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>{% trans %}C3L Membership Application{% endtrans %}</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='flag-icons.css') }}" />
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
  </head>
  <body>
    <div class="pure-g">
      <div class="pure-u-md-1-3"></div>
      <div class="pure-u-1-1 pure-u-md-1-3">
        <div class="pure-menu pure-menu-horizontal">
          <ul class="pure-menu-list">
            <li class="pure-menu-item">
              <a href="{{ url_for("root.index", lang_code="en") }}" class="pure-menu-link"><span class="fi fi-gb"></span> English</a>
            </li>
            <li class="pure-menu-item">
              <a href="{{ url_for("root.index", lang_code="lb") }}" class="pure-menu-link"><span class="fi fi-lu"></span> Lëtzebuergesch</a>
            </li>
            <li class="pure-menu-item">
              <a href="{{ url_for("root.index", lang_code="de") }}" class="pure-menu-link"><span class="fi fi-de"></span> Deutsch</a>
            </li>
            <li class="pure-menu-item">
              <a href="{{ url_for("root.index", lang_code="fr") }}" class="pure-menu-link"><span class="fi fi-fr"></span> Français</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="pure-u-md-1-3"></div>
    </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>{% trans %}Membership Application{% endtrans %}</h1>
        <h2>{% trans %}How to use this form?{% endtrans %}</h2>
        <p>{% trans %}Fill out this form and click on "Become a member". Afterwards you will be presented with a PDF, which you have to sign and 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!{% endtrans %}</p>
        {% if form.errors %}
          {% for fieldname, errors in form.errors.items() %}
            {% for error in errors %}
              <p class="form-error">{{ fieldname }} - {{ error }}</p>
            {% endfor %}
          {% endfor %}
        {% endif %}
        {% if crypto_error %}
          <p class="form-error">{% trans %}Couldn't fetch conversion rate for cryptocurrencies. Please try again later or use another payment option!{% endtrans %}</p>
        {% endif %}
        <form class="pure-form pure-form-stacked" method="POST" action="{{ url_for('root.index', lang_code=g.lang_code) }}">
          <fieldset>
            {{ form.hidden_tag() }}
            <legend>{% trans %}Required information{% endtrans %}</legend>
            <div class="pure-g">
              <div class="pure-u-1-1">
                <b>{{ form.username.label }}</b>
                {{ form.username(required=True, class="pure-input-1 field-error" if form.username.errors else "pure-input-1") }}
              </div>
            </div>
            <div class="pure-g">
              <div class="pure-u-1-1">
                <b>{{ form.email.label }}</b>
                {{ form.email(required=True, class="pure-input-1 field-error" if form.email.errors else "pure-input-1") }}
              </div>
            </div>
            <div class="pure-g">
              <div class="pure-u-1-1">
                <b>{{ form.fullname.label }}</b>
                {{ form.fullname(required=True, class="pure-input-1 field-error" if form.fullname.errors else "pure-input-1") }}
              </div>
            </div>
            <div class="pure-g">
              <div class="pure-u-1-1">
                <h3>{{ form.membership.label }}</h3>
                {% 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 class="pure-u-1-1">
                    <label for="{{ form.starving.id }}" class="pure-checkbox">
                      {{ form.starving }} {{ form.starving.label.text|safe}}
                    </label>
                  </div>
                </div>
                <h4>{% trans %}What's difference between the different membership options?{% endtrans %}</h4>
                <p>{% trans %}All the options include to following benefits:{% endtrans %}</p>
                <ul>
                  <li>{% trans %}Access to the <a href="https://wiki.c3l.lu/doku.php?id=organization:membership#benefits">services</a> run by us{% endtrans %}</li>
                  <li>{% trans %}Access to our <a href="https://wiki.c3l.lu/doku.php?id=chaosstuff:bootstrap">hackerspace: ChaosStuff</a>{% endtrans %}</li>
                </ul>
                <p>{% trans %}Becoming a regular member gives you these additional benefits:{% endtrans%}<p>
                  <ul>
                    <li>{% trans %}Voting rights on general assemblys{% endtrans %}</li>
                    <li>{% trans %}Access to our internal mailinglist{% endtrans %}</li>
                  </ul>
                  <p>{% trans %}You can read more on the membership <a href="https://wiki.c3l.lu/doku.php?id=organization:membership">here</a>.{% endtrans %}</p>
                  <h4>{% trans %}What are the membership fees?{% endtrans %}</h4>
                  <p>{% trans regular_fee=config["REGULAR_FEE"], supporting_fee=config["SUPPORTING_FEE"] %}The membership fee for the regular membership is {{ regular_fee }}€ per year. The membership fee for the supporting membership is {{ supporting_fee }}€ per year. If you are a student, all membership fees are {{ supporting_fee }}€ per year. For that please select the corresponding option.{% endtrans %}</p>
                  <h4>{% trans %}I cannot afford the membership?{% endtrans %}</h4>
                  <p>{% trans %}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.{% endtrans %}</p>
                </div>
                </div>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <h3>{{ form.payment.label }}</h3>
                    {% for option in form.payment %}
                      <label for="{{ option.id }}" class="pure-radio pure-u-1-1">
                        {{ option() }} {{ option.label.text }}
                      </label>
                    {% endfor %}
                  </div>
                </div>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <b>{{ form.birthday.label }}</b>
                    {{ form.birthday(class="pure-input-1 field-error" if form.birthday.errors else "pure-input-1") }}
                  </div>
                  <div class="pure-u-1-1">
                    <h4>{% trans %}Why do you ask for the birthday?{% endtrans %}</h4>
                    <p>{% trans %}This information helps us with a few different things:{% endtrans %}</p>
                    <ul>
                      <li>{% trans %}We need to know if you are underage. If so your legal representatives needs to sign this membership application.{% endtrans %}</li>
                      <li>{% trans %}We ask the city of Luxembourg every year for a financial grant and they ask how many members we have over the age of 26 and how many under the age of 26.{% endtrans %}</li>
                    </ul>
                  </div>
                </div>
                <legend>{% trans %}Additional information (Optional){% endtrans %}</legend>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <b>{{ form.street.label }}</b>
                    {{ form.street(class="pure-input-1 field-error" if form.street.errors else "pure-input-1") }}
                  </div>
                </div>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <b>{{ form.zip.label }}</b>
                    {{ form.zip(class="pure-input-1 field-error" if form.zip.errors else "pure-input-1") }}
                  </div>
                </div>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <b>{{ form.city.label }}</b>
                    {{ form.city(class="pure-input-1 field-error" if form.city.errors else "pure-input-1") }}
                  </div>
                </div>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <b>{{ form.state.label }}</b>
                    {{ form.state(class="pure-input-1 field-error" if form.state.errors else "pure-input-1") }}
                  </div>
                </div>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <b>{{ form.country.label }}</b>
                    {{ form.country(class="pure-input-1 field-error" if form.country.errors else "pure-input-1") }}
                  </div>
                </div>
                <legend></legend>
                <div class="pure-g">
                  <div class="pure-u-1-1">
                    <label for="{{ form.terms.id }}" class="pure-checkbox text-justify">
                      {{ form.terms }} {{ form.terms.label.text|safe }}
                    </label>
                  </div>
                  <div class="pure-u-1-1">
                    {{ form.submit(class="text-xlarge pure-button pure-input-1 pure-button-primary") }}
                  </div>
                </div>
              </fieldset>
            </form>
          </div>
          <div class="pure-u-md-1-3"></div>
        </div>
      </body>
    </html>
Server instance: saturn-929465 This site is powered by Kallithea, which is © 2010–2021 by various authors & licensed under GPLv3. – Support