html/basics/default.nix


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

{ html, data, lib, ... }:

let
  basics = data.basics;
  col = html.div {
    class = "col";
    style = "align-self: center";
  };
  center = container: content:
    container { style = "text-align: center"; } content;
  icon-lab = name: html.icon "lab la-${name}";
in {
  title = "About me";
  priority = 0;
  body = with html;
    with data.basics;
    lines [
      br
      (div { class = "row"; } [
        (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%;
              margin: auto;
              display: block;
            '';
          })
          (center h3 name)
          (center p (with institution; [ position br "@ ${href url name}" ]))
        ])
        (col (dl [
          (dt "${icon "las la-at"} e-mail")
          (dd (for email
            (email: "${mailto email.address} (${email.name}) ${br}")))
          (dt "${icon "las la-key"} keys")
          (dd (for keys.pgp (name: path: href path name)))
          (dt "${icon "las la-map-marker"} address")
          (dd (with location; ''
            ${number} ${street}${br}
             ${postalCode} ${city}
          ''))
          (dt "${icon "las la-globe"} online")
          (dd (for profiles (name: value:
            with value;
            "${icon-lab icon} ${
              if value ? url then
                href url name
              else
                "${name}: ${
                  lines (for profiles (name: value:
                    with value;
                    "${icon-lab icon} ${href url name}"))
                } ${br}"
            }")))
        ]))
      ])
      description
    ];
}