From: Michael Tremer <michael.tremer@ipfire.org>
Date: Thu, 13 Feb 2025 21:01:25 +0000 (+0000)
Subject: users: Add a srcset= attribute to avatars
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=0e95577951ed11098742eb7fccf46a90ac28c682;p=pbs.git

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 90760ed9..52447c29 100644
--- 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 4c4b6c35..6c718f53 100644
--- 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 2fa7475a..42aec96e 100644
--- 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 140c1fd1..698838c2 100644
--- 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 d9b43fb5..fe1fdcea 100644
--- 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) %}