diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index 690dca386eb5dc795833ec7469b5aa7a17c66ec5..46ecb5d08dda704ad92841633e3cbf97d5c6b01d 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -196,6 +196,14 @@
color: $color-text-alt
display: block
+@mixin post-time-author-flex
+ .post-meta
+ display: flex
+ flex-wrap: wrap
+ .post-author p::before
+ content: ' • '
+
+
@mixin list-section
@include list-reset
> li
diff --git a/assets/sass/_theme/blocks/posts.sass b/assets/sass/_theme/blocks/posts.sass
index 0fe62a5ac282abaa7757ecca8cf6523f1522acba..50e9fd89f9cffd317c74432a2f885b02ee038ad5 100644
--- a/assets/sass/_theme/blocks/posts.sass
+++ b/assets/sass/_theme/blocks/posts.sass
@@ -17,6 +17,8 @@
margin-top: $spacing0
.media
margin-top: 0
+ @include post-time-author-flex
+
&--grid
@include media-breakpoint-down(desktop)
article + article
@@ -40,25 +42,21 @@
article
position: relative
padding-bottom: half($spacing3)
- // display: flex
- // flex-direction: row
+ article
margin-top: half($spacing3)
.post-content
display: flex
flex-direction: column
- // width: 70%
+ padding-top: $spacing0
h3
margin-bottom: 0
- time
- margin-top: half($spacing0)
- order: 2
- p
+ .post-categories
+ margin-bottom: 0
+ p[itemprop="articleBody"]
margin-top: half($spacing0)
- order: 4
.media
- display: none
- order: 3
+ order: -1
+ max-width: 33%
@include in-page-with-sidebar
article
@@ -88,7 +86,7 @@
margin-left: $grid-gutter
+ article
margin-top: $spacing3
- time
+ .post-meta
position: absolute
right: 0
top: 0
@@ -131,19 +129,24 @@
grid-column: 1 / 7
.post-categories
grid-column: 1 / 7
- time
+ .post-meta
grid-row: 1
grid-column: 7 / 9
text-align: right
order: 2
+ display: block
margin-top: 0
- p
+ .post-author p::before
+ content: ''
+ p[itemprop="articleBody"]
grid-column: 1 / 7
order: 3
@include media-breakpoint-down(desktop)
.list
border-top: 1px solid $color-border
+ p[itemprop="articleBody"]
+ margin-top: 0
@include media-breakpoint-up(desktop)
.highlight
diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass
index cbf241a8a7dc8909b72717475a7cdc564ac7648e..ad38b5a8fc56f240c04a1ae0fac2e2f0579930cc 100644
--- a/assets/sass/_theme/sections/posts.sass
+++ b/assets/sass/_theme/sections/posts.sass
@@ -2,6 +2,8 @@
@include article($post-media-background)
time
color: $post-time-color
+ display: inline-block
+ vertical-align: middle
.post-categories
@include meta
margin-top: $spacing0
@@ -15,12 +17,14 @@
@include link($color-accent)
li
margin: 0
+ .post-author
+ @include meta
+ color: $color-text-alt
.posts__section,
.authors__term,
.categories__term,
.persons__page
-
.posts--list
article
border-bottom: 1px solid $color-border
@@ -34,7 +38,7 @@
@include grid
margin-bottom: $spacing3
padding-bottom: $spacing3
- div:not(.media)
+ .post-content
grid-column: 4/13
@include media-breakpoint-down(desktop)
flex: 1
@@ -52,19 +56,25 @@
&, img
aspect-ratio: auto
@include media-breakpoint-up(desktop)
- time
- font-size: $h5-size
+ .post-meta
position: absolute
right: 0
+ text-align: right
top: 0
- div:not(.media)
+ time
+ font-size: $h5-size
+ .post-content
h2, h3,
- p
+ > p
max-width: col(6, 9)
.posts--grid
@include grid(1)
@include grid(2, desktop)
@include grid($posts-grid-columns, xxl)
+ .post
+ @include post-time-author-flex
+ .post-meta
+ margin-top: $spacing0
.posts__page
@include media-breakpoint-down(desktop)
diff --git a/config.yaml b/config.yaml
index 0aff9f41b3a5b6797c3ae1fe78b81115fe707ef5..78c7f1ce5e8c6ba09cdf3313db81a5f7028e797d 100644
--- a/config.yaml
+++ b/config.yaml
@@ -9,6 +9,7 @@ params:
posts:
index:
show_categories: false
+ show_author: false
truncate_description: 200 # Set to 0 to disable truncate
layout: list # grid | list
pages:
diff --git a/layouts/partials/blocks/templates/posts.html b/layouts/partials/blocks/templates/posts.html
index 89509900b746ce775a1977a30950d64da3e942cd..922dc01ce7ad65dc0c07eb2a8494b729b9d4d731 100644
--- a/layouts/partials/blocks/templates/posts.html
+++ b/layouts/partials/blocks/templates/posts.html
@@ -28,7 +28,6 @@
"link" $title_link
) }}
{{ end -}}
-
</div>
{{- end }}
diff --git a/layouts/partials/blocks/templates/posts/highlight.html b/layouts/partials/blocks/templates/posts/highlight.html
index 6e1f82e4955db5c4c4c5d11ca3fd4ba460311bea..0fe88ae77e57f83a3ac00b91d599dbf045bf00f9 100644
--- a/layouts/partials/blocks/templates/posts/highlight.html
+++ b/layouts/partials/blocks/templates/posts/highlight.html
@@ -34,7 +34,16 @@
<p itemprop="articleBody">{{ partial "PrepareText" .Params.summary }}</p>
{{ end }}
{{- end -}}
- <time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02T15:04" }}">{{ .Date | time.Format ":date_long" }}</time>
+
+ <div class="post-meta">
+ <time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02T15:04" }}">{{ .Date | time.Format ":date_long" }}</time>
+ {{ if site.Params.posts.index.show_author }}
+ {{/* {{- partial "posts/author" . -}} */}}
+ <div class="post-author" itemscope itemtype="https://schema.org/Person" itemprop="author">
+ <p itemprop="name">Magali Anglès</p>
+ </div>
+ {{ end }}
+ </div>
</article>
{{ end }}
{{ end }}
diff --git a/layouts/partials/posts/author.html b/layouts/partials/posts/author.html
new file mode 100644
index 0000000000000000000000000000000000000000..f57009c8e9a4771fbace859ab82c71a3c7f5bc32
--- /dev/null
+++ b/layouts/partials/posts/author.html
@@ -0,0 +1,8 @@
+{{ range .GetTerms "authors" }}
+ {{- $person := site.GetPage (printf "/persons/%s" .Slug) -}}
+ {{ with $person }}
+ <div class="post-author" itemscope itemtype="https://schema.org/Person" itemprop="author">
+ <p itemprop="name">{{ partial "PrepareText" .Title }} Magali Anglès</p>
+ </div>
+ {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/posts/post.html b/layouts/partials/posts/post.html
index f1a208f386080e9509499cf0bdf17febd4fdc238..fdff2628ac94df8757000e7398e77852978a200f 100644
--- a/layouts/partials/posts/post.html
+++ b/layouts/partials/posts/post.html
@@ -17,6 +17,7 @@
{{ if site.Params.posts.index.show_categories }}
{{- partial "posts/categories" . -}}
{{ end }}
+
{{- if (partial "GetTextFromHTML" .Params.summary) -}}
{{ if site.Params.posts.index.truncate_description }}
<p itemprop="articleBody">{{ partial "GetTruncateContent" ( dict
@@ -28,7 +29,18 @@
{{ end }}
{{- end -}}
- <time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02T15:04" }}">{{ .Date | time.Format ":date_long" }}</time>
+ <div class="post-meta">
+ <time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02T15:04" }}">{{ .Date | time.Format ":date_long" }}</time>
+ {{ if site.Params.posts.index.show_author }}
+ {{/* {{- partial "posts/author" . -}} */}}
+
+ <div class="post-author" itemscope itemtype="https://schema.org/Person" itemprop="author">
+ <p itemprop="name">Magali Anglès</p>
+ </div>
+ {{ end }}
+ </div>
+
+
</div>
<div class="media">
{{- if .Params.image -}}