[tor-commits] [tpo/staging] paddings, margins and general ui bug fixing

hiro at torproject.org hiro at torproject.org
Tue Jan 8 15:12:03 UTC 2019


commit b8382a4929d30e403c7e706048dd7814408b564b
Author: Antonela <hola at antonela.me>
Date:   Mon Jan 7 13:40:51 2019 -0300

    paddings, margins and general ui bug fixing
---
 assets/scss/_portal.scss                |  10 +--
 assets/scss/_tpo.scss                   |  30 +++++----
 assets/static/images/circle-pattern.png | Bin 0 -> 556240 bytes
 assets/static/images/circle-pattern.svg | 106 ++++++++++++++++++++++++++++++++
 content/about/contents+es.lr            |   3 -
 content/about/history/contents+es.lr    |  15 -----
 content/about/jobs/contents+es.lr       |   1 -
 templates/footer.html                   |   4 +-
 templates/header.html                   |   4 +-
 templates/hero.html                     |   8 +--
 10 files changed, 138 insertions(+), 43 deletions(-)

diff --git a/assets/scss/_portal.scss b/assets/scss/_portal.scss
index 0931aab..296b038 100644
--- a/assets/scss/_portal.scss
+++ b/assets/scss/_portal.scss
@@ -10,12 +10,12 @@
   text-align: left;
 }
 .preamble {
-  color: #777777 !important;
+
+}
+.preamble p {
+  color: #777777;
   font-family: Source Sans Pro;
-  font-size: 25px;
-  font-weight: 400;
-  line-height: 35px;
-  text-align: left;
+  font-size: 36px;
 }
 
 .human-name {
diff --git a/assets/scss/_tpo.scss b/assets/scss/_tpo.scss
index 246f4ae..b9c38dc 100644
--- a/assets/scss/_tpo.scss
+++ b/assets/scss/_tpo.scss
@@ -2,6 +2,18 @@
 *
 */
 
+#sidenav-topics .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+    color: #7D4698;
+    background-color: #fff;
+    font-weight: bold;
+}
+
+#wrapper {
+  width: 100%;
+  position: relative !important;
+  bottom: 0;
+}
+
 .page {
   padding-top: 7rem !important;
 }
@@ -10,11 +22,6 @@
   padding-top: 0 !important;
   border: 0 !important;
 }
-#sidenav-topics .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
-    color: #7D4698;
-    background-color: #fff;
-    font-weight: bold;
-}
 
 .toc-entry a:hover {
   color: $purple !important;
@@ -24,9 +31,11 @@
   position: relative;
   z-index:99999999999;
 }
+
 .footer a.nav-link {
   padding: 0.2rem;
 }
