Changeset - 981b7cf719c3
[Not reviewed]
default
0 4 0
Dennis Fink - 4 years ago 2021-03-20 16:56:49
dennis.fink@c3l.lu
Autoformat
4 files changed with 132 insertions and 131 deletions:
0 comments (0 inline, 0 general)
c3l_membership/static/images/logo-c3l-lion.svg
Show inline comments
 
@@ -100,7 +100,7 @@
 
       d="m 289.605,143.40125 c -1.6625,-1.7575 -3.0225,-4.6525 -3.0225,-6.43625 0,-4.705 9.29625,-4.5525 18.6225,-1.26625 9.7625,3.44 9.14375,0.88375 7.7125,4.82375 -0.94875,2.61375 -14.475,6.07125 -18.09625,6.07125 -1.2075,0 -3.555,-1.43625 -5.21625,-3.1925 z"
 
       style="fill:none;stroke:#000000;stroke-width:3.18043756;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
 
       id="path42" /><path
 
       inkscape:connector-curvature="0"
 
       d="m 421.95875,18.9325 c 0,7.72 -6.265,13.98625 -13.985,13.98625 -7.71875,0 -13.985,-6.26625 -13.985,-13.98625 0,-7.72 6.26625,-13.985 13.985,-13.985 7.72,0 13.985,6.265 13.985,13.985"
 
       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
 
       id="path44" /></g></svg>
 
\ No newline at end of file
 
       id="path44" /></g></svg>
c3l_membership/static/images/logo-c3l.svg
Show inline comments
 
@@ -144,7 +144,7 @@
 
         d="m 1682.44,279.918 169.13,0 0,-30.457 -132.94,0 0,-79.184 127.38,0 0,-30.457 -127.38,0 0,-96.9216 136.16,0 0,-30.457 -172.35,0 0,267.4766" /><path
 
         id="path96"
 
         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
 
         d="m 2041.47,137.848 c 7.76,-2.625 15.29,-8.243 22.57,-16.84 7.41,-8.602 14.81,-20.426 22.22,-35.4728 l 36.72,-73.0938 -38.87,0 -34.22,68.6133 c -8.84,17.918 -17.44,29.8003 -25.8,35.6523 -8.24,5.856 -19.53,8.781 -33.86,8.781 l -39.41,0 0,-113.0466 -36.19,0 0,267.4766 81.69,0 c 30.58,0 53.39,-6.391 68.44,-19.168 15.05,-12.781 22.57,-32.07 22.57,-57.867 0,-16.844 -3.94,-30.817 -11.82,-41.922 -7.76,-11.109 -19.11,-18.813 -34.04,-23.113 m -90.65,112.328 0,-94.949 45.5,0 c 17.44,0 30.58,4 39.41,12.003 8.97,8.122 13.44,20.004 13.44,35.653 0,15.644 -4.47,27.41 -13.44,35.293 -8.83,8 -21.97,12 -39.41,12 l -45.5,0" /><path
 
         id="path98"
 
         style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
 
         d="m 2352.13,50.5977 0,71.8433 -59.13,0 0,29.739 94.95,0 0,-114.8362 c -13.97,-9.9141 -29.38,-17.4375 -46.22,-22.5743 -16.84,-5.01559 -34.81,-7.52341 -53.92,-7.52341 -41.81,0 -74.53,12.17971 -98.18,36.54691 -23.53,24.4843 -35.29,58.523 -35.29,102.117 0,43.715 11.76,77.754 35.29,102.117 23.65,24.485 56.37,36.727 98.18,36.731 17.43,-0.004 33.98,-2.153 49.62,-6.453 15.77,-4.297 30.28,-10.629 43.54,-18.989 l 0,-38.519 c -13.38,11.348 -27.59,19.887 -42.64,25.617 -15.05,5.734 -30.88,8.602 -47.48,8.602 -32.72,0 -57.33,-9.137 -73.81,-27.411 -16.36,-18.273 -24.54,-45.507 -24.54,-81.695 0,-36.07 8.18,-63.242 24.54,-81.5155 16.48,-18.2734 41.09,-27.4101 73.81,-27.4101 12.78,0 24.19,1.0742 34.22,3.2265 10.04,2.2657 19.05,5.7305 27.06,10.3868" /></g></g></svg>
 
