From 8304c4de85f0a70f38a2fe400ce5e8d29cbfe82d Mon Sep 17 00:00:00 2001
From: phil <uniphil@gmail.com>
Date: Fri, 4 Jul 2025 13:47:43 -0400
Subject: [PATCH] explain

---
 who-am-i/static/style.css    | 12 ++++++++++++
 who-am-i/templates/hello.hbs |  8 +++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/who-am-i/static/style.css b/who-am-i/static/style.css
index 6f42348..89f0fa4 100644
--- a/who-am-i/static/style.css
+++ b/who-am-i/static/style.css
@@ -60,6 +60,15 @@ main {
   max-width: 21rem;
 }
 
+.explain {
+  border-bottom: 1px dashed #888;
+  margin-bottom: 1rem;
+  padding-bottom: 2rem;
+}
+.explain p {
+  text-align: left;
+}
+
 #error-message {
   font-size: 0.8rem;
   color: #a31;
@@ -77,6 +86,9 @@ p {
 p.detail {
   font-size: 0.8rem;
 }
+p.detail.no {
+  font-style: italic;
+}
 .parent-host {
   font-weight: bold;
   color: #48c;
diff --git a/who-am-i/templates/hello.hbs b/who-am-i/templates/hello.hbs
index 1009eeb..5d62822 100644
--- a/who-am-i/templates/hello.hbs
+++ b/who-am-i/templates/hello.hbs
@@ -2,7 +2,9 @@
 
 {{#*inline "main"}}
 <div class="mini-content">
-  This is a little identity-verifying service for microcosm demos.
+  <div class="explain">
+    <p>This is a little identity-verifying service for microcosm demos.</p>
+  </div>
 
   {{#if did}}
     <p id="error-message" class="hidden"></p>
@@ -68,6 +70,10 @@
         return info.handle;
       }
     </script>
+  {{else}}
+    <p id="prompt" class="detail no">
+      No identity connected.
+    </p>
   {{/if}}
 </div>
 {{/inline}}
-- 
2.51.2