yadunut.dev/layouts/microblog.shtml
Yadunand Prem 7694a53afd
All checks were successful
Build OCI Image / docker (push) Successful in 36s
Insert number of entries for microblog
2025-08-13 01:03:24 +08:00

49 lines
1.0 KiB
Plaintext

<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('#')">
[<ctx :text="$loop.idx.div(-1).plus($loop.len).plus(1)"></ctx>]
<ctx :html="$loop.it.heading()"></ctx>
</a></h2>
<ctx :html="$loop.it.htmlNoHeading()"></ctx>
</div>
</div>
</body>