Move the newsletter.

[wolnelektury.git] / src / club / templates / club / membership_form.html

diff --git a/src/club/templates/club/membership_form.html b/src/club/templates/club/membership_form.html
index ac4e4c1..43e925f 100644 (file)
--- a/src/club/templates/club/membership_form.html
+++ b/src/club/templates/club/membership_form.html
@@ -1,13 +1,34 @@
 {% extends request.session.from_app|yesno:"base/app.html,base/base.html" %}
 {% load chunks %}
 {% load thumbnail %}
 {% extends request.session.from_app|yesno:"base/app.html,base/base.html" %}
 {% load chunks %}
 {% load thumbnail %}

+{% load club %}

 
 

-{% block titleextra %}Towarzystwo Wolnych Lektur{% endblock %}
+{% block titleextra %}Uwalniaj książki razem z nami!{% endblock %}
+{% block metadescription %}„Wolne Lektury należy wspierać, bo są” - Filip Springer{% endblock %}

 
 
 {% block body %}
 
   <style>
 
 
 {% block body %}
 
   <style>

+
+   .plan-select {
+       margin-bottom: 15px;
+   }
+.methods {
+ color: #888;
+line-height: 30px;
+}
+.methods .method {
+  border: 1px solid #888;
+  border-radius: 5px;
+display: inline-block;
+padding: 0 5px;
+}
+.methods img {
+height: 30px;
+margin-right: 5px;
+vertical-align: middle;
+}

    .payment-method.disabled {
        opacity: .5;
        filter: grayscale(100%);
    .payment-method.disabled {
        opacity: .5;
        filter: grayscale(100%);


@@ -20,12 +41,14 @@
    }
    .kwota, .inna .button, .plan-toggle, .inna input {
        border: 1px solid black;
    }
    .kwota, .inna .button, .plan-toggle, .inna input {
        border: 1px solid black;

+       border-radius: 8px;

        background: none;
        cursor: pointer;
        background: none;
        cursor: pointer;

-       padding: 10px 0;
+       padding: 0;

        margin-right: 3%;
        margin-bottom: 10px;
        line-height: 3em;
        margin-right: 3%;
        margin-bottom: 10px;
        line-height: 3em;

+       font-size: 20px;

    }
    .plan-toggle {
        width: 46.5%;
    }
    .plan-toggle {
        width: 46.5%;


@@ -59,25 +82,27 @@
    }
 
    .kwota.active, .plan-toggle.active {
    }
 
    .kwota.active, .plan-toggle.active {

-       background: black;
-       color: white;
+       background: #b2ce1f;

    }
    .inna input {display: none;}
    .inna.active input {display: inline;}
    .inna.active .button {display: none;}
 
    .ambassador {
    }
    .inna input {display: none;}
    .inna.active input {display: inline;}
    .inna.active .button {display: none;}
 
    .ambassador {

-       padding: 2em 145px 2em 2em;
+       padding: 2em;

        margin-bottom: 1em;
        border: 1px solid #ddd;
        position: relative;
    }
        margin-bottom: 1em;
        border: 1px solid #ddd;
        position: relative;
    }

+   .ambassador.with-photo {
+       padding-right: 145px;
+   }

    .ambassador img {
        border-radius: 100%;
        height: 100px;
        width: 100px;
        position: absolute;
    .ambassador img {
        border-radius: 100%;
        height: 100px;
        width: 100px;
        position: absolute;

-       top: 30px;
+       top: 35px;

        right: 30px;
    }
    .ambassador div {
        right: 30px;
    }
    .ambassador div {


@@ -119,6 +144,12 @@
     <h2 style="margin-bottom:2em;">
       {% if membership %}Dziękujemy za Twoje dotychczasowe zaangażowanie! Wesprzyj nas ponownie!{% else %}Dziękujemy, że chcesz razem z nami uwalniać książki!{% endif %}</h2>
 
     <h2 style="margin-bottom:2em;">
       {% if membership %}Dziękujemy za Twoje dotychczasowe zaangażowanie! Wesprzyj nas ponownie!{% else %}Dziękujemy, że chcesz razem z nami uwalniać książki!{% endif %}</h2>
 

+    {% with schedule=request.user|active_schedule %}
+     {% if schedule %}
+      <p><a href="{{ schedule.get_absolute_url }}">Zobacz swoje dotychczasowe wsparcie.</a></p>
+     {% endif %}
+    {% endwith %}
+

     {% chunk 'club_form_top' %}
     <div class='twocol'>
 
     {% chunk 'club_form_top' %}
     <div class='twocol'>
 


@@ -140,7 +171,7 @@
 
         {{ form.amount }}
         {{ form.monthly }}
 
         {{ form.amount }}
         {{ form.monthly }}

-        <div>
+        <div class="plan-select">

           <span class="button plan-toggle" data-plan="plan-single" data-monthly="False">jednorazowo</span>
           <span class="button plan-toggle active" data-plan="plan-monthly" data-monthly="True">miesięcznie</span>
         </div>
           <span class="button plan-toggle" data-plan="plan-single" data-monthly="False">jednorazowo</span>
           <span class="button plan-toggle active" data-plan="plan-monthly" data-monthly="True">miesięcznie</span>
         </div>


@@ -154,6 +185,7 @@
             <span class="button">inna kwota</span>
             <input type="number" min="{{ club.min_amount }}">
           </span>
             <span class="button">inna kwota</span>
             <input type="number" min="{{ club.min_amount }}">
           </span>

+<div class="methods">{% include 'club/payment/payu.html' %}</div>

         </div>
 
 
         </div>
 
 


@@ -166,6 +198,7 @@
             <span class="button">inna kwota</span>
             <input type="number" min="{{ club.min_amount }}">
           </span>
             <span class="button">inna kwota</span>
             <input type="number" min="{{ club.min_amount }}">
           </span>

+<div class="methods">{% include 'club/payment/payu-re.html' %}</div>

         </div>
 
         <h3>
         </div>
 
         <h3>


@@ -174,12 +207,12 @@
 
         <p>
           {{ form.email }}</p>
 
         <p>
           {{ form.email }}</p>

-        <button class="submit" type='submit'>Dołącz</button>
+        <button class="submit" type='submit'>Wpłać</button>

       </form>
 
       <div class="club-form-info">
         {% if ambassador %}
       </form>
 
       <div class="club-form-info">
         {% if ambassador %}

-          <div class="ambassador">
+       <div class="ambassador {% if ambassador.photo %}with-photo{% endif %}">

             <div>
               <em>
                 {{ ambassador.text }}
             <div>
               <em>
                 {{ ambassador.text }}


@@ -205,6 +238,8 @@
 </div>
 </div>
 
 </div>
 </div>
 

+{% chunk 'club_form_bottom' %}
+

 </div>
 
 {% endblock %}
 </div>
 
 {% endblock %}