From 3229cdeb36992f429a4cba6c0e0f0c0fb38db527 Mon Sep 17 00:00:00 2001
From: Quentin Aristote <quentin@aristote.fr>
Date: Wed, 16 Nov 2022 23:05:51 +0100
Subject: adapt avatar size to screen

---
 html/basics/default.nix | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'html/basics')

diff --git a/html/basics/default.nix b/html/basics/default.nix
index 1490529..ce15589 100644
--- a/html/basics/default.nix
+++ b/html/basics/default.nix
@@ -1,4 +1,4 @@
-{ html, data, ... }:
+{ html, data, lib, ... }:
 
 let
   basics = data.basics;
@@ -20,7 +20,17 @@ in {
         (col [
           (imgWith {
             src = avatar;
+            srcset = lib.concatStringsSep ", "
+              (builtins.map (size: "${avatar}.${size} ${size}w") [
+                "128"
+                "256"
+                "512"
+              ] ++ [ "${avatar} 934w" ]);
+            sizes = "(max-width: 480px) 60vw, 30vw";
+            loading = "lazy";
+            alt = "Quentin Aristote";
             style = ''
+              aspect-ratio: 1 / 1;
               border-radius: 50%;
               padding-left: 20%;
               padding-right: 20%;
-- 
cgit v1.2.3