add devlog layouts

2025-04-14 21:50:34 +02:00 · 2025-04-14 21:50:34 +02:00 · 8985cf6ec9
commit 8985cf6ec9
parent 5e6929fe14
4 changed files with 94 additions and 0 deletions
--- a/layouts/devlog.shtml
+++ b/layouts/devlog.shtml
@ -0,0 +1,45 @@
+<extend template="base.shtml">
+<head id="head">
+  <style>
+    .feed {
+      margin-top: 2em;
+    }
+
+    .feed>div {
+      margin: 0 -20px;
+      padding: 5px 20px;
+      margin-bottom: 1em;
+    }
+
+    .feed>div>h2 {
+      margin-top: 0.4em;
+    }
+
+    .feed>div[id]:target {
+      animation: pulse-div 2s ease-in-out 1 forwards;
+    }
+
+    @keyframes pulse-div {
+
+      0%,
+      100% {
+        background-color: #222;
+      }
+
+      50% {
+        background-color: #111;
+      }
+    }
+  </style>
+</head>
+<body id="body">
+  <h1 class="title" :text="$page.title"></h1>
+  <div :html="$page.contentSection('about')"></div>
+  <div class="feed" :loop="$page.contentSections().slice(1)">
+    <div id="$loop.it.id">
+      <span :text="$loop.it.id.parseDate().format('January 02, 2006')"></span>
+      <h2><a href="$loop.it.id.prefix('#')" :html="$loop.it.heading()"></a></h2>
+      <ctx :html="$loop.it.htmlNoHeading()"></ctx>
+    </div>
+  </div>
+</body>