[tor-commits] [community/staging] Add images and links

[pili at torproject.org]

commit 940c8e790e4ef05e3ba8407c0312c214757a6ef3
Author: Pili Guerra <pili at piliguerra.com>
Date:   Thu May 30 12:13:07 2019 +0200

    Add images and links
---
 assets/static/images/home/png/onion-services.png | Bin 0 -> 164556 bytes
 content/onion-services/overview/contents.lr      |   6 ++----
 templates/onion-services.html                    |  10 ++++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/assets/static/images/home/png/onion-services.png b/assets/static/images/home/png/onion-services.png
new file mode 100644
index 0000000..a00ac04
Binary files /dev/null and b/assets/static/images/home/png/onion-services.png differ
diff --git a/content/onion-services/overview/contents.lr b/content/onion-services/overview/contents.lr
index f951e27..9daf496 100644
--- a/content/onion-services/overview/contents.lr
+++ b/content/onion-services/overview/contents.lr
@@ -4,21 +4,19 @@ section_id: onion-services
 ---
 color: primary
 ---
-image: cloud-upload-alt
----
 _template: layout.html
 ---
 title: How do .onion Services work?
 ---
 subtitle: Learn how .onion services work.
 ---
-key: 1
+key: 0
 ---
 html: onion-services.html
 ---
 body:
 
-
+Onion services are services that can only be accessed over Tor. Running an onion service gives your users all the security of HTTPS with the added privacy benefits of Tor Browser.
 
 ## Why onion services?
 
diff --git a/templates/onion-services.html b/templates/onion-services.html
index c9bc3b5..40e283a 100644
--- a/templates/onion-services.html
+++ b/templates/onion-services.html
@@ -5,12 +5,14 @@
       {{ this.body }}
     </div>
     <div class="col-4 bg-light">
-      <p>Illustration area</p>
+      <div class="illo-container">
+        <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ this.section }}" />
+      </div>
     </div>
   </div>
-  <h2 class="text-primary"><u>{{ _('Learn more about onion services here') }}
+  <a href="{{ this.path|url }}overview/"><h2 class="text-primary"><u>{{ _('Learn more about onion services here') }}
     <i class="fas fa-arrow-right"></i></u>
-  </h2>
+  </h2></a>
   <div class="row py-5">
     {% for child in this.children|sort(attribute='key') %}
       <div class="col-sm-6 col-md-6 col-sm-12 col-xl-6 py-4">
@@ -19,7 +21,7 @@
             <h2 class="text-primary display-2"><i class="fas fa-{{ child.image }}"></i></h2>
             <h4 class="card-title text-primary">{{ child.title }}</h4>
             <p class="card-text">{{ child.subtitle }}</p>
-            <a href="{{ this.path }}">Call to action <i class="fas fa-arrow-right"></i></a>
+            <a href="{{ child.path|url }}">Call to action <i class="fas fa-arrow-right"></i></a>
           </div>
         </div>
       </div>