text & design adjustments

static/css/style.css

@@ -87,7 +87,7 @@ div#captcha > div {
 
 header{
     color: #1c619a;
-    padding: 1em 6em;
+    padding: 2em 8em;
 }
 header .inner {
     display: flex;
@@ -206,7 +206,7 @@ header .site-menu a{
 
 @media screen and (max-width: 64em) {
     header {
-        padding: 0.6em 1em;
+        padding: 1em 2em;
     }
     header nav {
         margin-left: 3em;
@@ -292,9 +292,6 @@ header .site-menu a{
 }
 
 .content h2 {
-    font-size: 1.5em;
-    font-weight: normal;
-
     font-weight: 400;
     text-align: center;
     font-family: 'Arvo', serif;
@@ -310,6 +307,7 @@ header .site-menu a{
 .flex-page {
     display: flex;
     margin: 0 auto 0 auto;
+    align-items: flex-start;
 }
 .flex-page .left-menu {
     display: block;
@@ -624,9 +622,9 @@ ul.errorlist {
 .homepage h2 {
     text-align: center;
     font-family: 'Open Sans', sans-serif;
-    font-size: 2.3em;
+    font-size: 2.5em;
     font-weight: bold;
-    margin: 3em 0.5em;
+    margin: 2.75em 0.5em;
 
     -webkit-text-fill-color: #D99C7E;
     -webkit-text-stroke-width: 1px;
@@ -660,7 +658,7 @@ ul.errorlist {
 .homepage h3 {
     font-family: 'Arvo', serif;
     font-weight: normal;
-    font-size: 1.2em;
+    font-size: 1.3em;
 }
 .homepage ul {
     list-style-type: circle;
@@ -702,6 +700,9 @@ ul.errorlist {
 }
 
 @media screen and (max-width: 48em) {
+    .homepage h2 {
+        font-size: 2.3em;
+    }
     .homepage .title h3, .homepage .inner {
         width: 90%;
     }
@@ -760,7 +761,6 @@ a.home-signup-button {
 }
 .account-status table td {
     padding: 0.5em 1em;
-    width: 50%;
 }
 .account-status table td:first-child {
     border-right: 1px solid #ddd;
@@ -904,13 +904,13 @@ a.home-signup-button {
 /***************************************************/
 /********************* Gateways                    */
 
-#gateways table {
+table.flat-table {
     width: 100%;
 }
-#gateways td {
+.flat-table td {
     padding: 10px;
 }
-#gateways table thead td {
+.flat-table thead td {
     text-align: center;
     font-size: 1.1em;
     border: 1px solid #bbb;
@@ -918,37 +918,37 @@ a.home-signup-button {
     color: #1c619a;
     background: #ddd;
 }
-#gateways table thead tr td:first-child {
+.flat-table thead tr td:first-child {
     border-left: 0;
 }
-#gateways table thead tr td:last-child {
+.flat-table thead tr td:last-child {
     border-right: 0;
 }
-#gateways table tbody tr td:first-child {
+.flat-table tbody tr td:first-child {
     border-left: 0;
 }
-#gateways table tbody tr td {
+.flat-table tbody tr td {
     border: 1px solid #bbb;
 }
-#gateways table tbody tr td:first-child {
+.flat-table tbody tr td:first-child {
     border-left: 0;
 }
-#gateways table tbody tr td:last-child {
+.flat-table tbody tr td:last-child {
     border-right: 0;
 }
-#gateways table tbody tr:last-child td {
+.flat-table tbody tr:last-child td {
     border-bottom: 0;
 }
-#gateways table tbody tr:nth-child(even) {
+.flat-table tbody tr:nth-child(even) {
     background: #eee;
 }
-#gateways .host_name {
+.flat-table .host_name {
     font-family: monospace;
 }
-#gateways td {
+.flat-table td {
     white-space: nowrap;
 }
-#gateways .right {
+.flat-table .right {
     text-align: right;
 }
 

templates/account_layout.html

@@ -21,12 +21,10 @@
                     <i class="fa fa-download fa-fw" aria-hidden="true"></i>&nbsp;
                     {% trans 'OpenVPN' %}
                 </a></li>
-                {% if config.WIREGUARD %}
                 <li><a href="/account/wireguard">
                     <i class="icon icon-wireguard fa-fw" aria-hidden="true"></i>&nbsp;
                     {% trans 'WireGuard' %}
                 </a></li>
-                {% endif %}
                 <li><a href="/payments">
                     <i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp;
                     {% trans 'Payments' %}
@@ -39,9 +37,11 @@
         </div>
     </div>
     {% block account_content_outer %}
+    <div class="flex-page-content">
         <div class="content-box">
         {% block account_content %}{% endblock %}
         </div>
+    </div>
     {% endblock %}
 </div>
 </div>

templates/ccvpn/index.html

@@ -15,10 +15,15 @@
             <h3>{% trans 'Hide your IP Address' %}</h3>
         </div>
         <div class="inner">
-            <p>
+            <p>‣ 
+                {% blocktrans trimmed %}
+                From sites and corporations tracking you for advertising, marketing, geo-blocking, ...
+                and sometimes leaking the data or ignoring regulations.
+                {% endblocktrans %}
+            </p>
+            <p>‣ 
                 {% blocktrans trimmed %}
-                From corporations and attackers tracking you for advertising, marketing, geo-blocking, extortion, ...
-                and irresponsibly storing personal data that can leak to malicious parties and be used against you.
+                From attackers collecting leaked data or harvesting IP addresses on P2P networks to stalk or extort you.
                 {% endblocktrans %}
             </p>
         </div>

templates/lambdainst/config.html

@@ -4,7 +4,6 @@
 
 {% block pagetitle %}{% trans 'OpenVPN Configuration' %}{% endblock %}
 {% block account_content %}
-<div>
 <form action="/account/config_dl" method="get" class="pure-form pure-form-aligned">
     <fieldset>
         <div class="pure-control-group">
@@ -61,8 +60,4 @@
         </div>
     </fieldset>
 </form>
-</div>
-
 {% endblock %}
-
-

templates/lambdainst/status.html

@@ -8,7 +8,7 @@
 <div class="pure-u-1 pure-u-xl-2-3" id="gateways">
     <h2>{% trans 'Our Servers' %}</h2>
 
-    <table>
+    <table class="flat-table">
         <thead>
             <tr><td>{% trans 'Location' %}</td>
                 <td>{% trans 'Hostname' %}</td>

templates/payments/payments.html

@@ -3,8 +3,8 @@
 {% load static %}
 
 {% block pagetitle %}{% trans 'Payments' %}{% endblock %}
-{% block account_content %}
-<table class="admin-list">
+{% block account_content_outer %}
+<table class="flat-table">
     <thead>
         <tr>
             <td>{% trans 'Date' %}</td>
@@ -15,7 +15,7 @@
     <tbody>
         {% for payment in payments %}
             <tr>
-                <td>{{ payment.created }}</td>
+                <td>{{ payment.created|date:'Y-m-d H:i' }}</td>
                 <td>{{ payment.time }}
                     ({{ payment.get_amount_display }})
                 </td>