From cffe01b8826d0f53eff9abe3df1dbd6fe9725f75 Mon Sep 17 00:00:00 2001
From: JP Hastings-Spital <jphastings@gmail.com>
Date: Tue, 16 Jan 2024 21:46:13 +0000
Subject: [PATCH] Add styling for notes and bookmarks

---
 assets/scss/_main.scss                    |  4 +++
 assets/scss/_single.scss                  | 13 ++++++++-
 layouts/_default/rss.xml                  | 14 ++++++----
 layouts/_default/single.html              |  3 +++
 layouts/notes/list.html                   | 32 +++++++++++++++++++++++
 layouts/partials/bookmark-of.html         | 17 ++++++++++++
 layouts/partials/generic-list-header.html |  2 +-
 7 files changed, 78 insertions(+), 7 deletions(-)
 create mode 100644 layouts/notes/list.html
 create mode 100644 layouts/partials/bookmark-of.html

diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss
index f6c29d3d..6d4ab77d 100644
--- a/assets/scss/_main.scss
+++ b/assets/scss/_main.scss
@@ -779,6 +779,10 @@ time {
   }
 }
 
+a:hover time {
+  color: inherit;
+}
+
 body.nownownow .post-content > p {
   position: relative;
   line-height: inherit;
diff --git a/assets/scss/_single.scss b/assets/scss/_single.scss
index 17d957d5..ee34b295 100644
--- a/assets/scss/_single.scss
+++ b/assets/scss/_single.scss
@@ -518,4 +518,15 @@ figure {
       opacity: 0.6;
     }
   }
-}
\ No newline at end of file
+}
+
+.bookmark-of {
+  font-style: italic;
+  font-synthesis: none;
+}
+
+.notes-content {
+  footer {
+    text-align: right;
+  }
+}
diff --git a/layouts/_default/rss.xml b/layouts/_default/rss.xml
index f46ff8f1..706b3c47 100644
--- a/layouts/_default/rss.xml
+++ b/layouts/_default/rss.xml
@@ -1,6 +1,6 @@
 {{- $pages := slice -}}
 {{- if .IsHome -}}
-  {{- $pages = where .Site.RegularPages "Type" "not in" (slice "memex" "timeless" "site-infra" "reading-lists") -}}
+  {{- $pages = where .Site.RegularPages "Type" "not in" (slice "memex" "timeless" "site-infra" "reading-lists" "notes") -}}
 {{- else -}}
   {{- $pages = .Pages -}}
 {{- end -}}
@@ -32,15 +32,19 @@
       <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
       <guid>{{ .Permalink | absURL }}</guid>
       <description>
-        {{- with index .Params.Media 0 }}
-          &lt;img src="{{ path.Join $page.RelPermalink . | absURL }}" /&gt;
-        {{- end }}
-        {{ .Summary | html }}
+        {{ with .Params.bookmarkOf }}
+          Thoughts on {{.}}
+        {{ else }}
+          {{ .Summary | html }}
+        {{ end }}
       </description>
       <content:encoded>
         {{- range $i, $src := .Params.Media }}
         &lt;img src="{{ path.Join $page.RelPermalink $src | absURL }}" /&gt;&lt;br/&gt;
         {{- end }}
+        {{ if .Params.bookmarkOf }}
+        &lt;p&gt;&lt;i&gt;{{ partial "bookmark-of.html" . | html }}&lt;/i&gt;&lt;/p&gt;
+        {{ end }}
         {{ .Content | html }}
       </content:encoded>
       {{- range .Params.syndications}}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index beb47abc..ab829712 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -84,6 +84,9 @@
       {{ end }}
 
       <div class="post-content e-content" data-pagefind-body data-pagefind-filter="type:{{.Type | title}}">
+        {{ if .Params.bookmarkOf }}
+          <p class="bookmark-of">{{ partial "bookmark-of.html" . }}</p>
+        {{ end }}
         {{ .Content }}
       </div>
     </article>
diff --git a/layouts/notes/list.html b/layouts/notes/list.html
new file mode 100644
index 00000000..e9a5d48a
--- /dev/null
+++ b/layouts/notes/list.html
@@ -0,0 +1,32 @@
+{{ define "main" }}
+    {{ $paginator := .Paginate .Data.Pages }}
+    
+    {{/* Ignore entirely from search, as we want to index the individual notes, not this stream */}}
+    <main class="posts" data-pagefind-ignore="all">
+        {{ partial "generic-list-header.html" . }}
+
+        <hgroup class="post-title">
+            <h1 class="p-name">
+                {{ with .Params.emoji }}<span data-emoji="{{.}}"></span>{{end}}
+                <a href="{{ .Permalink }}" class="noaccent u-url">{{ title (replace .Title "-" " ") }}</a>
+            </h1>
+            {{ partial "alternates.html" . }}
+        </hgroup>
+
+        {{ if .Content }}
+            <div class="content" data-pagefind-body data-pagefind-filter="type:{{.Type | title}}">{{ .Content }}</div>
+        {{ end }}
+
+        
+        <div class="posts-list">
+          {{ range $paginator.Pages }}
+            <hr />
+            <article class="notes-content e-content">
+              {{ .Content }}
+              <footer><a href="{{.Permalink}}">{{ partial "year-relative-date.html" .Date }}</a></footer>
+            </article>
+          {{ end }}
+          </div>
+    {{ partial "pagination-list.html" . }}
+    </main>
+{{ end }}
diff --git a/layouts/partials/bookmark-of.html b/layouts/partials/bookmark-of.html
new file mode 100644
index 00000000..7f6ce942
--- /dev/null
+++ b/layouts/partials/bookmark-of.html
@@ -0,0 +1,17 @@
+{{ if not .Params.bookmarkOf}}
+  {{ errorf "BookmarkOf partial called when no bookmark of param set" }}
+{{ end }}
+
+{{ $url := .Params.bookmarkOf }}
+{{ $reference := dict }}
+{{ range .Params.references }}
+  {{ if eq .url $url }}
+    {{ $reference = . }}
+  {{ end }}
+{{ end }}
+💭 Thoughts on{{" "}}
+{{- with $reference.name -}}
+  the article <a href="{{ $url }}" class="u-bookmark-of">{{ . }}</a>.
+{{- else -}}
+  <a href="{{ $url }}" class="u-bookmark-of">an article from {{ ($url | urls.Parse).Hostname  }}</a>
+{{- end }}
diff --git a/layouts/partials/generic-list-header.html b/layouts/partials/generic-list-header.html
index e3052d59..f1a6fad1 100644
--- a/layouts/partials/generic-list-header.html
+++ b/layouts/partials/generic-list-header.html
@@ -16,7 +16,7 @@
           <line x1="10" y1="3" x2="8" y2="21"></line>
           <line x1="16" y1="3" x2="14" y2="21"></line>
       </svg>
-    {{ len .Data.Pages }} {{ if eq .Title "Calendar" }}events{{ else }}posts{{ end }}
+    {{ len .Data.Pages }} {{ if eq .Title "Calendar" }}events{{ else if eq .Title "Notes" }}notes {{ else }}posts{{ end }}
   </p>
   <p class="author h-card hidden" aria-hidden="true">
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>