diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css index 32253e9..86e37b8 100644 --- a/assets/css/bobastyle.css +++ b/assets/css/bobastyle.css @@ -70,7 +70,8 @@ } .page-list li, -.series-taxonomy li { +.series-taxonomy li, +.related-posts .post { padding-top: 8px; padding-left: 24px; padding-right: 24px; @@ -239,6 +240,19 @@ 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; diff --git a/i18n/en.yaml b/i18n/en.yaml index 401bc94..f117772 100644 --- a/i18n/en.yaml +++ b/i18n/en.yaml @@ -35,8 +35,8 @@ post_count: read_more: other: "Read more" -see_also: - other: "See also" +related_posts: + other: "Related posts" older_post: other: "Older" diff --git a/i18n/es.yaml b/i18n/es.yaml index 4de8ba9..e509849 100644 --- a/i18n/es.yaml +++ b/i18n/es.yaml @@ -35,8 +35,8 @@ no_posts: read_more: other: "Leer más" -see_also: - other: "Véase también" +related_posts: + other: "Publicaciones similares" older_post: other: "Más antiguo" diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 383010b..e3df8c2 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -52,17 +52,11 @@ {{ $related := .Site.RegularPages.Related . | first 5 }} {{ with $related }} -
-

{{ i18n "see_also" }}

- - +

{{ i18n "related_posts" }}

+ {{ end }}