diff options
Diffstat (limited to 'src/pages/index.tsx')
| -rw-r--r-- | src/pages/index.tsx | 50 |
1 files changed, 33 insertions, 17 deletions
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"; | |||
| 3 | import { SiteHeader } from "$/ui/components/SiteHeader.tsx"; | 3 | import { SiteHeader } from "$/ui/components/SiteHeader.tsx"; |
| 4 | import { CardList } from "$/ui/layouts/CardList.tsx"; | 4 | import { CardList } from "$/ui/layouts/CardList.tsx"; |
| 5 | import { Container } from "$/ui/layouts/Container.tsx"; | 5 | import { Container } from "$/ui/layouts/Container.tsx"; |
| 6 | import { HList } from "$/ui/layouts/HList.tsx"; | ||
| 6 | import { Button } from "$/ui/objects/Button.tsx"; | 7 | import { Button } from "$/ui/objects/Button.tsx"; |
| 7 | import { Divider } from "$/ui/objects/Divider.tsx"; | 8 | import { Divider } from "$/ui/objects/Divider.tsx"; |
| 8 | import { Heading } from "$/ui/objects/Heading.tsx"; | 9 | import { Heading } from "$/ui/objects/Heading.tsx"; |
| @@ -37,27 +38,42 @@ export const template = site.$.template({ type: "home" }, (page, pages) => { | |||
| 37 | 38 | ||
| 38 | <div class="u-mbs-400 c-subtitle">{{ __html: page.content }}</div> | 39 | <div class="u-mbs-400 c-subtitle">{{ __html: page.content }}</div> |
| 39 | 40 | ||
| 40 | <div class="u-mbs-700"> | 41 | <HList class="u-mbs-700"> |
| 41 | <Button | 42 | <li> |
| 42 | href={releasesIndex.url} | 43 | <Button |
| 43 | post={<Icon icon="arrow-right" variant="bold" />} | 44 | href={releasesIndex.url} |
| 44 | size="xl" | 45 | post={<Icon icon="arrow-right" variant="bold" />} |
| 45 | variant="primary" | 46 | size="lg" |
| 46 | wide | 47 | variant="primary" |
| 47 | > | 48 | wide |
| 48 | Releases | 49 | > |
| 49 | </Button> | 50 | Releases |
| 50 | </div> | 51 | </Button> |
| 52 | </li> | ||
| 53 | |||
| 54 | <li> | ||
| 55 | <Button | ||
| 56 | href="https://git.wyvern.rip/corvos-website/" | ||
| 57 | post={<Icon icon="arrow-up-right" variant="bold" />} | ||
| 58 | size="lg" | ||
| 59 | wide | ||
| 60 | > | ||
| 61 | Example project | ||
| 62 | </Button> | ||
| 63 | </li> | ||
| 64 | </HList> | ||
| 51 | </Container> | 65 | </Container> |
| 52 | 66 | ||
| 53 | <Divider level="faint" /> | 67 | <Divider level="faint" /> |
| 54 | 68 | ||
| 55 | <Container class="u-mbs-neutralize" fixed="150" pad-block pad-inline> | 69 | <Container fixed="150" pad-block pad-inline> |
| 56 | <CardList keyboard-nav> | 70 | <Container class="u-mbs-neutralize u-mis-0" fixed> |
| 57 | {releases.map((page) => ( | 71 | <CardList keyboard-nav> |
| 58 | <ReleaseCard page={page} heading-level="h3" list /> | 72 | {releases.map((page) => ( |
| 59 | ))} | 73 | <ReleaseCard page={page} heading-level="h3" list /> |
| 60 | </CardList> | 74 | ))} |
| 75 | </CardList> | ||
| 76 | </Container> | ||
| 61 | </Container> | 77 | </Container> |
| 62 | </BaseLayout> | 78 | </BaseLayout> |
| 63 | ); | 79 | ); |