blob: 132eee7ccc6b8cd13d267bb7c32f4e8b66168765 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
import { BaseLayout } from "$/ui/base/BaseLayout.tsx";
import { ReleaseCard } from "$/ui/components/ReleaseCard.tsx";
import { SiteHeader } from "$/ui/components/SiteHeader.tsx";
import { CardList } from "$/ui/layouts/CardList.tsx";
import { Container } from "$/ui/layouts/Container.tsx";
import { ActionButton } from "$/ui/objects/ActionButton.tsx";
import { Heading } from "$/ui/objects/Heading.tsx";
import { Icon } from "$/ui/objects/Icon.tsx";
import { PlaceholderBox } from "$/ui/objects/PlaceholderBox.tsx";
import site from "@/corvos.config.ts";
export const template = site.$.template({ type: "releases-index" }, (page, pages) => {
const query = site.$.query(pages);
const items = query.type(".html").match({ type: "release" }).many().toArray();
const feed = query.type(".rss").match({ type: "releases" }).one();
return (
<BaseLayout page={page}>
<SiteHeader
url={page.url}
end={
<div class="l-media__block">
<ActionButton
align-block
class="u-mbs-0"
href={feed.url}
icon={<Icon icon="rss-simple" variant="bold" />}
level="quiet"
pill
title="RSS Feed"
/>
</div>
}
sm={
<div class="l-media__block l-media__block--main">
<Heading class="u-mbs-0 u-elp">{page.data.title}</Heading>
</div>
}
></SiteHeader>
<Container as="main" fixed pad-block pad-inline>
<CardList keyboard-nav>
{items.map((item) => (
<ReleaseCard page={item} heading-level="h2" list />
))}
{!items.length && <PlaceholderBox as="em">Nothing there yet</PlaceholderBox>}
</CardList>
</Container>
</BaseLayout>
);
});
|
