This is an automated email from the git hooks/post-receive script.
meskio pushed a commit to branch main in repository bridgedb.
commit 8c04dbc3c45bea414d407515e2f43225c010ec4d Author: kez kez@torproject.org AuthorDate: Thu Jun 9 17:25:56 2022 -0700
Fix CSS on cards --- frontend/templates/home.html | 29 ++++++++++++++++------------- 1 file changed, 16 insertions(+), 13 deletions(-)
diff --git a/frontend/templates/home.html b/frontend/templates/home.html index 15b7495..d942c3b 100644 --- a/frontend/templates/home.html +++ b/frontend/templates/home.html @@ -1,22 +1,25 @@ {% 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> - <picture> - <source type="image/svg+xml" srcset="{{ '/static/images/{}.svg'.format(image_name) | asseturl }}"> - <img src="{{ '/static/images/{}.png'.format(image_name) | asseturl }}"> - </picture> - <img src=""> - <div class="text-center pt-3"> - <a class="btn btn-primary w-100" href="{{ link }}">{{ _(text) }}</a> +<div class="col-lg-4 col-md-6 col-sm-12 py-4"> + <div class="card h-100 p-2"> + <div class="card-body"> + <h2 class="card-title ">{{ _('Step ' + number|string) }}</h2> + <p class="card-text">{{ _(text) }}</p> + <div class=""> + <picture> + <source type="image/svg+xml" srcset="{{ '/static/images/{}.svg'.format(image_name) | asseturl }}"> + <img src="{{ '/static/images/{}.png'.format(image_name) | asseturl }}"> + </picture> + </div> + </div> + <a href="{{ link }}" class="btn btn-primary">{{ _(text) }}</a> </div> -</section> +</div> {% endmacro %}
-<div class="container pt-5 d-flex justify-content-around" id="bridgedb-steps-container"> +<section 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', 'bridges-download') }} {{ render_step(2, 'Get Bridges', '/options'|url, 'bridges-get') }} {{ render_step(3, 'Add the Bridges', '/howto'|url, 'bridges-add') }} -</div> +</section>
{% include 'support.jinja2' %}