web: have colored initials for From

Add scaffolding for profile pics

web/index.html

@@ -11,8 +11,12 @@
   <link rel="icon" href="https://static.xinu.tv/favicon/letterbox.svg" />
   <!-- Pretty checkboxes from https://justboil.github.io/bulma-checkbox/ -->
   <link data-trunk rel="css" href="static/main.css" />
+  <!-- tall thin font for user icon -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">
   <style>
-    .message {
+    <style>.message {
       display: inline-block;
       padding: 0.5em;
       width: 100%;
@@ -151,8 +155,8 @@
     }
 
     .mobile .thread h3 {
-      padding: 1em 1em 0;
       overflow-wrap: break-word;
+      padding: 1em 1em 0;
     }
 
     .mobile .thread .tags {