commit b61eb785be9a0491ad8837f204044359561fa1c6
parent 3a8ac5e504f9d8b4315b65f1d3a08b9741bd1e72
Author: Lou Woell <lou.woell@posteo.de>
Date: Sat, 31 Aug 2024 13:48:54 +0200
Better List view
Diffstat:
4 files changed, 51 insertions(+), 17 deletions(-)
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -18,3 +18,25 @@
@import "highlight";
@import "tabbedContainer";
+
+.post-on-list-content-preview {
+ display: grid;
+ grid-template-columns: 2;
+ column-gap: 2em;
+ grid-auto-columns: 1fr 3fr;
+
+ margin: 0;
+
+ .post-cover {
+ grid-column: 1;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ contain: style;
+ }
+
+ .post-content {
+ grid-column: 2;
+ margin: 0;
+ }
+}
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -35,9 +35,12 @@ paginate = 5
[languages.en.params.logo]
logoText = "Terminal"
logoHomeLink = "/"
-
[languages.en.menu]
[[languages.en.menu.main]]
+ identifier = "blog"
+ name = "blog"
+ url = "/posts"
+ [[languages.en.menu.main]]
identifier = "about"
name = "About"
url = "/about"
diff --git a/exampleSite/content/posts/hello.md b/exampleSite/content/posts/hello.md
@@ -2,7 +2,7 @@
title = "Hello Friend"
date = "2019-01-25"
author = "Lorem Ipsum"
-cover = "hello.jpg"
+cover = "/img/hello.jpg"
description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec interdum metus. Aenean rutrum ligula sodales ex auctor, sed tempus dui mollis. Curabitur ipsum dui, aliquet nec commodo at, tristique eget ante."
+++
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -31,23 +31,32 @@
</span>
{{ end }}
- {{ partial "cover.html" . }}
-
- <div class="post-content">
- {{ if .Params.showFullContent }}
- {{ .Content }}
- {{ else if .Description }}
- {{ .Description | markdownify }}
- {{ else }}
- {{ .Summary }}
- {{ end }}
- </div>
+ {{ if .Params.cover }}
+ <div class="post-on-list-content-preview">
+ {{ partial "cover.html" . }}
+ {{ end }}
+
+ <div class="post-content">
+ {{ if .Params.showFullContent }}
+ {{ .Content }}
+ {{ else if .Description }}
+ {{ .Description | markdownify }}
+ {{ else }}
+ {{ .Summary }}
+ {{ end }}
+
+ {{ if not .Params.showFullContent }}
- {{ if not .Params.showFullContent }}
- <div>
- <a class="read-more button" href="{{.RelPermalink}}">{{ $.Site.Params.ReadMore }} →</a>
+ <div>
+ <a class="read-more button" href="{{.RelPermalink}}">{{ $.Site.Params.ReadMore }} →</a>
+ </div>
+ {{ end }}
</div>
- {{ end }}
+
+ {{ if .Params.cover }}
+ </div>
+ {{ end }}
+
</article>
{{ end }}