From c83c38ba91e76f4af6d4d21e803357ad0a18ac8d Mon Sep 17 00:00:00 2001
From: glendc <glen.decauwsemaecker@otainsight.com>
Date: Tue, 24 Oct 2023 09:17:55 +0200
Subject: [PATCH] add some more text to site to clarify things

---
 static/css/style.css                   |  4 ++++
 templates/content/link.html            |  9 +++++++++
 templates/content/login.html           | 22 ++++++++++++++++++++++
 templates/content/shared/link_nav.html |  2 +-
 4 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 5e3291e..a76a29a 100644
--- a/static/css/style.css
+++ b/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;
diff --git a/templates/content/link.html b/templates/content/link.html
index 9836fe2..1fe8d92 100644
--- a/templates/content/link.html
+++ b/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;">
diff --git a/templates/content/login.html b/templates/content/login.html
index eba7c7e..19f7c9a 100644
--- a/templates/content/login.html
+++ b/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 %}
diff --git a/templates/content/shared/link_nav.html b/templates/content/shared/link_nav.html
index 66e7c62..8e68753 100644
--- a/templates/content/shared/link_nav.html
+++ b/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>