-<!doctype html>
-<html>
+<!doctype html> <html lang="en">
<head>
<meta charset="utf-8">
- <meta name="description" content="This is the blog at unlimited.pizza">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="description" content="My ephemeral blog">
- <title>blog 🍕</title>
+ <meta name="theme-color" content="#ffffff">
- <script src="/js/blog.js"></script>
-
- <link href="css/style.css" rel="stylesheet">
+ <title class="p-name">My Ephemeral Blog</title>
+ <link href="./feed.xml" rel="alternate" hreflang="en" title="RSS feed">
</head>
<body>
- <header class="main-header">
- <a href="/">Blog</a>
+ <header>
+ <h1>
+ <a href="./">My Ephemeral Blog</a>
+ </h1>
</header>
<main>
- {{~ it.posts: post}}
- <article id="{{= post.id}}">
+ <p>
+ Only 3 posts kept at a time.
+ This blog is also available in <a href="./index.txt">txt</a>
+ and <a href="./feed.xml">rss</a>
+ </p>
+ {{~ posts: post}}
+ <article class="h-entry" id="{{= post.index}}">
{{= post.html}}
</article>
- <hr>
+ <hr class="separator">
{{~}}
- {{? it.posts}}
+ {{? !has_posts}}
<h1>This is a fresh blog!</h1>
<p>There are no posts yet.</p>
{{?}}
</main>
- <footer>
- <p>Only 3 entries kept at any time. Press 1, 2, and 3 to switch. <a href="https://unlimited.pizza">unlimited.pizza</a></p>
- </footer>
</body>
</html>