[tor-commits] [bridgedb] 39/66: Use SVG illustrations

[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 1102b1f6040cc573c0570acf0710c8de47e8d1a5
Author: kez <kez at 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' %}

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