add some more text to site to clarify things

static/css/style.css

@@ -17,6 +17,10 @@ button:hover, .\<button\>:hover, input[type=submit]:hover {
     cursor: pointer;
 }
 
+.table div p {
+    padding: calc(var(--gap)*0.2);
+}
+
 /* Light Mode */
 :root {
     --bg: #F1FAEE;

templates/content/link.html

@@ -1,6 +1,15 @@
 {% extends "base.html" %}
 {% block content %}
 {% include "content/shared/link_nav.html" %}
+<div class="table rows spacious">
+    <div>
+        <p>
+            Shortlinks are a way to shorten long URLs.
+            On this page you can create a shortlink or manage your existing ones.
+            Shortlinks can be used by anyone, and require no authentication.
+        </p>
+    </div>
+</div>
 <div class="box" style="width: 100%">
     <strong class="block titlebar">🔗 New Shortlink</strong>
     <form action="/link" method="post" style="margin: 10px 0 0 0; padding: 10px;">

templates/content/login.html

@@ -1,5 +1,20 @@
 {% extends "base.html" %}
 {% block content %}
+<div class="table rows spacious">
+    <div>
+        <p>
+            bckt.xyz is a URL shortener and secret sharing service.
+            Shortlinks and secrets can be shared with anyone, and require no login to this platform.
+            However, in order to create shortlinks or secrets, you must login using a magic link below.
+        </p>
+    </div>
+    <div>
+        <p>
+            Magic links are sent to your email address, and are valid for 1 hour.
+            Once used they log you in for up to 1 week and allow you to create shortlinks and secrets.
+        </p>
+    </div>
+</div>
 <div class="box" style="width: 100%">
     <strong class="block titlebar">⎆login using a magic link</strong>
     <form action="/login" method="post" style="margin: 10px 0 0 0; padding: 10px;">
@@ -24,4 +39,11 @@
         </p>
     </form>
 </div>
+<div class="box info">
+    <strong class="block titlebar">🔒 Private Platform</strong>
+    <p>
+        Only authorized email addreses can login using magic links.
+        This is a privelage reserved for friends of <a href="/author" hx-boost="false">Plabayo</a>.
+    </p>
+</div>
 {% endblock %}

templates/content/shared/link_nav.html

@@ -1,7 +1,7 @@
 <div class="container crowded">
     <h3>shortlinks by <code>{{ email }}</code></h1>
     <section class="tool-bar">
-        <a href="/" class="<button>">↩ go back</a>
         <a href="/logout" class="<button> bad">👋 Logout</a>
+        <a href="/" class="<button>">↩ go back</a>
     </section>
 </div>