[tor-commits] [bridgedb] 12/66: Simplify homepage cards, add images

[gitolite role]

This is an automated email from the git hooks/post-receive script.

meskio pushed a commit to branch main
in repository bridgedb.

commit 1961ba0f0ca5884f20d5a3bd800123857583c672
Author: kez <kez at torproject.org>
AuthorDate: Thu May 26 15:12:43 2022 -0700

    Simplify homepage cards, add images
---
 frontend/templates/home.html | 31 +++++++++++--------------------
 1 file changed, 11 insertions(+), 20 deletions(-)

diff --git a/frontend/templates/home.html b/frontend/templates/home.html
index b322352..e2f6ea5 100644
--- a/frontend/templates/home.html
+++ b/frontend/templates/home.html
@@ -1,25 +1,16 @@
-{% macro render_step(number, text, link) %}
-<section>
-  <div class="">
-    <div class="card border-0">
-      <div class="">
-        <div>
-          <div class="mt-3 mx-3">
-            <p class="m-0">{{ _("Step " + number|string) }}</p>
-            <h4 class="card-text">{{ _(text) }}</h4>
-            <div class="text-center pt-3 mb-3">
-                <a class="btn btn-primary" href="{{ link }}">{{ _(text) }}</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+{% macro render_step(number, text, link, image_name) %}
+<section class="p-20px card">
+  <p class="m-0">{{ _("Step " + number|string) }}</p>
+  <h4 class="card-text">{{ _(text) }}</h4>
+  <img src="{{ '/static/images/{}'.format(image_name) | asseturl }}">
+  <div class="text-center pt-3">
+    <a class="btn btn-primary w-100" href="{{ link }}">{{ _(text) }}</a>
   </div>
 </section>
 {% endmacro %}
 
-<div class="container pt-5 justify-content-center" id="bridgedb-steps-container">
-  {{ render_step(1, 'Download Tor Browser', 'https://www.torproject.org/projects/torbrowser.html') }}
-  {{ render_step(2, 'Get Bridges', '/options'|url) }}
-  {{ render_step(3, 'Add the Bridges', 'https://bridges.torproject.org/howto') }}
+<div class="container pt-5 d-flex justify-content-around" id="bridgedb-steps-container">
+  {{ render_step(1, 'Download Tor Browser', 'https://www.torproject.org/projects/torbrowser.html', 'download-tor-browser.png') }}
+  {{ render_step(2, 'Get Bridges', '/options'|url, 'get-bridges.png') }}
+  {{ render_step(3, 'Add the Bridges', 'https://bridges.torproject.org/howto', 'add-bridges.png') }}
 </div>

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.