mirror of
https://github.com/aljazceru/njump.git
synced 2026-01-17 21:34:22 +01:00
160 lines
5.7 KiB
HTML
160 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html class="theme--default">
|
|
<meta charset="UTF-8" />
|
|
<head>
|
|
<title>{{.Metadata.Name}} / {{.Metadata.DisplayName}} is on nostr</title>
|
|
<meta
|
|
name="description"
|
|
content="{{.Npub}} is {{.Metadata.Name}} / {{.Metadata.DisplayName}} public key on nostr"
|
|
/>
|
|
<meta property="og:title" content="{{.Title}}" />
|
|
<meta property="og:site_name" content="{{.Npub}}" />
|
|
{{ if not (eq "" .Metadata.Picture) }}
|
|
<meta property="og:image" content="{{.Metadata.Picture}}" />
|
|
<meta property="twitter:image" content="{{.Proxy}}{{.Metadata.Picture}}" />
|
|
{{end}} {{ if not (eq "" .Metadata.About) }}
|
|
<meta property="og:description" content="{{.Metadata.About}}" />
|
|
{{end}}
|
|
<meta property="twitter:card" content="summary" />
|
|
|
|
<link rel="canonical" href="https://njump.me/{{.Npub}}" />
|
|
<link
|
|
rel="sitemap"
|
|
type="application/xml"
|
|
title="Sitemap for {{.Npub}}"
|
|
href="/{{.Npub}}.Xml"
|
|
/>
|
|
|
|
{{template "head_common" .}}
|
|
</head>
|
|
|
|
<body class="profile">
|
|
{{template "top" .}}
|
|
|
|
<div class="sm:flex sm:justify-center sm:items-center mx-auto px-4 sm:px-0">
|
|
<div
|
|
class="w-full sm:flex sm:w-9/12 sm:px-4 justify-between overflow-visible gap-10 lg:gap-20 print:w-full"
|
|
>
|
|
<header class="column columnA">
|
|
<div
|
|
class="text-left basis-2/3 overflow-hidden hidden flex items-center"
|
|
_="on load or scroll from window or resize from window get #profile_name then measure its top, height then if top is less than height / -2 or height is 0 add .flex then remove .hidden otherwise remove .flex then add .hidden"
|
|
>
|
|
<div>
|
|
<div class="text-2xl">{{.Metadata.Name}}</div>
|
|
{{if not (eq .Metadata.Name .Metadata.DisplayName)}}
|
|
<div class="text-xl text-slate-400">
|
|
{{.Metadata.DisplayName}}
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="max-w-full imgclip overflow-hidden basis-2/5 sm:basis-auto"
|
|
>
|
|
<img class="block w-full h-auto" src="{{.Metadata.Picture}}" />
|
|
</div>
|
|
</header>
|
|
|
|
<div class="column column_content">
|
|
<header class="leading-5 mb-6 hidden sm:flex sm:items-center">
|
|
<h1>
|
|
<div id="profile_name" class="text-2xl">{{.Metadata.Name}}</div>
|
|
{{if not (eq .Metadata.Name .Metadata.DisplayName)}}
|
|
<div class="text-xl text-slate-400">
|
|
{{.Metadata.DisplayName}}
|
|
</div>
|
|
{{end}}
|
|
</h1>
|
|
</header>
|
|
<div
|
|
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-zinc-700 w-1/2"
|
|
></div>
|
|
<div class="leading-5 mb-6">
|
|
<a
|
|
class="border-b-2 pb-0.5 border-b-gray-300 hover:text-strongpink"
|
|
href="{{.NormalizedAuthorWebsiteURL}}"
|
|
>{{.Metadata.Website}}</a
|
|
>
|
|
</div>
|
|
<div
|
|
class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light"
|
|
>
|
|
{{.RenderedAuthorAboutText}}
|
|
</div>
|
|
<div
|
|
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-zinc-700 w-1/3"
|
|
></div>
|
|
<div class="leading-5 mb-6">
|
|
<div class="text-sm text-strongpink">Public key</div>
|
|
{{.Npub}}
|
|
</div>
|
|
<div class="leading-5 mb-6">
|
|
<div class="text-sm text-strongpink">NIP-05</div>
|
|
{{.Metadata.NIP05}}
|
|
</div>
|
|
<div class="leading-5 mb-6">
|
|
<div class="text-sm text-strongpink">LN Address</div>
|
|
{{.Metadata.LUD16}}
|
|
</div>
|
|
|
|
{{ if not (eq 0 (len .AuthorRelays)) }}
|
|
<div class="leading-5 mb-6">
|
|
<div class="text-sm text-strongpink">Posting on these relays</div>
|
|
{{range $index, $element := .AuthorRelays}}
|
|
<a href="/r/{{$element}}" class="button">{{$element}}</a>
|
|
{{end}}
|
|
</div>
|
|
{{ end }}
|
|
|
|
<!---->
|
|
|
|
{{template "details" .DetailsPartial}}
|
|
|
|
<!---->
|
|
|
|
{{if not (eq 0 (len .LastNotes))}}
|
|
<div
|
|
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-zinc-700 w-1/3"
|
|
></div>
|
|
<nav class="leading-5 mb-6">
|
|
<h2 class="text-strongpink text-2xl">Last Notes</h2>
|
|
{{range $i, $ee := .LastNotes}}
|
|
<a
|
|
class="block no-underline my-8 hover:pl-4 hover:-ml-6 hover:border-solid hover:border-l-8 hover:border-l-gray-100 dark:hover:border-l-neutral-800"
|
|
href="/{{$ee.Nevent}}"
|
|
>
|
|
<div
|
|
class="flex flex-row flex-wrap -ml-2.5 mb-1.5 pl-2.5 pb-1 border-solid border-b-4 border-b-gray-100 dark:border-b-neutral-800"
|
|
>
|
|
<div class="text-sm text-strongpink">{{$ee.CreatedAtStr}}</div>
|
|
{{if $ee.IsReply}}
|
|
<div class="text-sm ml-2 text-gray-300 dark:text-gray-400">
|
|
- reply
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
<div
|
|
class="basis-full max-h-40 overflow-hidden mt-0.5 hover:text-strongpink"
|
|
_="on load if my scrollHeight > my offsetHeight add .gradient"
|
|
>
|
|
{{$ee.Preview}}
|
|
</div>
|
|
</a>
|
|
{{end}}
|
|
</nav>
|
|
{{end}}
|
|
|
|
<div
|
|
class="h-1.5 mb-6 -ml-4 sm:-ml-2.5 bg-zinc-100 dark:bg-zinc-700 w-1/3"
|
|
></div>
|
|
</div>
|
|
|
|
{{template "clients" .ClientsPartial}}
|
|
</div>
|
|
</div>
|
|
|
|
{{template "footer" .}}
|
|
</body>
|
|
</html>
|