Files @ 64985a106bf4
Branch filter:

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

64985a106bf4 9.5 KiB text/html Show Annotation Show as Raw Download as Raw
Dennis Fink
Use correct class for form inputs
  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
<!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>
                <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>
Server instance: saturn-938103 This site is powered by Kallithea, which is © 2010–2021 by various authors & licensed under GPLv3. – Support