+
 footer .border{
   border: 0 !important;
   border-bottom: 1px solid rgba(255,255,255,0.3) !important;
@@ -36,13 +45,12 @@ footer {
   padding-top: 10em;
 }
 
-#wrapper {
-  width: 100%;
-  position: relative !important;
-  bottom: 0;
+.onion-bg{
+  background: url("assets/circle-pattern.png");
 }
 
- @include media-breakpoint-down(sm) {
+
+ at include media-breakpoint-down(sm) {
    .display-4 {
      font-size: 2rem;
    }
@@ -53,7 +61,7 @@ footer {
    }
  }
 
- .defend {
+.defend {
   color: #FFFFFF;
   font-family: Source Sans Pro;
   font-size: 24px;
diff --git a/assets/static/images/circle-pattern.png b/assets/static/images/circle-pattern.png
new file mode 100644
index 0000000..565c7b9
Binary files /dev/null and b/assets/static/images/circle-pattern.png differ
diff --git a/assets/static/images/circle-pattern.svg b/assets/static/images/circle-pattern.svg
new file mode 100644
index 0000000..2f61c55
--- /dev/null
+++ b/assets/static/images/circle-pattern.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1288px" height="401px" viewBox="0 0 1288 401" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: sketchtool 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
+    <title>0FCE7078-26FD-4F77-A8AB-6FE4C61BC38C</title>
+    <desc>Created with sketchtool.</desc>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.4">
+        <g id="Block/download" transform="translate(1.000000, -7.000000)">
+            <g id="Donate">
+                <g id="Pattern-" style="mix-blend-mode: lighten;" transform="translate(0.000000, 9.000000)">
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="201.438725" cy="196.561275" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="201.438725" cy="196.561275" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="202.044988" cy="197.167537" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="201.438725" cy="196.561275" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="414.095588" cy="331.178922" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="414.095588" cy="331.178922" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="414.701851" cy="331.785184" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="414.095588" cy="331.178922" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="537.982843" cy="64.870098" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="537.982843" cy="64.870098" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="538.589106" cy="65.4763606" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="537.982843" cy="64.870098" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="959.394608" cy="331.178922" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="959.394608" cy="331.178922" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="960.00087" cy="331.785184" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="959.394608" cy="331.178922" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="1082.30637" cy="64.870098" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="1082.30637" cy="64.870098" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="1082.91264" cy="65.4763606" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="1082.30637" cy="64.870098" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="749.664216" cy="196.561275" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="749.664216" cy="196.561275" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="750.270478" cy="197.167537" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="749.664216" cy="196.561275" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="687.232843" cy="331.178922" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="687.232843" cy="331.178922" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="687.839106" cy="331.785184" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="687.232843" cy="331.178922" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="811.120098" cy="64.870098" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="811.120098" cy="64.870098" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="811.726361" cy="65.4763606" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="811.120098" cy="64.870098" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="1023.77696" cy="196.561275" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="1023.77696" cy="196.561275" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="1024.38322" cy="197.167537" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="1023.77696" cy="196.561275" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="141.933824" cy="331.178922" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="141.933824" cy="331.178922" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="142.540086" cy="331.785184" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="141.933824" cy="331.178922" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="262.894608" cy="64.870098" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="262.894608" cy="64.870098" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="263.50087" cy="65.4763606" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="262.894608" cy="64.870098" r="18.7941406"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="474.57598" cy="196.561275" r="64.870098"></circle>
+                    <circle id="Oval" stroke="#FFFFFF" stroke-width="4" cx="474.57598" cy="196.561275" r="49.1072705"></circle>
+                    <circle id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" cx="475.182243" cy="197.167537" r="33.9507055"></circle>
+                    <circle id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" cx="474.57598" cy="196.561275" r="18.7941406"></circle>
+                    <path d="M550.664216,396.04902 C586.490982,396.04902 615.534314,367.005687 615.534314,331.178922 C615.534314,295.352156 586.490982,266.308824 550.664216,266.308824 C514.83745,266.308824 485.794118,295.352156 485.794118,331.178922 C485.794118,367.005687 514.83745,396.04902 550.664216,396.04902 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M550.664216,380.286192 C577.785412,380.286192 599.771486,358.300118 599.771486,331.178922 C599.771486,304.057725 577.785412,282.071651 550.664216,282.071651 C523.543019,282.071651 501.556945,304.057725 501.556945,331.178922 C501.556945,358.300118 523.543019,380.286192 550.664216,380.286192 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M551.270478,365.73589 C570.020935,365.73589 585.221184,350.535641 585.221184,331.785184 C585.221184,313.034727 570.020935,297.834479 551.270478,297.834479 C532.520021,297.834479 517.319773,313.034727 517.319773,331.785184 C517.319773,350.535641 532.520021,365.73589 551.270478,365.73589 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M550.664216,349.973062 C561.043933,349.973062 569.458356,341.558639 569.458356,331.178922 C569.458356,320.799204 561.043933,312.384781 550.664216,312.384781 C540.284498,312.384781 531.870075,320.799204 531.870075,331.178922 C531.870075,341.558639 540.284498,349.973062 550.664216,349.973062 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M674.551471,129.740196 C710.378236,129.740196 739.421569,100.696864 739.421569,64.870098 C739.421569,29.0433322 710.378236,0 674.551471,0 C638.724705,0 609.681373,29.0433322 609.681373,64.870098 C609.681373,100.696864 638.724705,129.740196 674.551471,129.740196 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M674.551471,113.977369 C701.672667,113.977369 723.658741,91.9912946 723.658741,64.870098 C723.658741,37.7489014 701.672667,15.7628276 674.551471,15.7628276 C647.430274,15.7628276 625.4442,37.7489014 625.4442,64.870098 C625.4442,91.9912946 647.430274,113.977369 674.551471,113.977369 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M675.157733,99.4270662 C693.90819,99.4270662 709.108439,84.2268175 709.108439,65.4763606 C709.108439,46.7259037 693.90819,31.5256551 675.157733,31.5256551 C656.407276,31.5256551 641.207028,46.7259037 641.207028,65.4763606 C641.207028,84.2268175 656.407276,99.4270662 675.157733,99.4270662 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M674.551471,83.6642386 C684.931188,83.6642386 693.345611,75.2498153 693.345611,64.870098 C693.345611,54.4903808 684.931188,46.0759575 674.551471,46.0759575 C664.171753,46.0759575 655.75733,54.4903808 655.75733,64.870098 C655.75733,75.2498153 664.171753,83.6642386 674.551471,83.6642386 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M122.42402,130.715686 C158.250785,130.715686 187.294118,101.672354 187.294118,65.8455882 C187.294118,30.0188224 158.250785,0.975490196 122.42402,0.975490196 C86.5972537,0.975490196 57.5539216,30.0188224 57.5539216,65.8455882 C57.5539216,101.672354 86.5972537,130.715686 122.42402,130.715686 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M122.42402,114.952859 C149.545216,114.952859 171.53129,92.9667848 171.53129,65.8455882 C171.53129,38.7243916 149.545216,16.7383178 122.42402,16.7383178 C95.302823,16.7383178 73.3167491,38.7243916 73.3167491,65.8455882 C73.3167491,92.9667848 95.302823,114.952859 122.42402,114.952859 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M123.030282,100.402556 C141.780739,100.402556 156.980988,85.2023077 156.980988,66.4518508 C156.980988,47.7013939 141.780739,32.5011453 123.030282,32.5011453 C104.279825,32.5011453 89.0795767,47.7013939 89.0795767,66.4518508 C89.0795767,85.2023077 104.279825,100.402556 123.030282,100.402556 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M122.42402,84.6397288 C132.803737,84.6397288 141.21816,76.2253054 141.21816,65.8455882 C141.21816,55.465871 132.803737,47.0514477 122.42402,47.0514477 C112.044302,47.0514477 103.629879,55.465871 103.629879,65.8455882 C103.629879,76.2253054 112.044302,84.6397288 122.42402,84.6397288 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M1095.96324,396.04902 C1131.79,396.04902 1160.83333,367.005687 1160.83333,331.178922 C1160.83333,295.352156 1131.79,266.308824 1095.96324,266.308824 C1060.13647,266.308824 1031.09314,295.352156 1031.09314,331.178922 C1031.09314,367.005687 1060.13647,396.04902 1095.96324,396.04902 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M1095.96324,380.286192 C1123.08443,380.286192 1145.07051,358.300118 1145.07051,331.178922 C1145.07051,304.057725 1123.08443,282.071651 1095.96324,282.071651 C1068.84204,282.071651 1046.85596,304.057725 1046.85596,331.178922 C1046.85596,358.300118 1068.84204,380.286192 1095.96324,380.286192 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M1096.5695,365.73589 C1115.31995,365.73589 1130.5202,350.535641 1130.5202,331.785184 C1130.5202,313.034727 1115.31995,297.834479 1096.5695,297.834479 C1077.81904,297.834479 1062.61879,313.034727 1062.61879,331.785184 C1062.61879,350.535641 1077.81904,365.73589 1096.5695,365.73589 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M1095.96324,349.973062 C1106.34295,349.973062 1114.75738,341.558639 1114.75738,331.178922 C1114.75738,320.799204 1106.34295,312.384781 1095.96324,312.384781 C1085.58352,312.384781 1077.16909,320.799204 1077.16909,331.178922 C1077.16909,341.558639 1085.58352,349.973062 1095.96324,349.973062 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="6,10"></path>
+                    <path d="M1219.85049,129.740196 C1255.67726,129.740196 1284.72059,100.696864 1284.72059,64.870098 C1284.72059,29.0433322 1255.67726,0 1219.85049,0 C1184.02372,0 1154.98039,29.0433322 1154.98039,64.870098 C1154.98039,100.696864 1184.02372,129.740196 1219.85049,129.740196 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M1219.85049,113.977369 C1246.97169,113.977369 1268.95776,91.9912946 1268.95776,64.870098 C1268.95776,37.7489014 1246.97169,15.7628276 1219.85049,15.7628276 C1192.72929,15.7628276 1170.74322,37.7489014 1170.74322,64.870098 C1170.74322,91.9912946 1192.72929,113.977369 1219.85049,113.977369 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M1220.45675,99.4270662 C1239.20721,99.4270662 1254.40746,84.2268175 1254.40746,65.4763606 C1254.40746,46.7259037 1239.20721,31.5256551 1220.45675,31.5256551 C1201.7063,31.5256551 1186.50605,46.7259037 1186.50605,65.4763606 C1186.50605,84.2268175 1201.7063,99.4270662 1220.45675,99.4270662 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M1219.85049,83.6642386 C1230.23021,83.6642386 1238.64463,75.2498153 1238.64463,64.870098 C1238.64463,54.4903808 1230.23021,46.0759575 1219.85049,46.0759575 C1209.47077,46.0759575 1201.05635,54.4903808 1201.05635,64.870098 C1201.05635,75.2498153 1209.47077,83.6642386 1219.85049,83.6642386 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M822.82598,396.04902 C858.652746,396.04902 887.696078,367.005687 887.696078,331.178922 C887.696078,295.352156 858.652746,266.308824 822.82598,266.308824 C786.999215,266.308824 757.955882,295.352156 757.955882,331.178922 C757.955882,367.005687 786.999215,396.04902 822.82598,396.04902 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M822.82598,380.286192 C849.947177,380.286192 871.933251,358.300118 871.933251,331.178922 C871.933251,304.057725 849.947177,282.071651 822.82598,282.071651 C795.704784,282.071651 773.71871,304.057725 773.71871,331.178922 C773.71871,358.300118 795.704784,380.286192 822.82598,380.286192 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M823.432243,365.73589 C842.1827,365.73589 857.382949,350.535641 857.382949,331.785184 C857.382949,313.034727 842.1827,297.834479 823.432243,297.834479 C804.681786,297.834479 789.481537,313.034727 789.481537,331.785184 C789.481537,350.535641 804.681786,365.73589 823.432243,365.73589 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M822.82598,349.973062 C833.205698,349.973062 841.620121,341.558639 841.620121,331.178922 C841.620121,320.799204 833.205698,312.384781 822.82598,312.384781 C812.446263,312.384781 804.03184,320.799204 804.03184,331.178922 C804.03184,341.558639 812.446263,349.973062 822.82598,349.973062 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,10"></path>
+                    <path d="M946.713235,129.740196 C982.540001,129.740196 1011.58333,100.696864 1011.58333,64.870098 C1011.58333,29.0433322 982.540001,0 946.713235,0 C910.886469,0 881.843137,29.0433322 881.843137,64.870098 C881.843137,100.696864 910.886469,129.740196 946.713235,129.740196 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,7"></path>
+                    <path d="M946.713235,113.977369 C973.834432,113.977369 995.820506,91.9912946 995.820506,64.870098 C995.820506,37.7489014 973.834432,15.7628276 946.713235,15.7628276 C919.592039,15.7628276 897.605965,37.7489014 897.605965,64.870098 C897.605965,91.9912946 919.592039,113.977369 946.713235,113.977369 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,7"></path>
+                    <path d="M947.319498,99.4270662 C966.069955,99.4270662 981.270203,84.2268175 981.270203,65.4763606 C981.270203,46.7259037 966.069955,31.5256551 947.319498,31.5256551 C928.569041,31.5256551 913.368792,46.7259037 913.368792,65.4763606 C913.368792,84.2268175 928.569041,99.4270662 947.319498,99.4270662 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,7"></path>
+                    <path d="M946.713235,83.6642386 C957.092953,83.6642386 965.507376,75.2498153 965.507376,64.870098 C965.507376,54.4903808 957.092953,46.0759575 946.713235,46.0759575 C936.333518,46.0759575 927.919095,54.4903808 927.919095,64.870098 C927.919095,75.2498153 936.333518,83.6642386 946.713235,83.6642386 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="4,7"></path>
+                    <path d="M338.007353,261.431373 C373.834119,261.431373 402.877451,232.38804 402.877451,196.561275 C402.877451,160.734509 373.834119,131.691176 338.007353,131.691176 C302.180587,131.691176 273.137255,160.734509 273.137255,196.561275 C273.137255,232.38804 302.180587,261.431373 338.007353,261.431373 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M338.007353,245.668545 C365.12855,245.668545 387.114623,223.682471 387.114623,196.561275 C387.114623,169.440078 365.12855,147.454004 338.007353,147.454004 C310.886156,147.454004 288.900082,169.440078 288.900082,196.561275 C288.900082,223.682471 310.886156,245.668545 338.007353,245.668545 Z" id="Oval" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M338.613616,231.118243 C357.364072,231.118243 372.564321,215.917994 372.564321,197.167537 C372.564321,178.41708 357.364072,163.216832 338.613616,163.216832 C319.863159,163.216832 304.66291,178.41708 304.66291,197.167537 C304.66291,215.917994 319.863159,231.118243 338.613616,231.118243 Z" id="Oval-Copy" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M338.007353,215.355415 C348.38707,215.355415 356.801493,206.940992 356.801493,196.561275 C356.801493,186.181557 348.38707,177.767134 338.007353,177.767134 C327.627636,177.767134 319.213212,186.181557 319.213212,196.561275 C319.213212,206.940992 327.627636,215.355415 338.007353,215.355415 Z" id="Oval-Copy-2" stroke="#FFFFFF" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1,7"></path>
+                    <path d="M1095.47549,131.691176 L1227.16667,131.691176 C1227.16667,168.056691 1197.68659,197.536765 1161.32108,197.536765 C1124.95556,197.536765 1095.47549,168.056691 1095.47549,131.691176 Z" id="Combined-Shape-Copy-6" fill-opacity="0.2" fill="#FFFFFF"></path>
+                    <path d="M1095.47549,197.536765 L1227.16667,197.536765 C1227.16667,233.902279 1197.68659,263.382353 1161.32108,263.382353 C1124.95556,263.382353 1095.47549,233.902279 1095.47549,197.536765 Z" id="Combined-Shape-Copy-7" stroke="#FFFFFF" fill="#FFFFFF"></path>
+                    <path d="M211.681373,266.308824 L343.372549,266.308824 C343.372549,302.674338 313.892475,332.154412 277.526961,332.154412 C241.161447,332.154412 211.681373,302.674338 211.681373,266.308824 Z" id="Combined-Shape-Copy-6" fill-opacity="0.2" fill="#FFFFFF"></path>
+                    <path d="M211.681373,332.154412 L343.372549,332.154412 C343.372549,368.519926 313.892475,398 277.526961,398 C241.161447,398 211.681373,368.519926 211.681373,332.154412 Z" id="Combined-Shape-Copy-7" stroke="#FFFFFF" fill="#FFFFFF"></path>
+                    <path d="M333.617647,0 L465.308824,0 C465.308824,36.3655142 435.82875,65.8455882 399.463235,65.8455882 C363.097721,65.8455882 333.617647,36.3655142 333.617647,-1.42108547e-14 Z" id="Combined-Shape-Copy-6" stroke="#FFFFFF" fill="#FFFFFF"></path>
+                    <path d="M333.617647,68.2843137 L465.308824,68.2843137 C465.308824,104.649828 435.82875,134.129902 399.463235,134.129902 C363.097721,134.129902 333.617647,104.649828 333.617647,68.2843137 Z" id="Combined-Shape-Copy-7" fill-opacity="0.2" fill="#FFFFFF"></path>
+                    <path d="M821.362745,123.887255 L953.053922,123.887255 C953.053922,160.252769 923.573848,189.732843 887.208333,189.732843 C850.842819,189.732843 821.362745,160.252769 821.362745,123.887255 Z" id="Combined-Shape-Copy-2" stroke="#FFFFFF" fill="#FFFFFF" transform="translate(887.208333, 156.810049) scale(1, -1) translate(-887.208333, -156.810049) "></path>
+                    <path d="M821.362745,192.659314 L953.053922,192.659314 C953.053922,229.024828 923.573848,258.504902 887.208333,258.504902 C850.842819,258.504902 821.362745,229.024828 821.362745,192.659314 Z" id="Combined-Shape-Copy-3" fill-opacity="0.2" fill="#FFFFFF" transform="translate(887.208333, 225.582108) scale(1, -1) translate(-887.208333, -225.582108) "></path>
+                    <path d="M0,131.691176 L131.691176,131.691176 C131.691176,168.056691 102.211102,197.536765 65.8455882,197.536765 C29.480074,197.536765 0,168.056691 0,131.691176 Z" id="Combined-Shape-Copy-2" stroke="#FFFFFF" transform="translate(65.845588, 164.613971) scale(1, -1) translate(-65.845588, -164.613971) "></path>
+                    <path d="M0,197.536765 L131.691176,197.536765 C131.691176,233.902279 102.211102,263.382353 65.8455882,263.382353 C29.480074,263.382353 0,233.902279 0,197.536765 Z" id="Combined-Shape-Copy-3" stroke="#FFFFFF" transform="translate(65.845588, 230.459559) scale(1, -1) translate(-65.845588, -230.459559) "></path>
+                    <path d="M512.674785,164.613971 L643.009143,164.613971 C643.009143,200.979485 613.832803,230.459559 577.841964,230.459559 C541.851125,230.459559 512.674785,200.979485 512.674785,164.613971 Z" id="Combined-Shape-Copy-4" fill-opacity="0.2" fill="#FFFFFF" transform="translate(577.841964, 197.536765) scale(-1, -1) rotate(90.000000) translate(-577.841964, -197.536765) "></path>
+                    <path d="M581.231053,164.613971 L711.565411,164.613971 C711.565411,200.979485 682.389072,230.459559 646.398232,230.459559 C610.407393,230.459559 581.231053,200.979485 581.231053,164.613971 Z" id="Combined-Shape-Copy-5" stroke="#FFFFFF" fill="#FFFFFF" transform="translate(646.398232, 197.536765) scale(-1, -1) rotate(90.000000) translate(-646.398232, -197.536765) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/content/about/contents+es.lr b/content/about/contents+es.lr
index de7aa12..0d6c58f 100644
--- a/content/about/contents+es.lr
+++ b/content/about/contents+es.lr
@@ -8,6 +8,3 @@ title: history
 ---
 body:
 
-The Tor Project, Inc, became a 501(c)3 nonprofit in 2006, but the idea of “onion routing” began in the mid 1990s.
-
-Just like Tor users, the developers, researchers, and funders who’ve made Tor possible are a diverse group of people. But all of the people who have been involved in Tor are united by a common belief: internet users should have private access to an uncensored web.
diff --git a/content/about/history/contents+es.lr b/content/about/history/contents+es.lr
index 147dbb2..b83f99c 100644
--- a/content/about/history/contents+es.lr
+++ b/content/about/history/contents+es.lr
@@ -14,18 +14,3 @@ In the 1990s, the lack of security on the internet and its ability to be used fo
 
 The goal of onion routing was to have a way to use the internet with as much privacy as possible, and the idea was to route traffic through multiple servers and encrypt it each step of the way. This is still a simple explanation for how Tor works today.
 
-In 2001, Roger Dingledine, then a student at MIT, adapted code from an undergraduate Cambridge student’s thesis and began referring to the project as Tor, which stood for The Onion Router. Nick Mathewson, also a student at MIT, became involved in Tor’s development around this time, too.
-
-In October 2003, Tor network was deployed, and Tor code was released under a free and open MIT license. In order for Tor to work optimally, everyone involved realized that not only does the Tor network need to be decentralized, it should also be maintained by a transparently operating entity with clear separation from its then stakeholders, and it needed to be free and open licensed. By the end of 2003, the network has about a dozen volunteer nodes, mostly in the US, plus one in Germany.
-
-Recognizing the benefit of Tor to digital rights, EFF became a fiscal sponsor of Tor in 2004. In 2006, the Tor Project, Inc., a 501(c)3 nonprofit organization, was founded to maintain Tor’s development.
-
-In 2007, the organization began developing bridges to the Tor network to address censorship, such as the need to get around government firewalls, in order for its users to access the open web.
-
-Tor began gaining popularity among activists and tech-savvy users interested in privacy, but it was still difficult for less-technically savvy people to use, so in 2009-2010, development of tools beyond just the Tor proxy began, including Tor Browser.
-
-The need for tools safeguarding against mass surveillance became a mainstream concern thanks to the Snowden revelations in 2013. Not only was Tor instrumental to Snowden’s whistleblowing, but content of the leaks also upheld assurances that Tor could not be cracked.
-
-People’s awareness of tracking, surveillance, and censorship may have increased, but so has the prevalence of these hindrances to internet freedom. We fight every day for everyone to have private access to an uncensored internet, and Tor has become the world’s strongest tool for privacy and freedom online.
-
-Now the network has thousands of relays and millions of users worldwide. The diversity of Tor users keeps it safe.
diff --git a/content/about/jobs/contents+es.lr b/content/about/jobs/contents+es.lr
index c88a206..47fbc3e 100644
--- a/content/about/jobs/contents+es.lr
+++ b/content/about/jobs/contents+es.lr
@@ -10,4 +10,3 @@ title: Jobs
 ---
 body:
 
-We’re always looking for more great people to join our team. Join us in our Seattle office or work remotely from wherever you are in the world. You’ll work with a diverse group of bright and passionate folks committed to fostering internet freedom worldwide.
diff --git a/templates/footer.html b/templates/footer.html
index 43174d7..e05ee23 100644
--- a/templates/footer.html
+++ b/templates/footer.html
@@ -1,9 +1,9 @@
 <div class="container-fluid bg-dark footer">
   <div class="row">
     <div class="col-12 d-flex justify-content-right">
-      <div class="container pt-5 justify-content-right">
+      <div class="container pt-5 justify-content-right onion-bg">
         <div class="offset-lx-2 offset-sm-4 mt-5">
-  	        <h3 class="text-white text-bold">Download Tor Browser</h3>
+  	        <h2 class="text-white text-bold">Download Tor Browser</h2>
             <p class="text-white">Download Tor Browser to experience real private browsing without tracking, surveillance, or censorship.</p>
             <a class="btn text-primary bg-white btn-light pull-right mt-2" href="https://www.torproject.org/download/download-easy.html.en">
               {{ _("Download Tor Browser") }}<span class="oi oi-arrow-bottom ml-2 p-1" title="icon arrow-bottom" aria-hidden="true"></span>
diff --git a/templates/header.html b/templates/header.html
index d4a91c9..fa3b6e7 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -11,10 +11,10 @@
     {% endif %}
       <div class="row">
         <div class="col-12 content-center pt-5">
-          <div class="row pt-5">
+          <div class="row">
             <h6 class="mx-auto text-white text-uppercase">{% block section %}{{ this.section }}{% endblock %}</h1>
           </div>
-          <div class="row pt-5">
+          <div class="row pb-5">
             <h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h1>
           </div>
         </div>
diff --git a/templates/hero.html b/templates/hero.html
index 44116f4..944dc3e 100644
--- a/templates/hero.html
+++ b/templates/hero.html
@@ -1,14 +1,14 @@
 <div class="container bg-dark pt-5">
   <div class="row">
     <div class="col-12 content-center pt-5">
-      <div class="row pt-5">
+      <div class="row">
         <h1 class="mx-auto display-2 text-white">Browse Privately.</h1>
       </div>
-      <div class="row pt-5">
+      <div class="row">
         <h1 class="mx-auto display-2 text-white">Explore Freely.</h1>
       </div>
-      <div class="row pt-5">
-        <h4 class="mx-auto defend text-white">Defend yourself against tracking and surveillance. Circumnvent censorship.</h1>
+      <div class="row">
+        <h1 class="mx-auto defend text-white">Defend yourself against tracking and surveillance. Circumnvent censorship.</h1>
       </div>
       <div class="row col-12 p-5 mx-auto justify-content-center">
         <a class="btn btn-lg btn-shadow text-white bg-dark" href="https://www.torproject.org/download/download-easy.html.en">





More information about the tor-commits mailing list