Files @ 5e61ba42d32a
Branch filter:

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

Dennis Fink
Reindent member.html
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
805cb46ada9a
6f06fc328a13
b5f80f3ff196
b5f80f3ff196
7db1992cfa02
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
68cddca883a3
68cddca883a3
68cddca883a3
68cddca883a3
68cddca883a3
68cddca883a3
1dc717cc6d5e
68cddca883a3
68cddca883a3
fe977d8f0cf0
68cddca883a3
68cddca883a3
fe977d8f0cf0
68cddca883a3
68cddca883a3
1dc717cc6d5e
68cddca883a3
68cddca883a3
68cddca883a3
68cddca883a3
68cddca883a3
68cddca883a3
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
805cb46ada9a
805cb46ada9a
9b10b2b93ba1
b5f80f3ff196
b5f80f3ff196
b5f80f3ff196
b4073d9d0e36
981b7cf719c3
b5f80f3ff196
b5f80f3ff196
3eac05cabbc2
b5f80f3ff196
b5f80f3ff196
805cb46ada9a
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
805cb46ada9a
805cb46ada9a
b5f80f3ff196
9b10b2b93ba1
9b10b2b93ba1
b5f80f3ff196
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
9b10b2b93ba1
805cb46ada9a
9b10b2b93ba1
805cb46ada9a
9b10b2b93ba1
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
805cb46ada9a
<!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 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>{{ fieldname }} - {{ error }}</p>
            {% endfor %}
          {% endfor %}
        {% 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-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>{% trans %}What's difference between the different membership options?{% endtrans %}</h3>
                <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>
                  <h3>{% trans %}What are the membership fees?{% endtrans %}</h3>
                  <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>
                  <h3>{% trans %}I cannot afford the membership?{% endtrans %}</h3>
                  <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">
                    <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>{% trans %}Additional information{% endtrans %}</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>