new contact info pic

Makefile

@@ -2,7 +2,7 @@ FONTS  = $(shell find fonts -type f)
 CSS    = base.css index.css where.css comms.css ANGELF~1.CSS
 PAGES  = index.html where.html comms.html ANGELF~1.HTM pubkey.txt
 MEDIA  = $(patsubst %,media/%, \
-    bg.png bg_2x.png bg_dim.png bg_2x_dim.png snugl.png \
+    bg.png bg_2x.png bg_dim.png bg_2x_dim.png kesi.png \
     mlem.gif mlem_static.png chitter.png lockpen.png \
     niss-nisse.mp3 niss-nisse.ogg \
     comm-examples.png \

where.css

@@ -2,7 +2,22 @@
 
 main { max-width: 1100px; }
 
-#headerpic { filter: drop-shadow(0 0 30px var(--glow-col)); }
+#headerpic {
+  position: relative;
+  width: min-content;
+  margin: auto;
+}
+
+#headerpic figcaption {
+  position: absolute;
+  bottom: 0.25em;
+  right: 0.5em;
+  font-style: italic;
+}
+
+#headerpic img {
+  filter: drop-shadow(0 0 30px var(--glow-col));
+}
 
 .contact {
   grid-template-columns: repeat(2, auto auto);

where.html

@@ -11,9 +11,15 @@
   <header>
     <h1>contact info</h1>
 
-    <a href=https://gallery.niss.website/main/niss/2022-01-01-snugl>
-      <img src=media/snugl.png alt='' id=headerpic>
-    </a>
+    <figure id=headerpic>
+      <a href=https://twitter.com/WeirdDragnThing/status/1545675144462422017>
+        <img src=media/kesi.png alt='kesi says hi'>
+      </a>
+      <figcaption>
+        art by
+        <a href=https://twitter.com/WeirdDragnThing>gray</a>
+      </figcaption>
+    </figure>
     <hr>
   </header>