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@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>