users: Add a srcset= attribute to avatars

This way, browsers can choose which resolution they want to download.

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/bugs/macros.html b/src/templates/bugs/macros.html
index 90760ed9090c15259fcf0d0462f5b678f4f39803..52447c294e8889fd46716a7e35424c663eb78560 100644 (file)
--- a/src/templates/bugs/macros.html
+++ b/src/templates/bugs/macros.html
@@ -26,7 +26,7 @@
                        <div class="media-left">
                                <p class="image is-48x48">
                                        {% if bug.creator %}
-                                               {{ Avatar(bug.creator, size=96) }}
+                                               {{ Avatar(bug.creator, size=48) }}
                                        {% endif %}
                                </p>
                        </div>

diff --git a/src/templates/builds/macros.html b/src/templates/builds/macros.html
index 4c4b6c3542774edba98e62deeca7e406ba976dcb..6c718f535193c532642666f5bac9c0e85c8be665 100644 (file)
--- a/src/templates/builds/macros.html
+++ b/src/templates/builds/macros.html
@@ -57,7 +57,7 @@
                                                                {% if build.is_scratch() %}
                                                                        <span class="level-item">
                                                                                <figure class="image is-24x24">
-                                                                                       {{ Avatar(build.owner, size=48) }}
+                                                                                       {{ Avatar(build.owner, size=24) }}
                                                                                </figure>
                                                                        </span>
                                                                {% endif %}
@@ -267,7 +267,7 @@
                                {% for watcher in watchers | sort %}
                                        <a class="level-item" href="/users/{{ watcher.user.name }}" title="{{ watcher.user }}">
                                                <figure class="image is-32x32">
-                                                       {{ Avatar(watcher.user, size=64) }}
+                                                       {{ Avatar(watcher.user, size=32) }}
                                                </figure>
                                        </a>
                                {% endfor %}

diff --git a/src/templates/events/macros.html b/src/templates/events/macros.html
index 2fa7475a1ed5bddee2e06f8bdbe73e77029240ee..42aec96ee2c715c0327e99798f1627198a9cd838 100644 (file)
--- a/src/templates/events/macros.html
+++ b/src/templates/events/macros.html
@@ -37,7 +37,7 @@
                {% if event.user %}
                        <div class="media-left">
                                <p class="image is-64x64">
-                                       {{ Avatar(event.user) }}
+                                       {{ Avatar(event.user, size=64) }}
                                </p>
                        </div>
                {% else %}

diff --git a/src/templates/jobs/macros.html b/src/templates/jobs/macros.html
index 140c1fd1e8af3cbb337d2ecb62d675f4a5431f96..698838c2c84211525f0097c34f53874875c445ed 100644 (file)
--- a/src/templates/jobs/macros.html
+++ b/src/templates/jobs/macros.html
@@ -231,7 +231,7 @@
                                                                <span class="level-item">
                                                                        <a href="{{ job.build.owner.link }}">
                                                                                <figure class="image is-24x24">
-                                                                                       {{ Avatar(job.build.owner, size=48) }}
+                                                                                       {{ Avatar(job.build.owner, size=24) }}
                                                                                </figure>
                                                                        </a>
                                                                </span>

diff --git a/src/templates/users/macros.html b/src/templates/users/macros.html
index d9b43fb5a4104a615d8c0d77c7ac758aee39a672..fe1fdceabb8930856e1beea071567f52426f681a 100644 (file)
--- a/src/templates/users/macros.html
+++ b/src/templates/users/macros.html
@@ -20,7 +20,9 @@
 
 {% macro Avatar(user, size=256) %}
        <img class="is-rounded"
-               src="{{ user | avatar_url(size) }}" alt="{{ user }}">
+               src="{{ user | avatar_url(size) }}"
+               srcset="{{ user | avatar_url(size * 2) }} 2x, {{ user | avatar_url(size * 3) }} 3x"
+               alt="{{ user }}">
 {% endmacro %}
 
 {% macro LinkToUser(user=None, email=None) %}