[tor-commits] [tpo/staging] Update download.html

antonela at torproject.org antonela at torproject.org
Thu Dec 5 18:15:10 UTC 2019


commit 4d29cfb29567f5ff3eea78992e6068f5fc24801a
Author: Antonela <hola at antonela.me>
Date:   Thu Dec 5 15:14:50 2019 -0300

    Update download.html
    
    I'm adding the minimal navbar and also a CTA to each platform.
    
    To-do:
    - replace the navbar for nav-min
    - fix the caps at the platforms name
---
 templates/hero-download.html | 22 +++++++++++++---------
 templates/navbar-min.html    | 19 +++++++++++++++++++
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/templates/hero-download.html b/templates/hero-download.html
index a13fb08..e142ecb 100644
--- a/templates/hero-download.html
+++ b/templates/hero-download.html
@@ -7,7 +7,7 @@
 <div class="row p-5 mx-auto">
   {% for id, item in bag('platforms').items() %}
     <div class="col-sm-6 col-md-3 py-3">
-      <div class="oval-2 bg-darker mx-auto">
+      <div class="oval-2 bg-darker">
         {% set alt_l = alt %}
         {% set t = bag('versions', 'torbrowser-stable') %}
         {% set download_prefix = '/dist/torbrowser/' + t.version + '/' %}
@@ -29,23 +29,27 @@
         <a class="downloadLink" href="{{ download_link }}">
           <i class="text-light fab fa-{{ id }}-png"></i>
         </a>
-        <p><small class="float-left"><a class="btn btn-primary btn-sm nick mx-5 my-4" href="{{ sig_link }}">sig</a></small></p>
+        <a class="btn btn-primary mt-4" href="{{ download_link }}">{{ _('Download for') }} {{ id }}</a>
+        <a class="link" href="{{ sig_link }}"><span class="nick text-white">{{ _('Signature') }}</span></a>
       </div>
     </div>
-  {% endfor %}
-  <div class="col-sm-6 col-md-3 py-3">
-    <div class="oval-2 bg-darker mx-auto">
-      <a href="#android">
-        <i class="text-light fab fa-android-png"></i>
-      </a>
+    {% endfor %}
+    <div class="col-sm-6 col-md-3 py-3">
+      <div class="oval-2 bg-darker mx-auto">
+        <a href="#android">
+          <i class="text-light fab fa-android-png"></i>
+        </a>
+        <a class="btn btn-primary mt-4" href="#android">{{ _('Download for Android') }}</a>
+      </div>
     </div>
-  </div>
 </div>
+
 <div class="row p-5">
   <a class="mx-auto text-white py-3 text-center" href="{{ 'languages'|url(alt=this.alt) }}"><u>{{ _('Download in another language or platform') }}</u></a>
   <a class="mx-auto text-white py-3 text-center" href="{{ 'alpha'|url(alt=this.alt) }}"><u>{{ _('Download the latest alpha build') }}</u></a>
   <a class="mx-auto text-white py-3 text-center" href="{{ 'tor'|url(alt=this.alt) }}"><u>{{ _('Download Tor Source Code') }}</u></a>
 </div>
+
 <div class="hidden-sm row p-md-5 justify-content-center window-bg">
   <a class="mx-auto text-white text-center py-md-5" href="https://blog.torproject.org/category/tags/tor-browser"><u>{{ _('Read the latest release announcements') }}</u></a>
 </div>
diff --git a/templates/navbar-min.html b/templates/navbar-min.html
new file mode 100644
index 0000000..f9d2bc7
--- /dev/null
+++ b/templates/navbar-min.html
@@ -0,0 +1,19 @@
+{% if not this.color %}
+<div class="container-fluid bg-primary">
+  <nav class="navbar no-background navbar-expand-lg navbar-dark bg-primary p-2">
+{% elif this.color == 'primary' %}
+<div class="container-fluid bg-primary">
+  <nav class="navbar no-background navbar-expand-lg navbar-dark bg-primary p-2">
+{% else %}
+<div class="container-fluid bg-dark">
+  <nav class="navbar no-background navbar-expand-lg navbar-dark bg-dark p-2">
+{% endif %}
+
+    <a class="navbar-brand" href="{{ '/'|url(alt=this.alt) }}">
+      <img alt="{{ 'The Tor Project' }}" src="{{ '/static/images/tor-logo at 2x.png'|asseturl }}" >
+      <span class="sr-only">Tor Logo</span>
+    </a>
+
+    </div>
+  </nav>
+</div>



More information about the tor-commits mailing list