blob: 0cbc3f860454821d273e07618a99891f85f1d3aa (
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
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 { HList } from "$/ui/layouts/HList.tsx";
import { Button } from "$/ui/objects/Button.tsx";
import { Divider } from "$/ui/objects/Divider.tsx";
import { Heading } from "$/ui/objects/Heading.tsx";
import { Icon } from "$/ui/objects/Icon.tsx";
import site from "@/corvos.config.ts";
export const template = site.$.template({ type: "home" }, (page, pages) => {
const query = site.$.query(pages);
const releasesIndex = query.type(".html").match({ type: "releases-index" }).one();
const releases = query.type(".html").match({ type: "release" }).many().toArray();
return (
<BaseLayout page={page}>
<SiteHeader
url={page.url}
sm={
<div class="l-media__block l-media__block--main">
<Heading class="u-mbs-0 u-elp">{page.data.title}</Heading>
</div>
}
/>
<Container fixed="150" pad-inline pad-block class="c-home-banner">
<Heading as="h1" class="c-home-banner__intro">
<strong class="o-heading__highlight">
<a class="p-name u-url u-uid" href={site.$.url("", true)}>
Corvos
</a>
</strong>{" "}
– A static site generator for Deno.
</Heading>
<div class="u-mbs-400 c-subtitle">{{ __html: page.content }}</div>
<HList class="u-mbs-700">
<li>
<Button
href={releasesIndex.url}
post={<Icon icon="arrow-right" variant="bold" />}
size="lg"
variant="primary"
wide
>
Releases
</Button>
</li>
<li>
<Button
href="https://git.wyvern.rip/corvos-website/"
post={<Icon icon="arrow-up-right" variant="bold" />}
size="lg"
wide
>
Example project
</Button>
</li>
</HList>
</Container>
<Divider level="faint" />
<Container fixed="150" pad-block pad-inline>
<Container class="u-mbs-neutralize u-mis-0" fixed>
<CardList keyboard-nav>
{releases.map((page) => (
<ReleaseCard page={page} heading-level="h3" list />
))}
</CardList>
</Container>
</Container>
</BaseLayout>
);
});
|
