Changeset - fb1d961de1c9
Parent rev.
Child rev.
[Not reviewed]
default
0 2 0
Dennis Fink - 3 years ago 2022-01-18 18:13:32
dennis.fink@c3l.lu
Stylize errors better in index.html
2 files changed with 25 insertions and 10 deletions:
c3l_membership/static/style.css
15
c3l_membership/templates/index.html
10
10
0 comments (0 inline, 0 general)
c3l_membership/static/style.css
➞
Show inline comments
 
body {
 
  margin-top: 1vh;
 
  margin-left: 3vw;
 
  margin-right: 3vw;
 
  margin-bottom: 1vh;
 
}
 

			




	
	
	
		
 
.pure-img {

			




	
	
	
		
 
  max-width: 50%;

			




	
	
	
		
 
  margin-left: auto;

			




	
	
	
		
 
  margin-right: auto;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
p {

			




	
	
	
		
 
  text-align: justify;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.pure-menu-horizontal {

			




	
	
	
		
 
  text-align: right;

			




	
	
	
		
 
  padding-bottom: 1rem;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.form-error {

			




	
	
	
		
 
  background: #f98691;

			




	
	
	
		
 
  border: 1px solid #dc3545;

			




	
	
	
		
 
  border-radius: 4px;

			




	
	
	
		
 
  padding: 0.5em 0.6em;

			




	
	
	
		
 
  font-weight: 550;

			




	
	
	
		
 
  color: #3d0309;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.field-error {

			




	
	
	
		
 
  background: #f98691;

			




	
	
	
		
 
  border: 1px solid #dc3545;

			




	
	
	
		
 
  color: #3d0309;

			




	
	
	
		
 
}

			




        

    


    
    

    

        

                

                    c3l_membership/templates/index.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
		
 
@@ -22,72 +22,72 @@

			




	
	
	
		
 
            <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>

			




	
	
	
		
 
              <p class="form-error">{{ 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") }}

			




	
	
	
		
 
                {{ form.username(required=True, class="pure-u-1-1 field-error" if form.username.errors else "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") }}

			




	
	
	
		
 
                {{ form.email(required=True, class="pure-u-1-1 field-error" if form.email.errors else "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") }}

			




	
	
	
		
 
                {{ form.fullname(required=True, class="pure-u-1-1 field-error" if form.fullname.errors else "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>

			




	
	
		
 
@@ -102,72 +102,72 @@

			




	
	
	
		
 
                    <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") }}

			




	
	
	
		
 
                    {{ form.birthday(class="pure-u-1-1 field-error" if form.birthday.errors else "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") }}

			




	
	
	
		
 
                    {{ form.street(class="pure-u-1-1 field-error" if form.street.errors else "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") }}

			




	
	
	
		
 
                    {{ form.zip(class="pure-u-1-1 field-error" if form.zip.errors else "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") }}

			




	
	
	
		
 
                    {{ form.city(class="pure-u-1-1 field-error" if form.city.errors else "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") }}

			




	
	
	
		
 
                    {{ form.state(class="pure-u-1-1 field-error" if form.state.errors else "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") }}

			




	
	
	
		
 
                    {{ form.country(class="pure-u-1-1 field-error" if form.country.errors else "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>

			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







  


    




    








    
        Server instance: saturn-988993
    
    
        This site is powered by
            Kallithea,
        which is
        © 2010–2021 by various authors & licensed under GPLv3.
            – Support