]> git.r.bdr.sh - rbdr/blog/blobdiff - templates/index.html
Add part of the implementation for add
[rbdr/blog] / templates / index.html
index 0c45ce2fae45c44d63cfe70bc9f649748954cbd3..e28be64242f428fc1a949bf8ad24113247e1ae9a 100644 (file)
@@ -1,34 +1,38 @@
 <!doctype html>
 <!doctype html>
-<html>
+<html lang="en">
   <head>
     <meta charset="utf-8">
   <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>
   </head>
   <body>
-    <header class="main-header">
-      <a href="/">Blog</a>
+    <header>
+      <h1>
+        <a href="./">My Ephemeral Blog</a>
+      </h1>
     </header>
     <main>
     </header>
     <main>
+    <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>
     {{~ it.posts: post}}
     {{~ it.posts: post}}
-      <article id="{{= post.id}}">
+      <article class="h-entry" id="{{= post.index + 1}}">
         {{= post.html}}
       </article>
         {{= 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>
     {{?}}
     </main>
       <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>
   </body>
 </html>