git.r.bdr.sh - rbdr/blog/blob - templates/index.html

   1 <!doctype html>
   2 <html lang="en" class="h-feed">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1">
   6     <meta class="p-author" name="author" content="Rubén Beltrán del Río">
   7     <meta name="description" content="This is ruben's gemlog">
   8
   9     <meta name="theme-color" content="#ffffff">
  10
  11     <title class="p-name">Ruben's gemlog</title>
  12
  13     <script src="./js/blog.js"></script>
  14
  15     <link href="/css/style.css" rel="stylesheet">
  16     <link href="./feed.xml" rel="alternate" hreflang="en" title="RSS feed">
  17
  18     <script type="module" src="//r.bdr.sh/js/animation.js"></script>
  19
  20   </head>
  21   <body>
  22     <header aria-label="Logo" class="main-header">
  23       <h1>
  24         <canvas width=100 height=100></canvas>
  25         <a href="/gemlog">r.bdr.sh/gemlog</a>
  26       </h1>
  27     </header>
  28     <main>
  29     <p>
  30     Only 3 posts kept at a time.
  31     This blog is also available in <a href="./index.txt">txt</a>
  32     and <a href="./feed.xml">rss</a>.
  33     Full archive available in <a href="gemini://r.bdr.sh/gemlog">gemini</a>
  34     </p>
  35     <p>
  36     → <a href="/">home</a>.
  37     </p>
  38     {{~ it.posts: post}}
  39       <article class="h-entry" id="{{= post.index + 1}}">
  40         {{= post.html}}
  41       </article>
  42       <hr class="separator">
  43     {{~}}
  44     {{? it.posts.length === 0}}
  45       <h1>This is a fresh blog!</h1>
  46       <p>There are no posts yet.</p>
  47     {{?}}
  48     </main>
  49     <footer>
  50       <p>Press 1, 2, and 3 to switch. <a href="https://r.bdr.sh">r.bdr.sh</a></p>
  51     </footer>
  52   </body>
  53 </html>