WIP

assets/css/bobastyle.css

@@ -474,14 +474,17 @@ body {
 }
 */
 
+.page-title,
 .summary-title {
   margin-bottom: 10px;
 }
 
+.page-title a,
 .summary-title a {
   color: inherit;
 }
 
+.page-title h1,
 .summary-title h1 {
   margin: 0;
 }
@@ -571,17 +574,7 @@ body {
 
 /* Series list layout {{{ */
 
-.page-list.series {
+.page-list-series-inner {
-  display: flex;
-  gap: 80px;
-  flex-flow: row wrap;
-  list-style: none;
-  color: var(--text-0);
-  padding: 8px;
-  border-radius: 16px;
-}
-
-.page-list.series-inner {
   gap: 10px;
   flex-direction: row;
   flex-flow: row wrap;
@@ -590,7 +583,7 @@ body {
   padding: 8px;
   border-radius: 16px;
 }
-.page-list.series-inner > .page {
+.page-list-series-inner > .summary {
   flex: 1;
   min-width: 49%;
 }

layouts/series/summary.html

@@ -1,21 +1,19 @@
-<h2 class="page-title">
+<article class="summary">
+    <h2 class="summary-title">
         {{ with .Parent.Params.icon }}{{ partial "icon.html" . }}{{ end }}
         <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
         {{ if .Draft }}{{ partial "icon.html" "write" }}{{ end }}
-</h2>
+    </h2>
 
-{{ partial "page-metadata/series.html" . }}
+    {{ partial "page-metadata/series.html" . }}
 
-{{ with .Summary }}
+    {{ with .Summary }}
-    <div class="page-description">
+        <div class="summary-description">
             {{ . }}
         </div>
-{{ end }}
-
-<div class="page-list series-inner">
-    {{ range .Data.Pages.Reverse }}
-        <article class="page">
-            {{ .Render "summary" }}
-        </article>
     {{ end }}
-</div>
+
+    <div class="page-list page-list-series-inner">
+        {{ partial "page-list.html" .Data.Pages.Reverse }}
+    </div>
+</article>