add devlog layouts

This commit is contained in:
CJ van den Berg 2025-04-14 21:50:34 +02:00
parent 5e6929fe14
commit 8985cf6ec9
Signed by: neurocyte
GPG key ID: 8EB1E1BB660E3FB9
4 changed files with 94 additions and 0 deletions

View file

@ -0,0 +1,24 @@
<extend template="base.shtml">
<head id="head">
<style>
.date {
font-size: 0.9em;
}
.title h3{
margin-top: 0;
}
</style>
</head>
<body id="body">
<h1 :text="$page.title"></h1>
<div :html="$page.content()"></div>
<div>
<h2>Past years</h2>
<div :loop="$page.subpages()">
<span class="date" :text="$loop.it.date.format('Year 2006')"></span>
<a class="title" href="$loop.it.link()">
<h3 :text="$loop.it.title"></h3>
</a>
</div>
</div>
</body>

45
layouts/devlog.shtml Normal file
View file

@ -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>

21
layouts/devlog.xml Normal file
View file

@ -0,0 +1,21 @@
<rss version="2.0">
<channel>
<title :text="$site.title"></title>
<link :text="$site.host_url"></link>
<description :text="$site.title.suffix(' - Devlog')"></description>
<generator>Zine -- https://zine-ssg.io</generator>
<language>en-US</language>
<lastBuildDate :text="$build.generated.formatHTTP()"></lastBuildDate>
<ctx :if="$page.subpages().first?()">
<ctx :loop="$if.contentSections().slice(1)">
<item>
<title :text="$loop.it.heading()"></title>
<description :text="$loop.it.html()"></description>
<link :text="$site.host_url.addPath($page.link().suffix('#', $loop.it.id))"></link>
<pubDate :text="$loop.it.id.parseDate().formatHTTP()"></pubDate>
<guid :text="$site.host_url.addPath($page.link().suffix('#', $loop.it.id))"></guid>
</item>
</ctx>
</ctx>
</channel>
</rss>

View file

@ -21,6 +21,10 @@
<a href="https://github.com/neurocyte/flow-nightly/releases/latest">Nightly Builds</a> <a href="https://github.com/neurocyte/flow-nightly/releases/latest">Nightly Builds</a>
<ctx :if="$site.page('devlog').subpages().first?()">
<a href="$if.link()">Devlog</a>
</ctx>
<a href="https://git.flow-control.dev/neurocyte/flow">Source</a> <a href="https://git.flow-control.dev/neurocyte/flow">Source</a>
<a href="https://discord.com/invite/4wvteUPphx">Discord</a> <a href="https://discord.com/invite/4wvteUPphx">Discord</a>