Move last notest to an <aside> to de-prioritize indexing

This commit is contained in:
Daniele Tonon
2023-11-04 17:13:08 +01:00
parent 86813565dd
commit b26300709f
2 changed files with 70 additions and 62 deletions

View File

@@ -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

View File

@@ -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}}