From e7cb1f03a5ebeb5818bb0f5d877f0e5f12f8bd65 Mon Sep 17 00:00:00 2001
From: Rohan Kumar <seirdy@seirdy.one>
Date: Sat, 4 Jun 2022 16:43:31 -0700
Subject: [PATCH] Put webmentions in a <details> elememnt.

---
 layouts/partials/webmentions.html | 107 +++++++++++++++---------------
 1 file changed, 55 insertions(+), 52 deletions(-)

diff --git a/layouts/partials/webmentions.html b/layouts/partials/webmentions.html
index e1da4e5..706d103 100644
--- a/layouts/partials/webmentions.html
+++ b/layouts/partials/webmentions.html
@@ -2,58 +2,61 @@
 		<h2 id="webmentions" tabindex="-1">Webmen&#173;tions</h2>
 		<p>This site supports <a href="https://indieweb.org/webmention">Webmentions</a>. Webmentions received for this post will appear in the following list after I approve them. I sometimes send Webmentions to myself on behalf of linking sites that don't support them. Check the <a href="https://web.archive.org/">Wayback Machine</a> if any links are broken.</p>
 		{{ partial "webmention-form.html" . }}
-		<dl>
-			{{- $target := .RelPermalink | replaceRE "^/~seirdy/" "/" }}
-			{{- $oldTarget := $target | replaceRE "/posts" "" | replaceRE "/$" ".html" -}}
-			{{ $url1 := printf "https://seirdy.one/webmentions/get?status=approved&target=https://seirdy.one%s" $target -}}
-			{{ $url2 := printf "https://seirdy.one/webmentions/get?status=approved&target=https://seirdy.one%s" $oldTarget -}}
-			{{ $webmentions :=  (getJSON $url1) | append (getJSON $url2) -}}
-			{{ range sort $webmentions "created_at" -}}
-			{{ $webmention := . -}}
-				{{ if (eq $webmention.type "like") -}}
-				<div itemprop="potentialAction" itemscope="" itemtype="https://schema.org/LikeAction" class="u-like h-cite">
-				{{- else -}}
-				<div itemprop="comment" itemscope="" itemtype="https://schema.org/Comment" class="u-comment h-cite">
-				{{- end -}}
-				<!--Will eventually add role="comment" once WAI-ARIA 1.3 starts seeing some adoption.-->
-					<dt>
-						<time
-							class="dt-published"
-							itemprop="{{ if (eq $webmention.type "like") -}}startTime{{ else }}datePublished{{ end }}"
-							datetime="{{ dateFormat "2006-01-02 15:04:05Z07:00" $webmention.created_at }}">
-							{{ dateFormat "2006-01-02" $webmention.created_at }}
-						</time>
-					</dt>
-					<dd>
-						{{ if (eq $webmention.type "like") -}}
-							{{ if $webmention.author_name -}}
-								<span itemprop="agent" itemscope="" itemtype="https://schema.org/Person" class="h-card p-author vcard"><span itemprop="name" class="p-name fn n">{{ $webmention.author_name }}</span></span>
-							{{ else if $webmention.title -}}
-								<span itemprop="name" class="p-name">{{ $webmention.title -}}</span>
+		<details>
+			<summary>Toggle Webmentions</summary>
+			<dl>
+				{{- $target := .RelPermalink | replaceRE "^/~seirdy/" "/" }}
+				{{- $oldTarget := $target | replaceRE "/posts" "" | replaceRE "/$" ".html" -}}
+				{{ $url1 := printf "https://seirdy.one/webmentions/get?status=approved&target=https://seirdy.one%s" $target -}}
+				{{ $url2 := printf "https://seirdy.one/webmentions/get?status=approved&target=https://seirdy.one%s" $oldTarget -}}
+				{{ $webmentions :=  (getJSON $url1) | append (getJSON $url2) -}}
+				{{ range sort $webmentions "created_at" -}}
+				{{ $webmention := . -}}
+					{{ if (eq $webmention.type "like") -}}
+					<div itemprop="potentialAction" itemscope="" itemtype="https://schema.org/LikeAction" class="u-like h-cite">
+					{{- else -}}
+					<div itemprop="comment" itemscope="" itemtype="https://schema.org/Comment" class="u-comment h-cite">
+					{{- end -}}
+					<!--Will eventually add role="comment" once WAI-ARIA 1.3 starts seeing some adoption.-->
+						<dt>
+							<time
+								class="dt-published"
+								itemprop="{{ if (eq $webmention.type "like") -}}startTime{{ else }}datePublished{{ end }}"
+								datetime="{{ dateFormat "2006-01-02 15:04:05Z07:00" $webmention.created_at }}">
+								{{ dateFormat "2006-01-02" $webmention.created_at }}
+							</time>
+						</dt>
+						<dd>
+							{{ if (eq $webmention.type "like") -}}
+								{{ if $webmention.author_name -}}
+									<span itemprop="agent" itemscope="" itemtype="https://schema.org/Person" class="h-card p-author vcard"><span itemprop="name" class="p-name fn n">{{ $webmention.author_name }}</span></span>
+								{{ else if $webmention.title -}}
+									<span itemprop="name" class="p-name">{{ $webmention.title -}}</span>
+								{{ else -}}
+									{{ $webmention.source -}}
+								{{ end -}}
+									<a class="u-url" itemprop="url" href="{{ $webmention.source }}" rel="nofollow ugc">liked</a> this
 							{{ else -}}
