themes/default/layouts/_default/summary: Merge anchor

Setup up stacking context

3 files changed, 42 insertions, 2 deletions

diff --git a/assets/css/default-simple.css b/assets/css/default-simple.css
index ee01f86..5fffb19 100644
--- a/assets/css/default-simple.css
+++ b/assets/css/default-simple.css
@@ -10,7 +10,8 @@ column-base[position="right"]:hover {
   transition: 0.1s;
 }
 
-micro-card[id] micro-metadata {
+micro-card[id] micro-metadata,
+micro-card[id] article math-ml figcaption {
   display: block;
 }
 
@@ -32,9 +33,42 @@ micro-card[id] > article > :nth-last-child(2) {
   margin-bottom: 0;
 }
 
+[data-kind="page"] micro-card[id]:first-child > a,
 micro-card[id] micro-tags,
-micro-card[id] micro-metadata header,
 micro-card[id] > article footer,
+micro-card[id] micro-metadata header,
 micro-card[id] > article figcaption {
   display: none;
 }
+
+micro-card[id] > a {
+  display: inline;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+micro-card[id] > a:focus {
+  background-color: transparent !important;
+  outline-offset: -0.15rem !important;
+}
+
+micro-card[id] article p,
+micro-card[id] article ul,
+micro-card[id] article dl,
+micro-card[id] article h1,
+micro-card[id] article h2,
+micro-card[id] article h3,
+micro-card[id] article video,
+micro-card[id] article iframe,
+micro-card[id] article article,
+micro-card[id] article details,
+micro-card[id] article figcaption,
+micro-card[id] micro-thumbnail picture {
+  pointer-events: all;
+  position: relative;
+  z-index: 2;
+}
diff --git a/assets/css/default.css b/assets/css/default.css
index 127f9a8..9dee26b 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1046,6 +1046,10 @@ micro-card {
   position: relative;
 }
 
+micro-card > a {
+  display: none;
+}
+
 micro-author micro-card {
   flex-direction: row;
 }
diff --git a/themes/default/layouts/_default/summary.html b/themes/default/layouts/_default/summary.html
index 7c9397c..036efcd 100644
--- a/themes/default/layouts/_default/summary.html
+++ b/themes/default/layouts/_default/summary.html
@@ -1,3 +1,4 @@
+{{- $href := or .Params.Feed.link .Permalink -}}
 {{- $content := partial "function-content.html" . | safeHTML -}}
 {{- $expired := and .ExpiryDate (ge now.Unix .ExpiryDate.Unix) -}}
 
@@ -7,6 +8,7 @@
   {{ if .Draft }}draft{{ end }}
   {{ if .ExpiryDate }}data-expires{{ end }}
 >
+  <a href="{{ $href }}"></a>
   <micro-metadata>
     <micro-thumbnail>
       {{ partial "profile-picture.html" . }}