added an intro to the guestbook

hosts/lab/templates/default.html

@@ -11,6 +11,14 @@
       margin-bottom: 1em;
     }
 
+    .guestbook-summary {
+      text-decoration: underline;
+    }
+
+    .guestbook-summary:hover {
+      color: var(--muted);
+    }
+
     .guestbook-label {
       display: block;
       font-style: oblique;
@@ -133,9 +141,11 @@
     <a href="/now/">now</a> ·
     <a href="/guestbook/">guestbook</a>
   </nav>
-  <details class="guestbook-details" style="margin-top: 0.5em">
-  <summary class="guestbook-summary">Leave an entry</summary>
-  {{form}}
+  <p>Thanks for visiting. I appreciate all of you who come to leave a message after stopping by. Any messages that do get left will show up as soon as I get the chance to click approve, which is generally pretty fast, as everything is forwarded to my phone.</p>
+  <p>HTML injection is possible and allowed as long as it isn't malicious. Expand the summary below for the submission form.</p>
+  <details class="guestbook-details">
+    <summary class="guestbook-summary">Leave an entry</summary>
+    {{form}}
   </details>
   <h1>Messages</h1>
   {{entries}}