assets/css/bobastyle.css

@@ -69,13 +69,8 @@
   gap: 40px;
 }
 
-.series-taxonomy ul {
-  gap: 80px;
-}
-
 .page-list li,
-.series-taxonomy li,
-.related-posts .post {
+.series-taxonomy li {
   padding-top: 8px;
   padding-left: 24px;
   padding-right: 24px;
@@ -244,19 +239,6 @@
   padding: 8px 15px;
 }
 
-.related-posts {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  gap: 10px;
-  align-items: stretch; /* this is default anyways */
-}
-
-.related-posts .post {
-  min-width: 10%;
-  flex: 1 1 49%;
-}
-
 #back-to-top {
   position: fixed;
   float: right;

i18n/en.yaml

@@ -35,8 +35,8 @@ post_count:
 read_more:
   other: "Read more"
 
-related_posts:
-  other: "Related posts"
+see_also:
+  other: "See also"
 
 older_post:
   other: "Older"

i18n/es.yaml

@@ -35,8 +35,8 @@ no_posts:
 read_more:
   other: "Leer más"
 
-related_posts:
-  other: "Publicaciones similares"
+see_also:
+  other: "Véase también"
 
 older_post:
   other: "Más antiguo"

layouts/_default/single.html

@@ -52,11 +52,17 @@
 
     {{ $related := .Site.RegularPages.Related . | first 5 }}
     {{ with $related }}
-        <h2>{{ i18n "related_posts" }}</h2>
-        <div class="related-posts">
-            {{ range . }}
-                {{ .Render "summary/post" }}
-            {{ end }}
+        <div class="see-also">
+            <h2>{{ i18n "see_also" }}</h2>
+
+            <ul>
+                {{ range . }}
+                    <li>
+                        {{ with .Parent.Params.icon }}{{ partial "icon.html" . }}{{ end }}
+                        <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a>
+                    </li>
+                {{ end }}
+            </ul>
         </div>
     {{ end }}