Hello.
Save this as /usr/share/ssowat/portal/assets/themes/{YOUR_THEME}/custom_portal.js (or add it to that file if you already have one) and, assuming your theme doesn’t wildly deviate from the supplied ones then you will get a Gravatar in the SSO front end instead of the unchangeable little anonymous dude.
Enjoy!
/* Config section
*
* baseUrl should be one of:
* 'https://www.gravatar.com';
* 'https://seccdn.libravatar.org';
* or some self hosted libravatar equivalent. https://wiki.libravatar.org/running_your_own/
*
* defaultAvatar is an urlencoded address of a default image to use, e.g. https%3A%2F%2Fforum.yunohost.org%2Fuploads%2Fdefault%2Foriginal%2F2X%2Ff%2Ff59fe8e3ee6b100b4f574d30d6e30479c68b89f0.png
* ...or one of the following:
* 404 : return an HTTP 404 (File Not Found) response
* mp : (mystery-person) a simple, cartoon-style silhouetted outline of a person (does not vary by email hash)
* identicon : a geometric pattern based on an email hash
* monsterid : a generated "monster" with different colors, faces, etc
* wavatar : generated faces with differing features and backgrounds
* retro : "awesome" generated, 8-bit arcade-style pixelated faces
* robohash : a generated robot with different colors, faces, etc
* blank : (Gravatar only(?)) a transparent PNG image
* pagan : (Libravatar only) a weird little RPG guy
*/
const baseUrl = 'https://www.gravatar.com';
const defaultAvatar = 'mp';
const userMail = document.querySelector('.user-mail')
const email = userMail !== null ? userMail.innerText : ''
async function getSha256(string) {
const msgUint8 = new TextEncoder().encode(string); // encode as (utf-8) Uint8Array
const hashBuffer = await window.crypto.subtle.digest("SHA-256", msgUint8); // hash it
const hashArray = Array.from(new Uint8Array(hashBuffer)); // convert buffer to byte array
const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join(""); // convert bytes to hex string
return hashHex;
}
if (email !== null) {
getSha256(email).then((digestHex) =>
document.styleSheets[0].insertRule(".user-container::before { \
background: rgba(0,0,0,.5) url('"+baseUrl+"/avatar/"+digestHex+".jpg?d="+defaultAvatar+"') center !important; \
content: '\\00a0\\00a0' !important; \
}", 0)
);
}