From 9846fe83cd71ad57fae81cdd1aa0014de200a448 Mon Sep 17 00:00:00 2001
From: wgroeneveld <wouter@brainbaking.com>
Date: Fri, 19 Mar 2021 20:58:59 +0100
Subject: [PATCH] add tiny links to h4 in single

---
 .../layouts/partials/single-related.html            | 13 ++++++++-----
 .../layouts/partials/single-webmentions.html        | 12 +++++++-----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/themes/brainbaking-minimal/layouts/partials/single-related.html b/themes/brainbaking-minimal/layouts/partials/single-related.html
index e51f583e..69f365f1 100644
--- a/themes/brainbaking-minimal/layouts/partials/single-related.html
+++ b/themes/brainbaking-minimal/layouts/partials/single-related.html
@@ -1,11 +1,14 @@
 {{ $related := first 3 (where (where .Site.RegularPages.ByDate.Reverse ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}
 
 {{ if $related }}
-    <h4 class="page-header">
-    	<svg class='icon icon-text' width='24' height='24'>
-    		<title>Related articles</title>
-    		<use xlink:href='#news'></use>
-    	</svg>Related Articles
+    <h4 class="page-header" id="related">
+    	<a href="#related">
+	    	<svg class='icon icon-text' width='24' height='24'>
+	    		<title>Related articles</title>
+	    		<use xlink:href='#news'></use>
+    		</svg>
+    	</a>
+    	Related Articles
     </h4>
 
     {{ range $related }}
diff --git a/themes/brainbaking-minimal/layouts/partials/single-webmentions.html b/themes/brainbaking-minimal/layouts/partials/single-webmentions.html
index d62eedf4..3e233751 100644
--- a/themes/brainbaking-minimal/layouts/partials/single-webmentions.html
+++ b/themes/brainbaking-minimal/layouts/partials/single-webmentions.html
@@ -3,11 +3,13 @@
 	{{ $mentions := (where .Site.Data.webmentions "relativeTarget" "==" $.RelPermalink) }}
 
 	{{ if $mentions }}
-		<h4 class="page-header">
-		    <svg class='icon icon-text' width='24' height='24'>
-		    	<title>Discussion</title>
-		        <use xlink:href='#discuss'></use>
-		    </svg>
+		<h4 class="page-header" id="mentions">
+			<a href="#mentions">
+			    <svg class='icon icon-text' width='24' height='24'>
+			    	<title>Discussion</title>
+			        <use xlink:href='#discuss'></use>
+			    </svg>
+			</a>
 		    Mentions and Replies
 		</h4>