{{/* One note, on its own — the page a shared permalink opens.

     It has to stand up for a reader who has never seen this site: what was
     said, about which lines of which file, at which change, and the code
     itself, right there. Everything else on the page is a way further in. */}}
{{define "page-note"}}
{{$n := .Note}}
<header class="filehead">
  <h1>{{if $n.File}}{{base $n.File}}<span class="lns">{{lines $n}}</span>{{else}}Note{{end}}</h1>
  <p class="meta">
    note <b>#{{$n.ID}}</b> by <b>{{$n.Agent.Short}}</b>{{if $n.Kind}} · <em class="kind">{{$n.Kind}}</em>{{end}}
    {{if not $n.At.IsZero}} · <time datetime="{{$n.At.Format "2006-01-02T15:04:05Z07:00"}}">{{$n.When}}</time>
      <span class="ago">({{$n.Ago}})</span>{{end}}
    {{if $n.Change}} · read at
      {{if .Live}}<a href="{{.Href "change" $n.Change}}"><code>{{short $n.Change}}</code></a>
      {{else}}<code title="{{$n.Change}}">{{short $n.Change}}</code>{{end}}
    {{end}}
  </p>
  {{if ne $n.File (base $n.File)}}<p class="meta"><code>{{$n.File}}</code></p>{{end}}
</header>

<section class="notepage">
  <div class="onenote">{{template "note" (dict "N" $n "P" $)}}</div>

  {{$open := .HasCode $n.File}}
  {{if .Excerpt}}
  <p class="meta exhead">lines {{.ExFrom}}–{{.ExTo}} of <code>{{$n.File}}</code>{{if $open}} ·
    <a href="{{.NoteHref $n}}">open the whole file →</a>{{end}}</p>
  <div class="codewrap excerpt">{{.Excerpt}}</div>
  {{else if .ExErr}}
  <p class="meta stub">{{.ExErr}}</p>
  {{else if $n.File}}
  <p class="meta hint">this note is about the whole file{{if $open}} —
    <a href="{{.NoteHref $n}}">open <code>{{base $n.File}}</code> →</a>{{end}}</p>
  {{else}}
  <p class="meta hint">this note is not pinned to a file</p>
  {{end}}

  {{if .Live}}{{template "replyform" (dict "N" $n "P" $)}}{{end}}

	  <section class="discussion" id="discussion">
	    <h2>Replies &amp; mentions
	      <span class="meta">{{len $n.Replies}} repl{{if eq (len $n.Replies) 1}}y{{else}}ies{{end}} · {{len $n.Mentions}} mention{{if ne (len $n.Mentions) 1}}s{{end}}</span>
    </h2>
    {{if .Thread.Children}}
      <div class="threadchildren rootchildren">{{range .Thread.Children}}{{template "threadnode" (dict "Node" . "P" $)}}{{end}}</div>
    {{else}}
      <p class="meta hint">no notes reply to or mention this one yet</p>
    {{end}}
  </section>

  <p class="meta more"><a href="{{.Href "notes"}}">← every note in the log</a></p>
</section>
{{end}}