Changeset 99989f9 in Klonkt for src/views/partials

Timestamp:

06/28/2026 04:57:19 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

201ec06

Parents:

74c5abc

Message:

feat(images): route all remaining avatars through avatar() (downscaled)

Wrap every avatar/profile-photo <img> src in avatar(): feed/comment/follow + nav, profile
header/sheet/bottom-tab, account, EPK hero, admin user list, site-edit preview. Local avatars
go through the thumb route, remote ones through the signed proxy. Covers (thumb()) untouched.

Location:

src/views/partials

Files:

• bottom-tab.ejs (modified) (1 diff)
• profile-header.ejs (modified) (2 diffs)
• profile-sheet.ejs (modified) (1 diff)
• topnav.ejs (modified) (2 diffs)

src/views/partials/bottom-tab.ejs

@@ -85 +85 @@
             aria-label="Profiel menu" aria-haspopup="dialog">
       <% if (user.avatar_url) { %>
-        <img class="bottom-tab-avatar bottom-tab-avatar-img" src="<%= user.avatar_url %>" alt="">
+        <img class="bottom-tab-avatar bottom-tab-avatar-img" src="<%= avatar(user.avatar_url, 128) %>" alt="">
       <% } else { %>
         <span class="bottom-tab-avatar"><%= user.username.charAt(0).toUpperCase() %></span>

src/views/partials/profile-header.ejs

@@ -44 +44 @@
     <button type="button" class="profile-photo" data-pf-summary aria-label="<%= _displayName || 'Profile' %>">
       <% if (_avatarUrl) { %>
-        <img src="<%= _avatarUrl %>" alt="">
+        <img src="<%= avatar(_avatarUrl, 320) %>" alt="">
       <% } else if (site.enable_audio_player && (typeof audioEnabled === 'undefined' || audioEnabled)) { %>
         <span class="profile-photo-fallback profile-photo-fallback--music" aria-hidden="true">
@@ -112 +112 @@
     <button type="button" class="pf-summary-close" aria-label="Sluiten">&times;</button>
     <% if (_avatarUrl) { %>
-      <img class="pf-summary-photo" src="<%= _avatarUrl %>" alt="">
+      <img class="pf-summary-photo" src="<%= avatar(_avatarUrl, 128) %>" alt="">
     <% } else { %>
       <div class="pf-summary-photo pf-summary-photo--ph" aria-hidden="true">

src/views/partials/profile-sheet.ejs

@@ -37 +37 @@
     <div class="profile-sheet-header">
       <% if (user.avatar_url) { %>
-        <img class="profile-sheet-avatar profile-sheet-avatar-img" src="<%= user.avatar_url %>" alt="" aria-hidden="true">
+        <img class="profile-sheet-avatar profile-sheet-avatar-img" src="<%= avatar(user.avatar_url, 128) %>" alt="" aria-hidden="true">
       <% } else { %>
         <div class="profile-sheet-avatar" aria-hidden="true"><%= user.username.charAt(0).toUpperCase() %></div>

src/views/partials/topnav.ejs

@@ -113 +113 @@
           <summary class="nav-btn user-toggle" aria-label="Gebruikersmenu">
             <% if (user.avatar_url) { %>
-              <img class="user-avatar user-avatar-img" src="<%= user.avatar_url %>" alt="">
+              <img class="user-avatar user-avatar-img" src="<%= avatar(user.avatar_url, 128) %>" alt="">
             <% } else { %>
               <span class="user-avatar"><%= user.username.charAt(0).toUpperCase() %></span>
@@ -121 +121 @@
             <div class="user-dropdown-header">
               <% if (user.avatar_url) { %>
-                <img class="udh-avatar" src="<%= user.avatar_url %>" alt="">
+                <img class="udh-avatar" src="<%= avatar(user.avatar_url, 128) %>" alt="">
               <% } else { %>
                 <span class="udh-avatar udh-avatar-fallback"><%= user.username.charAt(0).toUpperCase() %></span>