Added h-entry microformat support

After adding the h-card, the second step in joining the IndieWeb was to mark up all of the content with the h-entry microformat which is often used with content intended to be syndicated, e.g. blog posts.

Microformats are the secret sauce of structured data on the web. They breathe life into your content, making it more interpretable for both people and machines. Among these microformats, h-entry is the go-to choice for formatting articles, blog posts, and other written content.

Adding an h-entry to your website is a fairly easy process, here’s a quick example of what an h-entry might look like in HTML:

<article class="h-entry">
  <h1 class="p-name">Your Article Title</h1>
  <p class="p-summary">A brief article summary.</p>
  <time class="dt-published" datetime="YYYY-MM-DD">Publication Date</time>
  <a class="u-url" href="https://yourwebsite.com/your-article">Permalink to your article</a>
  <div class="e-content">
    <!-- Your article content here -->
  </div>
</article>

For this website, marking up the content took a little bit longer because of the size and complexity. I needed to take a step back and restructure the templates in a more reusable form leading me to create templates for every tag with h-entry property which can be shared between every section thus making it easier to convert and maintain the whole website.

H-entry is a small step with far-reaching implications for engagement and sharing in the digital realm.