update referral display

lambdainst/models.py

@@ -70,7 +70,7 @@ class VPNUser(models.Model, LcoreUserProfileMethods):
 
     def on_payment_confirmed(self, payment):
         if self.referrer and not self.referrer_used:
-            self.referrer.vpnuser.add_paid_time(timedelta(days=14))
+            self.referrer.vpnuser.add_paid_time(timedelta(days=30))
             self.referrer.vpnuser.save()
             self.referrer_used = True
 

static/css/style.css

@@ -703,16 +703,19 @@ a.home-signup-button {
 }
 
 .account-aff-box {
-    background: #E6F5FF;
+    background: #f8F8FF;
     border-radius: 4px;
-    border: 1px solid #A8B3BA;
+    border: 3px solid #1c619a;
     margin: 1em 0 0 0;
     -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.13);
     -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.13);
     box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.13);
 }
-.account-aff-box p, .account-aff-box form {
-    margin: 1.5em;
+.account-aff-box {
+    padding: 1.5em 1.5em;
+}
+.account-aff-box p {
+    margin: 0 0 0.75em 0;
 }
 .account-aff-box fieldset {
     padding: 0;

templates/account_layout.html

@@ -9,7 +9,7 @@
         <h2>{% block pagetitle %}{{ title|default:"Account" }}{% endblock %}</h2>
     </div>
 
-<div class="pure-u-1 pure-u-xl-2-3 flex-page">
+<div class="pure-u-1 pure-u-lg-5-6 pure-u-xl-2-3  flex-page">
     <div class="left-menu">
         <div class="submenu">
             <ul>

templates/lambdainst/account.html

@@ -169,18 +169,19 @@
     <div class="account-aff-box">
         <p>
             {% blocktrans trimmed %}
-            Get two weeks for free for every referral that subscribes for any amount of time!
+            Please recommend us to your friends and on social media!
+            We do not advertise and rely on you to help us grow and improve our services.
             {% endblocktrans %}
-            {% trans 'Share this link' %}:
+            <br />
+            {% blocktrans trimmed %}
+            Every subscription through this link will grant you 1&nbsp;month of VPN access:
+            {% endblocktrans %}
+        </p>
         <form class="pure-form">
             <fieldset>
-                    <input type="text" size="30" value="{{ref_url}}" />
-                    <a target="_blank" href="{{twitter_link}}">{% trans 'tweet' %}</a>
-                    <a href="/static/affimg/banner.png">banner</a>
-                    <a href="/static/affimg/leaderboard.png">leaderboard</a>
+                <input type="text" size="30" value="{{ref_url}}" class="pure-input-1" />
             </fieldset>
         </form>
-        </p>
     </div>
 
 </div>