Update templates

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

index 858396b3545f7fe46ea59971f9d055bbdd69d716..448a785662db71c6e663392439875a6350cd719e 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,32 +1,53 @@
  <!doctype html>
  <!doctype html>
-<html>
+<html lang="en" class="h-feed">
    <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 class="p-author" name="author" content="Rubén Beltrán del Río">
+    <meta name="description" content="This is ruben's gemlog">
  
  
-    <title>blog 🍕</title>
+    <meta name="theme-color" content="#ffffff">
  
  
-    <link href="css/style.css" rel="stylesheet">
+    <title class="p-name">Ruben's gemlog</title>
+
+    <script src="./js/blog.js"></script>
+
+    <link href="/css/style.css" rel="stylesheet">
+    <link href="./feed.xml" rel="alternate" hreflang="en" title="RSS feed">
+
+    <script type="module" src="//r.bdr.sh/js/animation.js"></script>
  
    </head>
    <body>
  
    </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="/gemlog">r.bdr.sh/gemlog</a>
+      </h1>
      </header>
      <main>
      </header>
      <main>
-    {{#posts}}
-      <article id="{{id}}">
-        {{{html}}}
+    <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>.
+    Full archive available in <a href="gemini://r.bdr.sh/gemlog">gemini</a>
+    </p>
+    <p>
+    → <a href="/">home</a>.
+    </p>
+    {{~ it.posts: post}}
+      <article class="h-entry" id="{{= post.index + 1}}">
+        {{= post.html}}
        </article>
        </article>
-      <hr>
-    {{/posts}}
-    {{^posts}}
+      <hr class="separator">
+    {{~}}
+    {{? it.posts.length === 0}}
        <h1>This is a fresh blog!</h1>
        <p>There are no posts yet.</p>
        <h1>This is a fresh blog!</h1>
        <p>There are no posts yet.</p>
-    {{/posts}}
+    {{?}}
      </main>
      <footer>
      </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>
+      <p>Press 1, 2, and 3 to switch. <a href="https://r.bdr.sh">r.bdr.sh</a></p>
      </footer>
    </body>
  </html>
      </footer>
    </body>
  </html>