mirror of
https://github.com/blitzkit/blitzkit.git
synced 2026-10-21 10:47:04 +02:00
46 lines
1.0 KiB
Plaintext
46 lines
1.0 KiB
Plaintext
---
|
|
import { Box, Flex, Heading, Text } from "@radix-ui/themes";
|
|
import ToolOpenGraph from "../components/ToolOpenGraph.astro";
|
|
import type { Tool } from "../constants/tools";
|
|
import { getStrings } from "../core/i18n/getStrings";
|
|
import BaseLayout from "./BaseLayout.astro";
|
|
|
|
interface Props {
|
|
tool: Tool;
|
|
locale: string;
|
|
}
|
|
|
|
const { tool, locale } = Astro.props;
|
|
const strings = getStrings(locale);
|
|
const toolStrings =
|
|
strings.website.tools[
|
|
(tool.strings ?? tool.id) as keyof typeof strings.website.tools
|
|
];
|
|
---
|
|
|
|
<ToolOpenGraph {tool} />
|
|
|
|
<BaseLayout {locale}>
|
|
<Box
|
|
style={{
|
|
backgroundImage: `url(/assets/images/tools/${tool.id}.webp)`,
|
|
backgroundSize: "cover",
|
|
}}
|
|
>
|
|
<Flex
|
|
direction="column"
|
|
align="center"
|
|
py="6"
|
|
style={{
|
|
backdropFilter: "blur(4rem)",
|
|
WebkitBackdropFilter: "blur(4rem)",
|
|
}}
|
|
>
|
|
<Heading size="7">{toolStrings.name}</Heading>
|
|
<Text>{toolStrings.description}</Text>
|
|
</Flex>
|
|
</Box>
|
|
|
|
<slot />
|
|
</BaseLayout>
|