\ No newline at end of file
 
         d="m 2352.13,50.5977 0,71.8433 -59.13,0 0,29.739 94.95,0 0,-114.8362 c -13.97,-9.9141 -29.38,-17.4375 -46.22,-22.5743 -16.84,-5.01559 -34.81,-7.52341 -53.92,-7.52341 -41.81,0 -74.53,12.17971 -98.18,36.54691 -23.53,24.4843 -35.29,58.523 -35.29,102.117 0,43.715 11.76,77.754 35.29,102.117 23.65,24.485 56.37,36.727 98.18,36.731 17.43,-0.004 33.98,-2.153 49.62,-6.453 15.77,-4.297 30.28,-10.629 43.54,-18.989 l 0,-38.519 c -13.38,11.348 -27.59,19.887 -42.64,25.617 -15.05,5.734 -30.88,8.602 -47.48,8.602 -32.72,0 -57.33,-9.137 -73.81,-27.411 -16.36,-18.273 -24.54,-45.507 -24.54,-81.695 0,-36.07 8.18,-63.242 24.54,-81.5155 16.48,-18.2734 41.09,-27.4101 73.81,-27.4101 12.78,0 24.19,1.0742 34.22,3.2265 10.04,2.2657 19.05,5.7305 27.06,10.3868" /></g></g></svg>
c3l_membership/static/style.css
Show inline comments
 
@@ -2,13 +2,12 @@ body {
 
    margin-top: 1vh;
 
    margin-left: 3vw;
 
    margin-right: 3vw;
 
    margin-bottom: 1vh;
 
}
 

	
 

	
 
.pure-img {
 
    max-width: 50%;
 
    margin-left: auto;
 
    margin-right: auto;
 
}
 

	
c3l_membership/templates/index.html
Show inline comments
 
{% extends "pure/layout.html" %}
 
{% block title %}C3L Membership Application{% endblock %}
 

	
 
{% block style %}
 
  {{ super() }}
 
  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
 
{{ super() }}
 
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
 
{% endblock %}
 

	
 
{% block nav %}
 
<div class="pure-menu pure-menu-horizontal">
 
</div>
 
{% endblock %}
 

	
 
{% block content %}
 
  <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"></img>
 
      <h1>Membership Application</h1>
 
      <h2>How to use this form</h2>
 
      <p>Fill out this form and click on "Become a member". Afterwards you will be presented with a PDF,
 
