Changeset - fb486f399978
[Not reviewed]
default
0 1 0
Dennis Fink - 3 years ago 2022-05-10 23:34:40
dennis.fink@c3l.lu
Move minor member checkbox
1 file changed with 5 insertions and 3 deletions:
0 comments (0 inline, 0 general)
c3l_membership/templates/index.html
Show inline comments
 
<!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 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">
 
                <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 class="pure-u-1-1">
 
                    <label for="{{ form.minor_member.id }}" class="pure-checkbox">
 
                      {{ form.minor_member }} {{ form.minor_member.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-input-1 field-error" if form.birthday.errors else "pure-input-1") }}
 
                  </div>
 
                </div>
 
                <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>
 
                <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>
0 comments (0 inline, 0 general)