<title class="p-name">Blog at Unlimited Pizza 🍕</title>
- <script src="/js/blog.js"></script>
+ <script src="./js/blog.js"></script>
- <link href="/css/style.css" rel="stylesheet">
- <link href="/feed.xml" rel="alternate" hreflang="en" title="RSS feed">
+ <link href="./css/style.css" rel="stylesheet">
+ <link href="./feed.xml" rel="alternate" hreflang="en" title="RSS feed">
+
+ <script type="module" src="//www.unlimited.pizza/js/animation.js"></script>
</head>
<body>
<header aria-label="Logo" class="main-header">
- <a href="/">Blog</a>
+ <h1>
+ <canvas width=100 height=100></canvas>
+ <a href="/gemlog">unlimited.pizza/gemlog</a>
+ </h1>
</header>
<main>
+ <p>
+ This blog is also available in <a href="./index.txt">plain text</a>.
+ Archive available in <a href="gemini://gemini.unlimited.pizza/gemlog">gemini</a>
+ </p>
+ <p>
+ → <a href="http://www.unlimited.pizza">home</a>.
+ </p>
{{~ it.posts: post}}
- <article class="h-entry" id="{{= post.id}}">
+ <article class="h-entry" id="{{= post.index + 1}}">
{{= post.html}}
</article>
- <hr>
+ <hr class="separator">
{{~}}
{{? it.posts.length === 0}}
<h1>This is a fresh blog!</h1>
{{?}}
</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>Only 3 entries kept at any time. Press 1, 2, and 3 to switch. <a href="https://www.unlimited.pizza">www.unlimited.pizza</a></p>
</footer>
</body>
</html>