-								{{ $webmention.source -}}
-							{{ end -}}
-								<a class="u-url" itemprop="url" href="{{ $webmention.source }}" rel="nofollow ugc">liked</a> this
-						{{ else -}}
-							<a class="u-url" itemprop="url" href="{{ $webmention.source }}" rel="nofollow ugc">
-								<span itemprop="name" class="p-content p-name">
-									{{ if $webmention.title -}}
-										{{ $webmention.title | truncate 200 -}}
-									{{ else -}}
-										{{- $webmention.source | strings.TrimPrefix "https://" | strings.TrimPrefix "www." | strings.TrimRight "/" | truncate 35 -}}
-									{{ end -}}
-								</span
-							></a>
-							{{- if $webmention.author_name }}
-							by <span itemprop="author" itemscope="" itemtype="https://schema.org/Person" class="h-card p-author vcard"><span itemprop="name" class="p-name fn n">{{ $webmention.author_name }}</span></span>
-								{{- end -}}
-						{{- end }}
-					</dd>
-			</div>
-			{{ else -}}
-			<dt>Nothing here</dt>
-			<dd>This post does not have any approved Webmentions yet.</dd>
-			{{- end }}
-		</dl>
+								<a class="u-url" itemprop="url" href="{{ $webmention.source }}" rel="nofollow ugc">
+									<span itemprop="name" class="p-content p-name">
+										{{ if $webmention.title -}}
+											{{ $webmention.title | truncate 200 -}}
+										{{ else -}}
+											{{- $webmention.source | strings.TrimPrefix "https://" | strings.TrimPrefix "www." | strings.TrimRight "/" | truncate 35 -}}
+										{{ end -}}
+									</span
+								></a>
+								{{- if $webmention.author_name }}
+								by <span itemprop="author" itemscope="" itemtype="https://schema.org/Person" class="h-card p-author vcard"><span itemprop="name" class="p-name fn n">{{ $webmention.author_name }}</span></span>
+									{{- end -}}
+							{{- end }}
+						</dd>
+				</div>
+				{{ else -}}
+				<dt>Nothing here</dt>
+				<dd>This post does not have any approved Webmentions yet.</dd>
+				{{- end }}
+			</dl>
+		</details>
 		<p>Feel free to contact me directly with feedback; <a href="{{ .Site.BaseURL }}about/#location-seirdy-online">here’s my contact info</a></p>
 	</section>