Files
misode.github.io/src/app/pages/Worldgen.tsx
Misode f71e44f91b Add Tailwind CSS (#425)
* Install and configure tailwind

* Fix style issues
2023-10-02 23:38:18 +02:00

31 lines
1.0 KiB
TypeScript

import { Footer, GeneratorCard, GeneratorList, GuideCard, ToolGroup } from '../components/index.js'
import { useLocale, useTitle } from '../contexts/index.js'
interface Props {
path?: string
}
export function Worldgen({}: Props) {
const { locale } = useLocale()
useTitle(locale('title.worldgen'))
return <main>
<div class="legacy-container worldgen">
<div class="card-group">
<ToolGroup title={locale('generators.popular')}>
<GeneratorCard minimal id="dimension" />
<GeneratorCard minimal id="worldgen/biome" />
<GeneratorCard minimal id="worldgen/noise_settings" />
<GeneratorCard minimal id="worldgen/configured_feature" />
<GeneratorCard minimal id="worldgen/placed_feature" />
</ToolGroup>
<ToolGroup title={locale('guides')} link="/guides/?tags=worldgen" titleIcon="arrow_right">
<GuideCard id="adding-custom-structures" />
<GuideCard id="placed-features" />
</ToolGroup>
</div>
<GeneratorList predicate={gen => gen.tags?.includes('worldgen')} />
</div>
<Footer />
</main>
}