<!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">
+
+ <script type="module" src="//unlimited.pizza/js/animation.js"></script>
</head>
<body>
- <header class="main-header">
- <a href="/">Blog</a>
+ <header aria-label="Logo" class="main-header">
+ <h1>
+ <canvas width=100 height=100></canvas>
+ <a href="/">blog.unlimited.pizza</a>
+ </h1>
</header>
<main>
+ <p>
+ → <a href="http://unlimited.pizza">home</a>.
+ </p>
{{~ it.posts: post}}
- <article id="{{= post.id}}">
+ <article class="h-entry" id="{{= post.index + 1}}">
{{= post.html}}
</article>
- <hr>
+ <hr class="separator">
{{~}}
- {{? it.posts}}
+ {{? it.posts.length === 0}}
<h1>This is a fresh blog!</h1>
<p>There are no posts yet.</p>
{{?}}