<!DOCTYPE html>
<html class="theme--default text-lg sm:text-xl font-light print:text-base">
  <meta charset="UTF-8" />
  <head>
    <title>{{.TitleizedContent}}</title>
    <title>{{.Nevent}} by {{.Metadata.Name}} is this note nostr ”nevent"</title>

    <meta property="og:title" content="{{.Title}}" />
    {{ if eq .Style "twitter" }}
    <meta name="twitter:title" content="{{.TwitterTitle}}" />
    {{ end }}

    <meta property="og:site_name" content="{{.AuthorLong}}" />
    {{ if not (eq "" .TextImageURL) }}
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@nostrprotocol" />
    <meta property="og:image" content="{{.TextImageURL}}" />
    <meta name="twitter:image" content="{{.TextImageURL}}" />
    {{ else }}
    <!---->
    <meta property="twitter:card" content="summary" />
    {{ if not (eq "" .Image) }}
    <meta property="og:image" content="{{.Image}}" />
    <meta name="twitter:image" content="{{.Proxy}}{{.Image}}" />
    {{ end }} {{ if not (eq "" .Video) }}
    <meta property="og:video" content="{{.Video}}" />
    <meta property="og:video:secure_url" content="{{.Video}}" />
    <meta property="og:video:type" content="video/{{.VideoType}}" />
    {{ end }} {{ end }}
    <!---->
    {{ if not (eq "" .Description) }}
    <meta property="og:description" content="{{.Description}}" />
    <meta name="twitter:description" content="{{.Description}}" />
    {{ end }}

    <link rel="canonical" href="https://njump.me/{{.Nevent }}" />
    <!---->
    {{ if not (eq "" .Oembed) }}
    <link
      rel="alternate"
      type="application/json+oembed"
      href="{{.Oembed}}&format=json"
    />
    <link
      rel="alternate"
      type="text/xml+oembed"
      href="{{.Oembed}}&format=xml"
    />
    {{ end }}

    <!---->
    {{template "head_common" .HeadCommonPartial}}
  </head>

  <body
    class="mb-16 print:text-black text-gray-600 dark:text-neutral-50 bg-white dark:bg-neutral-800"
  >
    {{template "top" .}}

    <div class="sm:flex sm:justify-center sm:items-center mx-auto px-4 sm:px-0">
      <div
        class="sm:flex w-full sm:w-9/12 px-4 justify-between overflow-visible gap-10 lg:gap-48vw max-w-screen-2xl print:w-full"
      >
        <div class="break-words w-full sm:w-9/12 print:w-full">
          <header class="max-w-full mb-4">
            <a class="flex items-center flex-wrap" href="/{{.Npub}}">
              <div
                class="mr-2 sm:mr-4 basis-1/6 print:basis-1-12 max-w-full imgclip overflow-hidden"
              >
                <img class="block w-full h-auto" src="{{.Metadata.Picture}}" />
              </div>
              <div class="block sm:grow print:text-base">
                <div class="text-sm sm:text-2xl">
                  {{.Metadata.Name}}
                  <!---->
                  {{if not (eq .Metadata.Name .Metadata.DisplayName)}}
                  <span class="text-sm sm:text-xl text-stone-400"
                    >{{.Metadata.DisplayName}}</span
                  >
                  {{end}}
                </div>
                <div class="text-sm sm:text-base text-stone-400">
                  {{.NpubShort}}
                </div>
              </div>
            </a>
          </header>
          <div class="w-full text-right text-sm text-stone-400">
            {{.CreatedAt}}
          </div>

          <div class="w-full text-right text-sm text-stone-400">
            {{ if not (eq "" .ParentLink) }} in reply to
            <span class="text-strongpink">{{ .ParentLink }}</span> {{ end }}
          </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>

          <article
            class="leading-5 mb-6 prose dark:prose-invert sm:prose-a:text-justify prose-headings:font-light prose-blockquote:mx-0 prose-blockquote:my-8 prose-blockquote:pl-4 prose-blockquote:pr-0 prose-blockquote:py-2 prose-blockquote:border-l-05rem prose-blockquote:border-solid prose-blockquote:border-l-gray-100 dark:prose-blockquote:border-l-zinc-800 prose-p:m-0 prose-p:mb-2 prose-cite:text-sm prose-ul:m-0 prose-ul:p-0 prose-ul:pl-4 prose-ol:m-0 prose-ol:p-0 prose-ol:pl-4 prose-li:mb-2 prose"
          >
            {{ if (not (eq "" .Subject))}}
            <h1 class="text-2xl">{{.Subject}}</h1>
            {{ else }}
            <h1 class="hidden">
              {{.Metadata.Name}} on Nostr: {{.TitleizedContent}}
            </h1>
            {{ end }}
            <!-- main content -->
            {{ .Content }}
          </article>

          {{template "details" .DetailsPartial}}

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