Add posts section

src/_includes/layouts/layout.njk

@@ -36,10 +36,12 @@
 				{% set standalonePages = collections.all | filterDrafts | IsNotMainPageSection | eleventyNavigation %}
 
 				{% if standalonePages | length %}
+
 					<li><hr /></li>
 
 					{% for standalonePage in standalonePages %}
-						<li {% if standalonePage.url == page.url %}class="active"{% endif %}>
+						{# select the page on sub-pages #}
+						<li {% if page.url and page.url.startsWith(standalonePage.url) %}class="active"{% endif %}>
 							<a href="{{ standalonePage.url }}">
 								{% if standalonePage.icon is defined %}
 									<svg class="bi" fill="currentColor" role="img">

src/posts/index.njk

@@ -0,0 +1,21 @@
+---
+title: Posts
+eleventyNavigation:
+  key: Posts
+  icon: pencil
+  order: 1
+---
+
+{% if collections.posts | filterDrafts | IsNotPage(page.url) | length %}
+	{% for post in collections.posts | filterDrafts | IsNotPage(page.url) | reverse %}
+		<section>
+			<h2><a href={{ post.url }}>{{ post.data.title }}</a></h2>
+			<div>
+				{{ post.date.toLocaleDateString("en-US") }}
+			</div>
+			<p>{{ post.data.description }}</p>
+		</section>
+	{% endfor %}
+{% else %}
+	<p>No posts</p>
+{% endif %}

src/posts/post1.md

@@ -0,0 +1,8 @@
+---
+title: Post 1
+description: Post 1 description
+date: git Created
+draft: true
+---
+
+Post 1 content

src/posts/post2.md

@@ -0,0 +1,8 @@
+---
+title: Post 2
+description: Post 2 description
+date: git Created
+draft: true
+---
+
+Post 2 content

src/posts/posts.11tydata.json

@@ -0,0 +1,3 @@
+{
+	"tags": [ "posts" ]
+}