Add h-feed fields to markup

[rbdr/blog] / templates / index.html
diff --git a/templates/index.html b/templates/index.html

index 0c45ce2fae45c44d63cfe70bc9f649748954cbd3..3e37304dc6c6d43838d2439274c80907b9cd7e61 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,28 +1,33 @@
  <!doctype html>
-<html>
+<html lang="en" class="h-feed">
    <head>
      <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta class="p-author" name="author" content="Rubén Beltrán del Río">
      <meta name="description" content="This is the blog at unlimited.pizza">
  
-    <title>blog 🍕</title>
+    <meta name="theme-color" content="#ffffff">
+
+    <title class="p-name">Blog at Unlimited Pizza 🍕</title>
  
      <script src="/js/blog.js"></script>
  
-    <link href="css/style.css" rel="stylesheet">
+    <link href="/css/style.css" rel="stylesheet">
+    <link href="/feed.xml" rel="alternate" hreflang="en" title="RSS feed">
  
    </head>
    <body>
-    <header class="main-header">
+    <header aria-label="Logo" class="main-header">
        <a href="/">Blog</a>
      </header>
      <main>
      {{~ it.posts: post}}
-      <article id="{{= post.id}}">
+      <article class="h-entry" id="{{= post.id}}">
          {{= post.html}}
        </article>
        <hr>
      {{~}}
-    {{? it.posts}}
+    {{? it.posts.length === 0}}
        <h1>This is a fresh blog!</h1>
        <p>There are no posts yet.</p>
      {{?}}