From b26300709f8512f767b9505a2bd6ae83b16906d3 Mon Sep 17 00:00:00 2001
From: Daniele Tonon <tonon@vitamino.it>
Date: Sat, 4 Nov 2023 17:13:08 +0100
Subject: [PATCH] Move last notest to an <aside> to de-prioritize indexing

---
 templates/profile.html | 59 ++++++++++++++++++----------------
 templates/relay.html   | 73 ++++++++++++++++++++++--------------------
 2 files changed, 70 insertions(+), 62 deletions(-)

diff --git a/templates/profile.html b/templates/profile.html
index 1b60e69..2c02211 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -129,37 +129,40 @@
           {{template "details" .DetailsPartial}}
 
           <!---->
-
           {{if not (eq 0 (len .LastNotes))}}
-          <div
-            class="-ml-4 mb-6 h-1.5 w-1/3 bg-zinc-100 dark:bg-zinc-700 sm:-ml-2.5"
-          ></div>
-          <nav class="mb-6 leading-5">
-            <h2 class="text-2xl text-strongpink">Last Notes</h2>
-            {{range $i, $ee := .LastNotes}}
-            <a
-              class="my-8 block no-underline hover:-ml-6 hover:border-l-05rem hover:border-solid hover:border-l-gray-100 hover:pl-4 dark:hover:border-l-zinc-700"
-              href="/{{$ee.Nevent}}"
-            >
-              <div
-                class="-ml-2.5 mb-1.5 flex flex-row flex-wrap border-b-4 border-solid border-b-gray-100 pb-1 pl-2.5 dark:border-b-neutral-800"
+          <aside>
+            <div
+              class="-ml-4 mb-6 h-1.5 w-1/3 bg-zinc-100 dark:bg-zinc-700 sm:-ml-2.5"
+            ></div>
+            <nav class="mb-6 leading-5">
+              <h2 class="text-2xl text-strongpink">Last Notes</h2>
+              {{range $i, $ee := .LastNotes}}
+              <a
+                class="my-8 block no-underline hover:-ml-6 hover:border-l-05rem hover:border-solid hover:border-l-gray-100 hover:pl-4 dark:hover:border-l-zinc-700"
+                href="/{{$ee.Nevent}}"
               >
-                <div class="text-sm text-strongpink">{{$ee.CreatedAtStr}}</div>
-                {{if $ee.IsReply}}
-                <div class="ml-2 text-sm text-gray-300 dark:text-gray-400">
-                  - reply
+                <div
+                  class="-ml-2.5 mb-1.5 flex flex-row flex-wrap border-b-4 border-solid border-b-gray-100 pb-1 pl-2.5 dark:border-b-neutral-800"
+                >
+                  <div class="text-sm text-strongpink">
+                    {{$ee.CreatedAtStr}}
+                  </div>
+                  {{if $ee.IsReply}}
+                  <div class="ml-2 text-sm text-gray-300 dark:text-gray-400">
+                    - reply
+                  </div>
+                  {{end}}
                 </div>
-                {{end}}
-              </div>
-              <div
-                class="mt-0.5 max-h-40 basis-full overflow-hidden hover:text-strongpink"
-                _="on load if my scrollHeight > my offsetHeight add .gradient"
-              >
-                {{$ee.Preview}}
-              </div>
-            </a>
-            {{end}}
-          </nav>
+                <div
+                  class="mt-0.5 max-h-40 basis-full overflow-hidden hover:text-strongpink"
+                  _="on load if my scrollHeight > my offsetHeight add .gradient"
+                >
+                  {{$ee.Preview}}
+                </div>
+              </a>
+              {{end}}
+            </nav>
+          </aside>
           {{end}}
 
           <div
diff --git a/templates/relay.html b/templates/relay.html
index 167b9b8..6ff144a 100644
--- a/templates/relay.html
+++ b/templates/relay.html
@@ -71,7 +71,7 @@
             >
           </div>
           <div
-            class="prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light mb-6 leading-5"
+            class="prose mb-6 leading-5 dark:prose-invert prose-headings:font-light sm:prose-a:text-justify"
           >
             {{.Info.Description}}
           </div>
@@ -96,42 +96,47 @@
           <div
             class="-ml-4 mb-6 h-1.5 w-1/3 bg-zinc-100 dark:bg-zinc-700 sm:-ml-2.5"
           ></div>
-
-          <div class="mb-6 leading-5">
-            <h2 class="text-2xl text-strongpink">Last Notes</h2>
-            {{range $i, $ee := .LastNotes}}
-            <a
-              class="my-8 block no-underline hover:-ml-6 hover:border-l-05rem hover:border-solid hover:border-l-gray-100 hover:pl-4 dark:hover:border-l-zinc-700"
-              href="/{{$ee.Nevent}}"
-            >
-              <div
-                class="-ml-2.5 mb-1.5 flex flex-row border-b-4 border-solid border-b-gray-100 pb-1 pl-2.5 dark:border-b-neutral-800"
+          <aside>
+            <div class="mb-6 leading-5">
+              <h2 class="text-2xl text-strongpink">Last Notes</h2>
+              {{range $i, $ee := .LastNotes}}
+              <a
+                class="my-8 block no-underline hover:-ml-6 hover:border-l-05rem hover:border-solid hover:border-l-gray-100 hover:pl-4 dark:hover:border-l-zinc-700"
+                href="/{{$ee.Nevent}}"
               >
-                <div class="text-sm text-strongpink">{{$ee.CreatedAtStr}}</div>
-                <br />
-                {{if $ee.IsReply}}
-                <div class="ml-2 text-xs text-gray-300 dark:text-gray-400">
-                  - reply
-                </div>
-                {{end}}
-                <div class="ml-auto text-xs text-zinc-700 dark:text-neutral-50">
-                  by
-                  <span
-                    class="rounded bg-lavender px-1 hover:bg-strongpink hover:text-white dark:bg-garnet dark:hover:bg-strongpink"
-                    href="/{{$ee.Npub}}"
-                    >{{$ee.NpubShort}}</span
+                <div
+                  class="-ml-2.5 mb-1.5 flex flex-row border-b-4 border-solid border-b-gray-100 pb-1 pl-2.5 dark:border-b-neutral-800"
+                >
+                  <div class="text-sm text-strongpink">
+                    {{$ee.CreatedAtStr}}
+                  </div>
+                  <br />
+                  {{if $ee.IsReply}}
+                  <div class="ml-2 text-xs text-gray-300 dark:text-gray-400">
+                    - reply
+                  </div>
+                  {{end}}
+                  <div
+                    class="ml-auto text-xs text-zinc-700 dark:text-neutral-50"
                   >
+                    by
+                    <span
+                      class="rounded bg-lavender px-1 hover:bg-strongpink hover:text-white dark:bg-garnet dark:hover:bg-strongpink"
+                      href="/{{$ee.Npub}}"
+                      >{{$ee.NpubShort}}</span
+                    >
+                  </div>
                 </div>
-              </div>
-              <div
-                class="mt-0.5 max-h-40 basis-full overflow-hidden hover:text-strongpink"
-                _="on load if my scrollHeight >= my offsetHeight add .gradient"
-              >
-                {{$ee.Preview}}
-              </div>
-            </a>
-            {{end}}
-          </div>
+                <div
+                  class="mt-0.5 max-h-40 basis-full overflow-hidden hover:text-strongpink"
+                  _="on load if my scrollHeight >= my offsetHeight add .gradient"
+                >
+                  {{$ee.Preview}}
+                </div>
+              </a>
+              {{end}}
+            </div>
+          </aside>
         </div>
 
         {{template "clients" .ClientsPartial}}