Merge blog post template into content template
This commit is contained in:
parent
f6901f25e2
commit
4180931177
|
@ -46,6 +46,32 @@
|
||||||
|
|
||||||
<{{contentEl}} class="content{{' content--divided' if isContentDivided }}">
|
<{{contentEl}} class="content{{' content--divided' if isContentDivided }}">
|
||||||
{{ content | safe }}
|
{{ content | safe }}
|
||||||
|
|
||||||
|
{% if tags and tags.includes("posts") %}
|
||||||
|
<nav class="blog__post--pagination" aria-labelledby="blog-pagination">
|
||||||
|
<h2 class="visually-hidden">Next and Previous Blog Posts</h2>
|
||||||
|
{%- if collections.posts %}
|
||||||
|
{%- set previousPost = collections.posts | getPreviousCollectionItem %}
|
||||||
|
{%- set nextPost = collections.posts | getNextCollectionItem %}
|
||||||
|
{%- if nextPost or previousPost %}
|
||||||
|
<ul class="blog__post--nextprev">
|
||||||
|
{%- if previousPost %}
|
||||||
|
<li class="blog__post--prev">
|
||||||
|
<p>Previous Post:</p>
|
||||||
|
<a href="{{ previousPost.url }}">{{ previousPost.data.articleTitle }}</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
{%- if nextPost %}
|
||||||
|
<li class="blog__post--next">
|
||||||
|
<p>Next Post:</p>
|
||||||
|
<a href="{{ nextPost.url }}">{{ nextPost.data.articleTitle }}</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
|
{%- endif %}
|
||||||
|
{%- endif %}
|
||||||
|
</nav>
|
||||||
|
{% endif %}
|
||||||
</{{contentEl}}>
|
</{{contentEl}}>
|
||||||
|
|
||||||
{% if
|
{% if
|
||||||
|
@ -75,4 +101,28 @@
|
||||||
content: '➔';
|
content: '➔';
|
||||||
padding-left: 0.3em;
|
padding-left: 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.blog__post--pagination {
|
||||||
|
padding-top: 1em;
|
||||||
|
margin-top: 2.5em;
|
||||||
|
border-top: 0.1em solid var(--clr-title-border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog__post--nextprev {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
display: grid;
|
||||||
|
gap: 0.7em;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
grid-template-areas: 'prev next';
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog__post--prev {
|
||||||
|
grid-area: prev;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog__post--next {
|
||||||
|
grid-area: next;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -1,56 +0,0 @@
|
||||||
---
|
|
||||||
layout: main/content
|
|
||||||
isArticle: true
|
|
||||||
---
|
|
||||||
|
|
||||||
{{ content | safe }}
|
|
||||||
|
|
||||||
<nav class="blog__post--pagination" aria-labelledby="blog-pagination">
|
|
||||||
<h2 class="visually-hidden">Next and Previous Blog Posts</h2>
|
|
||||||
{%- if collections.posts %}
|
|
||||||
{%- set previousPost = collections.posts | getPreviousCollectionItem %}
|
|
||||||
{%- set nextPost = collections.posts | getNextCollectionItem %}
|
|
||||||
{%- if nextPost or previousPost %}
|
|
||||||
<ul class="blog__post--nextprev">
|
|
||||||
{%- if previousPost %}
|
|
||||||
<li class="blog__post--prev">
|
|
||||||
<p>Previous Post:</p>
|
|
||||||
<a href="{{ previousPost.url }}">{{ previousPost.data.articleTitle }}</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
{%- if nextPost %}
|
|
||||||
<li class="blog__post--next">
|
|
||||||
<p>Next Post:</p>
|
|
||||||
<a href="{{ nextPost.url }}">{{ nextPost.data.articleTitle }}</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
{%- endif %}
|
|
||||||
{%- endif %}
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.blog__post--pagination {
|
|
||||||
padding-top: 1em;
|
|
||||||
margin-top: 2.5em;
|
|
||||||
border-top: 0.1em solid var(--clr-title-border);
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog__post--nextprev {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
display: grid;
|
|
||||||
gap: 0.7em;
|
|
||||||
grid-template-columns: repeat(2, 1fr);
|
|
||||||
grid-template-areas: 'prev next';
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog__post--prev {
|
|
||||||
grid-area: prev;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog__post--next {
|
|
||||||
grid-area: next;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -1,6 +1,7 @@
|
||||||
{
|
{
|
||||||
"layout": "main/blogpost",
|
"layout": "main/content",
|
||||||
"tags": ["posts", "contents", "feed items"],
|
"tags": ["posts", "contents", "feed items"],
|
||||||
|
"isArticle": true,
|
||||||
"eleventyComputed": {
|
"eleventyComputed": {
|
||||||
"title": "{{ articleTitle }} | Blog",
|
"title": "{{ articleTitle }} | Blog",
|
||||||
"eleventyNavigation": {
|
"eleventyNavigation": {
|
||||||
|
|
Loading…
Reference in New Issue