Update deps and updated the about page.

 On branch main
 Your branch is up to date with 'origin/main'.

 Changes to be committed:
	modified:   404.html
	modified:   _includes/base.html
	new file:   _includes/main.css
	modified:   _includes/page.html
	modified:   _includes/post.html
	modified:   about.html
	deleted:    assets/main.css
	deleted:    atom.xml.njk
	modified:   eleventy.config.js
	modified:   index.html
	modified:   package-lock.json
	modified:   package.json
	modified:   posts.html
	modified:   posts/posts.11tydata.js

1 files changed, 12 insertions, 15 deletions

diff --git a/posts.html b/posts.html
index ccb45b3..fde3bfd 100644
--- a/posts.html
+++ b/posts.html
@@ -1,6 +1,6 @@
 ---json
 {
-"layout": "page.html",
+"layout": "page",
 "title": "Posts",
 "eleventyNavigation": {
 "key": "Posts",
@@ -8,21 +8,18 @@
 }
 }
 ---
-<div itemscope itemtype={% schema "Blog" %} role="feed" aria-busy="false">
-	{% for post in collections.post %}
-	<article itemprop="blogPost" itemscope itemtype="{% schema 'BlogPosting' %}" aria-posinset="loop.index"
-		aria-setsize="loop.lenght">
-		<h3 itemprop="headline"><a href="{{ post.url }}" itemprop="sameAs">{{post.title or "p"}}</a></h3>
+<div itemscope :itemtype="schema('Blog')" role="feed" aria-busy="false" webc:for="(post, index) of collections.post">
+	<article itemprop="blogPost" itemscope :itemtype="schema('BlogPosting')" :aria-posinset="index"
+		:aria-setsize="collections.post.lenght">
+		<h3 itemprop="headline"><a :href="post.url" itemprop="sameAs" @text="post.data.title"></a></h3>
 		<small>
-			<time datetime="{{ post.date | htmlDateString }}" itemprop="datePublished">{{ post.date |
-				readableDate }}</time> - <span itemprop="author" itemscope
-				itemtype="{% schema 'Person' %}">
-				<a href="{{ metadata.author.url }}" rel="author" itemprop="url">
-					<span itemprop="name">{{metadata.author.name}}</span>
-				</a>
-			</span>
+			<time :datetime="htmlDateString(post.date)" itemprop="datePublished"
+				@text="readableDate(post.date)"></time> -
+			<span itemprop=" author" itemscope :itemtype="schema('Person')"></span>
+			<a :href="metadata.author.url" rel="author" itemprop="url">
+				<span itemprop="name" @text="metadata.author.name">
+			</a>
 		</small>
-		<p itemprop="abstract">{{description}}
+		<p itemprop="abstract" @text="post.data.description"></p>
 	</article>
-	{% endfor %}
 </div>