6 files changed, 60 insertions, 37 deletions

diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 1d35a1d..7d73a54 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -7,4 +7,4 @@ description: "Project website of Corvos, a static site generator for Deno."
 import { template } from "./index.tsx";
 export { template };
 
-Corvos is a Static Site Generator with the goal to provide a customizeable, type-safe experience.
+It provides an easy-to-customize experience, designed to take full advantage of TypeScript's capabilities.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index b1581b7..0cbc3f8 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -3,6 +3,7 @@ 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";
@@ -37,27 +38,42 @@ export const template = site.$.template({ type: "home" }, (page, pages) => {
 
                                 <div class="u-mbs-400 c-subtitle">{{ __html: page.content }}</div>
 
-                                <div class="u-mbs-700">
-                                        <Button
-                                                href={releasesIndex.url}
-                                                post={<Icon icon="arrow-right" variant="bold" />}
-                                                size="xl"
-                                                variant="primary"
-                                                wide
-                                        >
-                                                Releases
-                                        </Button>
-                                </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 class="u-mbs-neutralize" fixed="150" pad-block pad-inline>
-                                <CardList keyboard-nav>
-                                        {releases.map((page) => (
-                                                <ReleaseCard page={page} heading-level="h3" list />
-                                        ))}
-                                </CardList>
+                        <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>
         );
diff --git a/src/pages/pkg/corvos@[version].ts b/src/pages/pkg/corvos.ts
index 6dcb65a..6dcb65a 100644
--- a/src/pages/pkg/corvos@[version].ts
+++ b/src/pages/pkg/corvos.ts
diff --git a/src/pages/releases/[version].tsx b/src/pages/releases/[version].tsx
index 84d807a..262dac1 100644
--- a/src/pages/releases/[version].tsx
+++ b/src/pages/releases/[version].tsx
@@ -23,13 +23,14 @@ export const pages = site.$.pageGenerator(async function* () {
         })) {
                 if (item instanceof PipelineStageError) {
                         yield item;
-                } else {
-                        yield new Page(".strapi", item.notes ?? [], {
-                                ...item,
-                                title: `Corvos ${item.version}`,
-                                type: "release" as const,
-                        });
+                        continue;
                 }
+
+                yield new Page(".strapi", item.notes ?? [], {
+                        ...item,
+                        title: `Corvos ${item.version}`,
+                        type: "release" as const,
+                });
         }
 });
 
diff --git a/src/styles/components/_home-banner.scss b/src/styles/components/_home-banner.scss
index 660cd9b..59dd255 100644
--- a/src/styles/components/_home-banner.scss
+++ b/src/styles/components/_home-banner.scss
@@ -12,7 +12,7 @@
         @include bem.component("home-banner") {
                 @include bem.elem("intro") {
                         margin-block-start: 0;
-                        font-size: clamp(props.get(iro.$core--font-size--500), 5.3vw, 5rem);
+                        font-size: clamp(props.get(iro.$core--font-size--800), 4.4vw, 4.2rem);
                         font-weight: 300;
                         color: props.get(iro.$core--theme, --text);
                         line-height: 1.2;
@@ -28,7 +28,7 @@
 
                 @include iro.media--media("<=md") {
                         @include bem.elem("intro") {
-                                font-size: props.get(iro.$core--font-size--500);
+                                font-size: props.get(iro.$core--font-size--800);
                         }
 
                         @include bem.elem("buttons") {
diff --git a/src/ui/components/ReleaseCard.tsx b/src/ui/components/ReleaseCard.tsx
index bffe256..5b7b346 100644
--- a/src/ui/components/ReleaseCard.tsx
+++ b/src/ui/components/ReleaseCard.tsx
@@ -13,6 +13,18 @@ export type Props = CardProps<"a"> & {
 };
 
 export const ReleaseCard = ({ "heading-level": headingLevel, page, ...props }: Props) => {
+        const time = (
+                <li class="l-hlist__item">
+                        <time class="dt-published" datetime={page.data.date.toISOString()}>
+                                {page.data.date.toLocaleDateString(undefined, {
+                                        day: "numeric",
+                                        month: "short",
+                                        year: "numeric",
+                                })}
+                        </time>
+                </li>
+        );
+
         return (
                 <Card
                         as="a"
@@ -27,20 +39,14 @@ export const ReleaseCard = ({ "heading-level": headingLevel, page, ...props }: P
                                 <Heading as={headingLevel} class="p-name">
                                         <span class="u-mie-100">{page.data.title}</span>
                                 </Heading>
+
+                                <small class="u-c-mute u-d-none@sm-hi">
+                                        <ul class="l-hlist l-hlist--separated">{time}</ul>
+                                </small>
                         </CardBody>
 
                         <CardBody as="small" class="u-c-mute u-d-none@sm-lo">
-                                <ul class="l-hlist l-hlist--separated">
-                                        <li class="l-hlist__item">
-                                                <time class="dt-published" datetime={page.data.date.toISOString()}>
-                                                        {page.data.date.toLocaleDateString(undefined, {
-                                                                day: "numeric",
-                                                                month: "short",
-                                                                year: "numeric",
-                                                        })}
-                                                </time>
-                                        </li>
-                                </ul>
+                                <ul class="l-hlist l-hlist--separated">{time}</ul>
                         </CardBody>
                 </Card>
         );