This is an automated email from the git hooks/post-receive script.
meskio pushed a commit to branch main in repository bridgedb.
commit 1102b1f6040cc573c0570acf0710c8de47e8d1a5 Author: kez kez@torproject.org AuthorDate: Thu Jun 9 17:16:30 2022 -0700
Use SVG illustrations --- .../static/images/{add-bridges.png => bridges-add.png} | Bin frontend/assets/static/images/bridges-add.svg | 1 + .../{download-tor-browser.png => bridges-download.png} | Bin frontend/assets/static/images/bridges-download.svg | 1 + .../static/images/{get-bridges.png => bridges-get.png} | Bin frontend/assets/static/images/bridges-get.svg | 1 + frontend/templates/home.html | 12 ++++++++---- 7 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/frontend/assets/static/images/add-bridges.png b/frontend/assets/static/images/bridges-add.png similarity index 100% rename from frontend/assets/static/images/add-bridges.png rename to frontend/assets/static/images/bridges-add.png diff --git a/frontend/assets/static/images/bridges-add.svg b/frontend/assets/static/images/bridges-add.svg new file mode 100644 index 0000000..92ca226 --- /dev/null +++ b/frontend/assets/static/images/bridges-add.svg @@ -0,0 +1 @@ +<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><defs><style>.b{stroke-width:1.7px;}.b,.c,.d{fill:#fed916;}.b,.d{stroke:#fed916;}.e{fill:#7d4698;}.f,.g{fill:#dcf4ef;}.h{fill:#60d2c0;}.i{stroke-width:4.2px;}.i,.j,.k{fill:none;stroke:#240a3b;stroke-linecap:round;stroke-miterlimit:10;}.j{stroke-width:4px;}.k{stroke-width:4px;}.d{stroke-width:2.5px;}.g{fill-rule:evenodd;}</style></defs><path class="c" d="M107.1,160.2c68,1,68-105.8,0- [...] \ No newline at end of file diff --git a/frontend/assets/static/images/download-tor-browser.png b/frontend/assets/static/images/bridges-download.png similarity index 100% rename from frontend/assets/static/images/download-tor-browser.png rename to frontend/assets/static/images/bridges-download.png diff --git a/frontend/assets/static/images/bridges-download.svg b/frontend/assets/static/images/bridges-download.svg new file mode 100644 index 0000000..6923741 --- /dev/null +++ b/frontend/assets/static/images/bridges-download.svg @@ -0,0 +1 @@ +<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><defs><style>.b{fill:#fff}.c{fill:#fed916}.f{fill:#cf63a6}.g{fill:#dcf4ef}.h{fill:#240a3b}</style></defs><path class="f" d="M270.6 165.1c25.1 77.7-157.9 105.3-227.7 39.1-78-135.9 194-201.2 227.7-39.1Z"/><path class="f" d="M265.9 204.3c-.6.9-1.2 1.7-1.8 2.4-.6.7-1.2 1.4-1.7 1.9-1 1.2-2 2.1-2.7 2.8-1.5 1.5-2.3 2.2-2.6 2.4-.3.2 0 0 .7-.7l1.3-1.2c.5-.5 1-1.1 1.6-1.7 2.4-2.5 5.3-6.1 7.4-9.6 2.2-3.4 3.4-6.6 4-7.3-.6 1.6-1.8 4 [...] \ No newline at end of file diff --git a/frontend/assets/static/images/get-bridges.png b/frontend/assets/static/images/bridges-get.png similarity index 100% rename from frontend/assets/static/images/get-bridges.png rename to frontend/assets/static/images/bridges-get.png diff --git a/frontend/assets/static/images/bridges-get.svg b/frontend/assets/static/images/bridges-get.svg new file mode 100644 index 0000000..8f8422e --- /dev/null +++ b/frontend/assets/static/images/bridges-get.svg @@ -0,0 +1 @@ +<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><defs><style>.b{stroke-width:.8px;}.b,.c,.d,.e,.f,.g,.h,.i,.j{stroke-miterlimit:10;}.b,.c,.k,.l,.e,.f,.m,.g,.n,.i,.o,.p{fill:none;stroke-linecap:round;}.b,.c,.e,.f,.g,.i{stroke:#240a3b;}.c{stroke-width:1.5px;}.q{fill:#7d4698;}.r{fill:#dcf4ef;}.s{fill:#24093b;}.t{fill:#6fc8b7;}.d{fill:#cf63a6;stroke:#cf63a6;stroke-width:.3px;}.k{stroke-width:.5px;}.k,.l,.m,.n,.o,.p{stroke:#24093b;str [...] \ No newline at end of file diff --git a/frontend/templates/home.html b/frontend/templates/home.html index 87cdacb..15b7495 100644 --- a/frontend/templates/home.html +++ b/frontend/templates/home.html @@ -2,7 +2,11 @@ <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 }}"> + <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> @@ -10,9 +14,9 @@ {% endmacro %}
<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', '/howto'|url, 'add-bridges.png') }} + {{ 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>
{% include 'support.jinja2' %}