<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"></img>
 
    <h1>Membership Application</h1>
 
    <h2>How to use this form</h2>
 
    <p>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!</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="/">
 
        <fieldset>
 
          {{ form.hidden_tag() }}
 
          <legend>Required information</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>
 
    {% 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="/">
 
      <fieldset>
 
        {{ form.hidden_tag() }}
 
        <legend>Required information</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 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.email.label }}</b>
 
            {{ form.email(required=True, class="pure-u-1-1") }}
 
          </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.fullname.label }}</b>
 
            {{ form.fullname(required=True, class="pure-u-1-1") }}
 
          </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 %}
 
              <h3>What's difference between the different membership options?</h3>
 
              <p>All the options include to following benefits:</p>
 
              <ul>
 
                <li>C3L <a href="https://www.dokuwiki.org/dokuwiki#">Wiki</a> Account</li>
 
                <li>C3L Mail account</li>
 
                <li>C3L <a href="https://xmpp.org">XMPP</a> Account</li>
 
                <li>C3L <a href="https://nextcloud.com">Nextcloud</a> Account</li>
 
                <li>C3L <a href="https://kallithea-scm.org/">Kallithea</a> Account</li>
 
                <li>Access to our <a href="https://wiki.c3l.lu/doku.php?id=chaosstuff:bootstrap">hackerspace: ChaosStuff</a></li>
 
              </ul>
 
              <p>Becoming a regular/student member gives you these additional benefits:</p>
 
              <ul>
 
                <li>Voting rights on general assemblys</li>
 
                <li>Access to our internal mailinglist</li>
 
              </ul>
 
              <p>You can read more on the membership <a href="https://wiki.c3l.lu/doku.php?id=organization:membership">here</a>.</p>
 
            </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 %}
 
            <h3>What's difference between the different membership options?</h3>
 
            <p>All the options include to following benefits:</p>
 
            <ul>
 
              <li>C3L <a href="https://www.dokuwiki.org/dokuwiki#">Wiki</a> Account</li>
 
              <li>C3L Mail account</li>
 
              <li>C3L <a href="https://xmpp.org">XMPP</a> Account</li>
 
              <li>C3L <a href="https://nextcloud.com">Nextcloud</a> Account</li>
 
              <li>C3L <a href="https://kallithea-scm.org/">Kallithea</a> Account</li>
 
              <li>Access to our <a href="https://wiki.c3l.lu/doku.php?id=chaosstuff:bootstrap">hackerspace: ChaosStuff</a></li>
 
            </ul>
 
            <p>Becoming a regular/student member gives you these additional benefits:</p>
 
            <ul>
 
              <li>Voting rights on general assemblys</li>
 
              <li>Access to our internal mailinglist</li>
 
            </ul>
 
            <p>You can read more on the membership <a href="https://wiki.c3l.lu/doku.php?id=organization:membership">here</a>.</p>
 
            <h3>I cannot afford the membership?</h3>
 
            <p>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.</p>
 
          </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>
 
        <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>
 
          <legend>Additional information</legend>
 
          <div class="pure-g">
 
            <div class="pure-u-1-1">
 
              <b>{{ form.street.label }}</b>
 
              {{ form.street(class="pure-u-1-1") }}
 
            </div>
 
        </div>
 
        <legend>Additional information</legend>
 
        <div class="pure-g">
 
          <div class="pure-u-1-1">
 
            <b>{{ form.street.label }}</b>
 
            {{ form.street(class="pure-u-1-1") }}
 
          </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.zip.label }}</b>
 
            {{ form.zip(class="pure-u-1-1") }}
 
          </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.city.label }}</b>
 
            {{ form.city(class="pure-u-1-1") }}
 
          </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.state.label }}</b>
 
            {{ form.state(class="pure-u-1-1") }}
 
          </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>
 
        <div class="pure-g">
 
          <div class="pure-u-1-1">
 
            <b>{{ form.country.label }}</b>
 
            {{ form.country(class="pure-u-1-1") }}
 
          </div>
 
          <div class="pure-g">
 
            <div class="pure-u-1-1">
 
              <b>{{ form.gpg.label }}</b>
 
              <b>{{ form.gpg(class="pure-u-1-1") }}</b>
 
            </div>
 
        </div>
 
        <div class="pure-g">
 
          <div class="pure-u-1-1">
 
            <b>{{ form.gpg.label }}</b>
 
            <b>{{ form.gpg(class="pure-u-1-1") }}</b>
 
          </div>
 
          <div class="pure-g">
 
            <div class="pure-u-1-1">
 
              <b>{{ form.jabber.label }}</b>
 
              {{ form.jabber(class="pure-u-1-1") }}
 
            </div>
 
        </div>
 
        <div class="pure-g">
 
          <div class="pure-u-1-1">
 
            <b>{{ form.jabber.label }}</b>
 
            {{ form.jabber(class="pure-u-1-1") }}
 
          </div>
 
          <div class="pure-g">
 
            <div class="pure-u-1-1">
 
              <b>{{ form.twitter.label }}</b>
 
              {{ form.twitter(class="pure-u-1-1") }}
 
            </div>
 
        </div>
 
        <div class="pure-g">
 
          <div class="pure-u-1-1">
 
            <b>{{ form.twitter.label }}</b>
 
            {{ form.twitter(class="pure-u-1-1") }}
 
          </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>
 
        <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>
 
{% endblock %}
0 comments (0 inline, 0 general)