Changeset - c289280dd5fd
Parent rev.
Child rev.
[Not reviewed]
default
0 2 0
Dennis Fink - 3 years ago 2022-02-25 22:45:07
dennis.fink@c3l.lu
Fix layout
2 files changed with 5 insertions and 5 deletions:
c3l_membership/static/pdf.css
4
4
c3l_membership/templates/member.html
1
1
0 comments (0 inline, 0 general)
c3l_membership/static/pdf.css
➞
Show inline comments
 
@page {
 
  size: A4;
 
  margin-top: 1cm;
 
  margin-top: 0.5cm;
 
  margin-left: 2cm;
 
  margin-right: 2cm;
 
  margin-bottom: 1cm;
 
  margin-bottom: 0.5cm;
 
}
 

			




	
	
	
		
 
body {

			




	
	
	
		
 
  font-size: 1em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
img {

			




	
	
	
		
 
  width: 250px;

			




	
	
	
		
 
  display: block;

			




	
	
	
		
 
  margin-bottom: 1.5em;

			




	
	
	
		
 
  margin-bottom: 1em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
h1 {

			




	
	
	
		
 
  text-decoration: underline;

			




	
	
	
		
 
  font-size: 1.2em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
p {

			




	
	
	
		
 
  text-align: justify;

			




	
	
	
		
 
  margin-bottom: 1em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.logos {

			




	
	
	
		
 
  display: flex;

			




	
	
	
		
 
  justify-content: space-between;

			




	
	
	
		
 
  align-items: center;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.data {

			




	
	
	
		
 
  margin-top: 0;

			




	
	
	
		
 
  margin-bottom: 1em;

			




	
	
	
		
 
  display: flex;

			




	
	
	
		
 
  justify-content: space-between;

			




	
	
	
		
 
  flex-direction: column;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.data > div {

			




	
	
	
		
 
  display: flex;

			




	
	
	
		
 
  justify-content: space-between;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.data > div > div:first-child {

			




	
	
	
		
 
  font-weight: 700;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
footer {

			




	
	
	
		
 
  position: fixed;

			




	
	
	
		
 
  bottom: 0;

			




	
	
	
		
 
  font-size: 0.75em;

			




	
	
	
		
 
  text-align: center;

			




	
	
	
		
 
  width: 100%;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.signature {

			




	
	
	
		
 
  padding-top: 1em;

			




	
	
	
		
 
  padding-top: 0.5em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.membersignature {

			




	
	
	
		
 
  height: 2em;

			




	
	
	
		
 
  width: 45%;

			




	
	
	
		
 
  border-bottom: 1px solid #000;

			




	
	
	
		
 
  padding-bottom: 4em;

			




	
	
	
		
 
  margin-top: -1em;

			




	
	
	
		
 
  position: relative;

			




	
	
	
		
 
  float: left;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.adminsignature {

			




	
	
	
		
 
  height: 2em;

			




	
	
	
		
 
  width: 45%;

			




	
	
	
		
 
  border-top: 1px solid #000;

			




	
	
	
		
 
  padding-top: 1px;

			




	
	
	
		
 
  margin-top: 5em;

			




	
	
	
		
 
  position: relative;

			




	
	
	
		
 
  float: left;

			




	
	
	
		
 
  margin-left: 2em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.bank {

			




	
	
	
		
 
  list-style-type: none;

			




	
	
	
		
 
  padding: 0;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.cryptocontainer {

			




	
	
	
		
 
  display: flex;

			




	
	
	
		
 
  justify-content: space-between;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.cryptotext {

			




	
	
	
		
 
  list-style-type: none;

			




	
	
	
		
 
  margin: 0;

			




	
	
	
		
 
  padding: 0;

			




	
	
	
		
 
  max-width: 20em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.cryptotext li {

			




	
	
	
		
 
  word-break: break-all;

			




	
	
	
		
 
  overflow-wrap: break-word;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.cryptoqrcode {

			




	
	
	
		
 
  width: 10em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.digicash {

			




	
	
	
		
 
  display: flex;

			




	
	
	
		
 
  justify-content: space-evenly;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
.digicash img {

			




	
	
	
		
 
  width: 10em;

			




	
	
	
		
 
}

			




	
	
	
		
 

			




	
	
	
		
 
a {

			




	
	
	
		
 
  text-decoration: none;

			




	
	
	
		
 
}

			




        

    


    
    

    

        

                

                    c3l_membership/templates/member.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
	
		
 
<!DOCTYPE html>

			




	
	
	
		
 
<html>

			




	
	
	
		
 
  <head>

			




	
	
	
		
 
    <title>{% trans username=form.username.data %}Membership Application - {{ username }}{% endtrans %}</title>

			




	
	
	
		
 
    <link rel="stylesheet" href="{{ url_for('static', filename='pdf.css') }}" />

			




	
	
	
		
 
  </head>

			




	
	
	
		
 
  <body>

			




	
	
	
		
 
    <div class="logos">

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <img src="{{ url_for('static', filename='images/logo.png') }}" />

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <img src="{{ qrcode(xml|safe, border=1) }}" />

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
    </div>

			




	
	
	
		
 
    <h1>{% trans %}Membership Application{% endtrans %}</h1>

			




	
	
	
		
 
    <div class="data">

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Username:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.username.data }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}E-Mail:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.email.data }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Full Name:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.fullname.data }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Birthday:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.birthday.data }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Street:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.street.data if form.street.data else "".join(["<i>",_("Not specified"),"</i>"])|safe }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}ZIP-Code:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.zip.data if form.zip.data else "".join(["<i>",_("Not specified"),"</i>"])|safe }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}City:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.city.data if form.city.data else "".join(["<i>",_("Not specified"),"</i>"])|safe }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}State/County/Province:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.state.data if form.state.data else "".join(["<i>",_("Not specified"),"</i>"])|safe }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Country:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.country.data if form.country.data else "".join(["<i>",_("Not specified"),"</i>"])|safe }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Membership Plan:{% endtrans%}</div>

			




	
	
	
		
 
        <div>{{ form.membership.data }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Voting rights:{% endtrans%}</div>

			




	
	
	
		
 
        <div>{{ _("Yes") if voting else _("No") }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Student:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ _("Yes") if form.student.data else _("No") }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Starving:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ _("Yes") if form.starving.data else _("No") }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Payment:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ form.payment.data.lower() }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Agreed to Terms &amp; Conditions:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ _("Yes") if form.terms.data else _("No") }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
      <div>

			




	
	
	
		
 
        <div>{% trans %}Minor Member:{% endtrans %}</div>

			




	
	
	
		
 
        <div>{{ _("Yes") if form.minor_member.data else _("No") }}</div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
    </div>

			




	
	
	
		
 
    <p>{% trans %}Send this document to the Chaos Computer Club Lëtzebuerg!{% endtrans %}</p>

			




	
	
	
		
 
    {% if form.payment.data == 'wire transfer' %}

			




	
	
	
		
 
      <ul class="bank">

			




	
	
	
		
 
        <li>{% trans %}Account Holder:{% endtrans %} Chaos Computer Club Lëtzebuerg</li>

			




	
	
	
		
 
        <li>BIC/Swift: BCEELULLXXX</li>

			




	
	
	
		
 
        <li>IBAN: LU29 0019 2855 3890 4000</li>

			




	
	
	
		
 
        <li>{% trans %}Message:{% endtrans %} Membership fee {{ year }} {{ form.username.data }}</li>

			




	
	
	
		
 
        <li>{% trans %}Amount: {{ price }}€{% endtrans %}</li>

			




	
	
	
		
 
      </ul>

			




	
	
	
		
 
    {% elif form.payment.data == 'cash' %}

			




	
	
	
		
 
      <p>{% trans %}Please bring {{ price }}€ with you the next time you meet us!{% endtrans %}</p>

			




	
	
	
		
 
    {% elif form.payment.data in config["CRYPTOCURRENCIES"] %}

			




	
	
	
		
 
      <div class="cryptocontainer">

			




	
	
	
		
 
        <div>

			




	
	
	
		
 
          <ul class="cryptotext">

			




	
	
	
		
 
            <li><b>{% trans %}Address:{% endtrans %}</b> {{ config["CRYPTOCURRENCIES"][form.payment.data]["ADDRESS"] }}</li>

			




	
	
	
		
 
            <li><b>{% trans %}Label:{% endtrans %}</b> Membership Fee</li>

			




	
	
	
		
 
            <li><b>{% trans %}Message:{% endtrans %}</b> {{ year }} {{ form.username.data }}</li>

			




	
	
	
		
 
            <li><b>{% trans %}Amount:{% endtrans %}</b> {{ price }} {{ config["CRYPTOCURRENCIES"][form.payment.data]["COMMODITY"] }}</li>

			




	
	
	
		
 
          </ul>

			




	
	
	
		
 
        </div>

			




	
	
	
		
 
        {% set address = config["CRYPTOCURRENCIES"][form.payment.data]["ADDRESS"] %}

			




	
	
	
		
 
        {% set crypto_url=config["CRYPTOCURRENCIES"][form.payment.data]["URL"].format(address=address, amount=price, year=year, username=form.username.data) %}

			




	
	
	
		
 
        <div><img class="cryptoqrcode" src="{{ qrcode(crypto_url) }}" /></div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
    {% elif form.payment.data == 'digicash' %}

			




	
	
	
		
 
      <div class="digicash">

			




	
	
	
		
 
        {% set payconiq_url='https://payconiq.com/t/1/62068d4d71445b0006dfbd5d?A={amount}&R=Membership&D={username}'.format(amount=price, username=form.username.data) %}

			




	
	
	
		
 
        <div><p>{% trans %}Pay with DigiCash/Payconiq!{% endtrans %}</p></div>

			




	
	
	
		
 
        <div><img class="cryptoqrcode" src="{{ qrcode(payconiq_url) }}" /></div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
    {% elif form.payment.data == 'satispay' %}

			




	
	
	
		
 
      <div class="digicash">

			




	
	
	
		
 
        {% set satispay_url='https://www.satispay.com/app/pay/shops/e5ca1df1-1f72-457e-88a2-7691ab630947?amount={amount}'.format(amount=price) %}

			




	
	
	
		
 
        <div><p>{% trans %}Pay with Satispay{% endtrans %}</p></div>

			




	
	
	
		
 
        <div><img class="crpytoqrcode" src="{{ qrcode(satispay_url) }}" /></div>

			




	
	
	
		
 
      </div>

			




	
	
	
		
 
    {% endif %}

			




	
	
	
		
 
    <div class="signature">

			




	
	
	
		
 
      <p class="membersignature">{% trans %}Luxembourg, the{% endtrans %}</p>

			




	
	
	
		
 
      <p class="adminsignature">

			




	
	
	
		
 
        {{ _("Signature of your legal representative") if form.minor_member.data else _("Your signature") }}

			




	
	
	
		
 
      </p>

			




	
	
	
		
 
    </div>

			




	
	
	
		
 
    <footer>

			




	
	
	
		
 
      <hr />

			




	
	
	
		
 
      <b>C</b>haos <b>C</b>omputer <b>C</b>lub <b>L</b>ëtzebuerg A.S.B.L.<br />

			




	
	
	
		
 
      Halle Victor Hugo - 60 Avenue Victor Hugo L-1750 Luxembourg (Europe)<br />

			




	
	
	
		
 
      Halle Victor Hugo - 60 Avenue Victor Hugo L-1750 Luxembourg<br />

			




	
	
	
		
 
      info@c3l.lu - <a href="https://c3l.lu">http://c3l.lu</a>

			




	
	
	
		
 
    </footer>

			




	
	
	
		
 
  </body>

			




	
	
	
		
 
</html>

			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







  


    




    








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