Markup content with more microformats

2 files changed, 30 insertions, 7 deletions

diff --git a/src/templates.ts b/src/templates.ts
index 50c45ab..1006e21 100644
--- a/src/templates.ts
+++ b/src/templates.ts
@@ -51,7 +51,10 @@ async function renderHomepage(posts: Array<Post>): Promise<string> {
     cheerio.load(await Bun.file("templates/index.html").text()),
     config.title,
   );
-  $("#content").html(marked.parse(file.content));
+
+  $("body").addClass("h-card");
+  $(".title").addClass("p-name").addClass("u-url");
+  $("#content").html(await marked.parse(file.content));
   const $feed = $(".h-feed");
   const $tpl = $(".h-entry").remove();
 
@@ -74,6 +77,7 @@ async function renderPost(file: Post, content: string) {
     file.title,
   );
 
+  $(".title").addClass("h-card p-author").attr("rel", "author");
   $(".h-entry .dt-published")
     .attr("datetime", file.date.toISOString())
     .text(file.date.toISOString().slice(0, 10));
@@ -102,6 +106,7 @@ async function renderListPage(tag: string, posts: Post[]) {
   );
   const $feed = $(".h-feed");
   const $tpl = $(".h-entry").remove();
+  $(".title").addClass("p-author h-card").attr("rel", "author");
 
   for (const post of posts) {
     const $post = $tpl.clone();
diff --git a/templates/index.html b/templates/index.html
index b4832a9..2eb29d8 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -45,12 +45,30 @@
       <section>
         <h2>Elsewhere on the Internet</h2>
         <ul>
-          <li><a href="mailto:alan@alanpearce.eu">alan@alanpearce.eu</a></li>
-          <li><a href="https://codeberg.org/alanpearce/">Codeberg</a></li>
-          <li><a href="https://github.com/alanpearce/">GitHub</a></li>
-          <li><a href="https://gitlab.com/alanpearce/">GitLab</a></li>
-          <li><a href="https://ieji.de/@alanpearce">Mastodon</a></li>
-          <li><a href="https://bsky.app/profile/alanpearce.eu">Bluesky</a></li>
+          <li>
+            <a class="u-email" href="mailto:alan@alanpearce.eu"
+              >alan@alanpearce.eu</a
+            >
+          </li>
+          <li>
+            <a class="u-url" href="https://codeberg.org/alanpearce/"
+              >Codeberg</a
+            >
+          </li>
+          <li>
+            <a class="u-url" href="https://github.com/alanpearce/">GitHub</a>
+          </li>
+          <li>
+            <a class="u-url" href="https://gitlab.com/alanpearce/">GitLab</a>
+          </li>
+          <li>
+            <a class="u-url" href="https://ieji.de/@alanpearce">Mastodon</a>
+          </li>
+          <li>
+            <a class="u-url" href="https://bsky.app/profile/alanpearce.eu"
+              >Bluesky</a
+            >
+          </li>
         </ul>
       </section>
     </main>