web: use favicon for avatar when viewing a post

web/src/view/mod.rs

@@ -575,9 +575,9 @@ fn render_closed_header(msg: &ShowThreadQueryThreadOnEmailThreadMessages) -> Nod
                         addr.as_ref().map(|addr| attrs! {
                             At::Title => addr
                         }),
-                            if i > 0 { ", " } else { "" },
+                        if i > 0 { ", " } else { "" },
                         name.as_ref().unwrap_or_else(|| addr.as_ref().unwrap_or(&unknown))
-                        ]
+                    ]
                 })
             ])
         ],
@@ -1101,9 +1101,26 @@ fn render_news_post_header(post: &ShowThreadQueryThreadOnNewsPost) -> Node<Msg>
     let is_unread = !post.is_read;
     // TODO: use https://www.google.com/s2/favicons?domain={domain}
     let avatar = render_avatar(avatar, &from, true);
+    let domain = &post.url;
+    let favicon = div![
+        C![
+            "w-16",
+            "h-16",
+            "text-4xl",
+            "[text-shadow:_0_1px_0_rgb(0_0_0_/_40%)]",
+            "font-extrabold",
+            "grid",
+            "place-content-center",
+            "uppercase"
+        ],
+        img![
+            C!["object-cover", "w-16", "h-16",],
+            attrs! {At::Src=>format!("https://www.google.com/s2/favicons?sz=64&domain={domain}")}
+        ],
+    ];
     div![
         C!["flex", "p-4"],
-        div![avatar],
+        div![favicon],
         div![
             C!["px-4", "mr-auto"],
             div![