[tor-commits] [tpo/staging] ui review, content

[hiro at torproject.org]

commit ad715b71f5bc78daf5ad59ca09a3a6204344f6aa
Author: Antonela <hola at antonela.me>
Date:   Thu Feb 7 17:09:07 2019 +0200

    ui review, content
---
 templates/download.html        | 21 ++++++++++++++++-----
 templates/hero-download.html   | 10 +++++-----
 templates/macros/people.html   |  4 ++--
 templates/macros/sponsors.html |  2 +-
 4 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/templates/download.html b/templates/download.html
index ec4506e..0411415 100644
--- a/templates/download.html
+++ b/templates/download.html
@@ -1,6 +1,6 @@
 <div class="container py-3">
   <div class="row">
-    <div class="col-6">
+    <div class="col-sm-6">
       <div class="col-md-4 order-1">
         <div class="oval-2"></div>
       </div>
@@ -12,7 +12,7 @@
               <p class="text-tpo">{{ _("If Tor is not censored, one of the most common reasons Tor won’t connect is an incorrect system clock. Please make sure it’s set correctly. Read other FAQ’s at our <a href=\"https://support.torproject.org\"><u>Support Portal</u></a>.")|safe }}</p>
       </div>
     </div>
-    <div class="col-6">
+    <div class="col-sm-6">
       <div class="col-md-4 order-1">
         <div class="oval-2"></div>
       </div>
@@ -27,11 +27,22 @@
     </div>
   </div>
 </div>
-<div class="container py-3">
+<div class="container">
   <div class="row border-bottom border-light"><p></p></div>
 </div>
-<div class="container py-3 justify-content-center">
-  <div class="row p-3 justify-content-center">
+<div class="container justify-content-center mt-4">
+  <div class="row justify-content-center">
     <i class="far fa-file-alt display-5 text-primary pr-3"></i><p class="text-primary text-tpo">Check out the <a class="mx-auto" href="https://manual.torproject.org" target="_blank"><u>manual</u></a> for more troubleshooting tips.</p>
   </div>
 </div>
+<div class="container">
+  <div class="row border-bottom border-light"><p></p></div>
+</div>
+<div class="container justify-content-center mt-4">
+  <div class="row justify-content-center">
+    <i class="fas fa-signature display-5 text-primary pr-3"></i><p class="text-primary text-tpo">Verify Tor Browser signature <a class="mx-auto" href="https://support.torproject.org/how-to-verify-signature" target="_blank"><u>here</u></a>.</p>
+  </div>
+</div>
+<div class="container">
+  <div class="row border-bottom border-light"><p></p></div>
+</div>
diff --git a/templates/hero-download.html b/templates/hero-download.html
index 727520e..c3ab624 100644
--- a/templates/hero-download.html
+++ b/templates/hero-download.html
@@ -6,7 +6,7 @@
 </div>
 <div class="row p-5 mx-auto">
   {% for id, item in bag('platforms+' + this.alt).items() %}
-    <div class="col-3">
+    <div class="col-sm-6 col-md-3 py-3">
       <div class="oval-2 bg-darker mx-auto">
         {% set t = bag('versions', 'torbrowser-stable') %}
         {% set download_prefix = 'https://www.torproject.org/dist/torbrowser/' + t.version + '/' %}
@@ -29,10 +29,10 @@
     </div>
   {% endfor %}
 </div>
-<div class="row">
-  <a class="mx-auto text-white p-5" href="{{ 'languages'|url }}"><u>Download in another language</u></a>
-  <a class="mx-auto text-white p-5" href="{{ 'options'|url }}"><u>Advanced Install Options</u></a>
+<div class="row p-5">
+  <a class="mx-auto text-white py-3" href="{{ 'languages'|url }}"><u>Download in another language</u></a>
+  <a class="mx-auto text-white py-3" href="{{ 'options'|url }}"><u>Advanced Install Options</u></a>
 </div>
-<div class="row p-5 justify-content-center window-bg">
+<div class="hidden-sm row p-5 justify-content-center window-bg">
   <a class="mx-auto text-white p-5" href=""><u>Read the latest release announcements</u></a>
 </div>
diff --git a/templates/macros/people.html b/templates/macros/people.html
index 1e1c3e2..3f06507 100644
--- a/templates/macros/people.html
+++ b/templates/macros/people.html
@@ -1,5 +1,5 @@
 {% macro render_board(item, alternative) %}
-  <div class="col-3 my-4">
+  <div class="col-md-4 col-xl-3 my-4">
     <div class="card h-100 my-2">
       <div class="card-body">
         <h5 class="card-title human-name">{{ item.name }}</h5>
@@ -12,7 +12,7 @@
 {% endmacro %}
 
 {% macro render_core(item, alternative) %}
-  <div class="col-2 my-3">
+  <div class="col-md-3 col-xl-2 my-3">
   <div class="card h-100">
     <div class="card-body">
       <h5 class="card-title human-name human-name-small">{{ item.name }}{% if item.pronoun %} <small class="nick text-primary">{{ item.pronoun }}</small>{% endif %}</h5>
diff --git a/templates/macros/sponsors.html b/templates/macros/sponsors.html
index d49f33c..377ca15 100644
--- a/templates/macros/sponsors.html
+++ b/templates/macros/sponsors.html
@@ -1,5 +1,5 @@
 {% macro render_active(item, alternative) %}
-<div class="col-3 my-2">
+<div class="col-md-4 col-xl-3 my-2">
 <div class="card border-1 h-100">
   <img class="card-img-top" src="{{ item.logo|asseturl }}" alt="Card image cap">
   <div class="card-body">