Update home page

static/css/style.css

@@ -447,6 +447,13 @@ a.home-signup-button {
     padding: 0.75em 2em;
 }
 
+.home-secondary > div {
+    padding: 0.5em 2em;
+}
+.home-secondary b:first-child {
+    display: block;
+}
+
 @media screen and (max-width: 80em) {
     .home-content {
         width: 100%;

templates/ccvpn/index.html

@@ -21,9 +21,9 @@
         <div class="home-item pure-u-1 pure-u-md-1-5">
             <img src="{% static 'img/cheap.svg' %}" alt="" />
             <div class="home-item-content">
-                <h2>{% trans 'Cheap' %}</h2>
+                <h2>{% trans 'Affordable' %}</h2>
                 <p><b>{{eur_price}}&euro;</b> {% trans 'per month!' %}<br/>
-                    {% trans 'We accept Paypal, Bitcoins and Stripe.' %}</p>
+                    {% trans 'Pay by card, PayPal, or 50+ cryptocurrencies.' %}</p>
             </div>
         </div>
         <div class="home-item pure-u-1 pure-u-md-1-5">
@@ -39,7 +39,7 @@
             <img src="{% static 'img/openvpn.svg' %}" alt="" />
             <div class="home-item-content">
                 <h2>{% trans 'OpenVPN' %}</h2>
-                <p>{% trans 'Secure, Free, easy. On:' %}<br/>
+                <p>
                     <ul>
                         <li><b>Windows, OSX</b></li>
                         <li><b>GNU/Linux, BSD</b></li>
@@ -67,27 +67,29 @@
         </a>
     </p>
 
-    <div class="pure-g">
+    <div class="pure-g home-secondary">
-        <div class="pure-u-1 pure-u-md-1-2 newhomehalf">
+        <div class="pure-u-1 pure-u-md-1-2">
-            <h2>{% trans 'Why?' %}</h2>
+            <p>{% trans '<b>Hide your IP address</b> to disrupt tracking and geolocation.' %}</p>
-            <ul>
-                <li>{% trans 'Hide any personal data found from your IP address' %}</li>
-                <li>{% trans 'Protect yourself on open networks' %}</li>
-                <li>{% trans 'Compress traffic on slow connections' %}</li>
-                <li>{% trans 'Bypass overly restrictive firewalls' %}</li>
-                <li>{% trans 'Enable IPv6 on IPv4-only networks' %}</li>
-            </ul>
         </div>
-        <div class="pure-u-1 pure-u-md-1-2 newhomehalf">
+        <div class="pure-u-1 pure-u-md-1-2">
-            <h2>{% trans 'VPN done the right way' %}</h2>
+            <p>{% trans '<b>Protect your privacy</b> on insecure networks with AES GCM 256 bits, RSA 4096 bits.' %}</p>
-            <ul>
+        </div>
-                <li><b>{% trans 'Anonymity' %}</b> - {% trans "We don't even require your email address." %}</li>
+
-                <li><b>{% trans 'Security' %}</b> - {% trans "Best TLS available, RSA 4096b, BlowFish 128b." %}</li>
+        <div class="pure-u-1 pure-u-md-1-2">
-                <li><b>{% trans 'Privacy' %}</b> - {% trans "Not a single byte of your traffic is logged." %}</li>
+            <p>{% trans '<b>Get a clean and neutral access</b> without censorship, interception, or manipulation.' %}</p>
-            </ul>
+        </div>
+        <div class="pure-u-1 pure-u-md-1-2">
+            <p>{% trans '<b>Bypass firewalls</b> in restricted network environments.' %}</p>
         </div>
+
+        <div class="pure-u-1 pure-u-md-1-2">
+            <p>{% trans '<b>Transparently compress your traffic</b> to save data and gain speed on slow connections.' %}</p>
         </div>
 
+        <div class="pure-u-1 pure-u-md-1-2">
+            <p>{% trans '<b>Get IPv6 connectivity</b> on IPv4-only networks or where IPv6 is not equally supported.' %}</p>
+        </div>
+    </div>
 </div>
 
 {% endblock %}