feat: start of charts

packages/website/src/constants/tools.ts

@@ -176,6 +176,20 @@ export const tierListTool: Tool = {
   branches: ['main', 'dev', 'opentest', 'preview'],
 };
 
+export const chartsTool: Tool = {
+  id: 'charts',
+  title: 'Charts',
+  description: 'Lots of Blitz charts',
+  pageDescription:
+    'Charts and graphs on anything and everything about tanks, players, and events in World of Tanks Blitz',
+  button: {
+    text: 'Nerd out',
+    color: 'yellow',
+  },
+  image: '9s68NwR',
+  branches: ['main', 'dev', 'opentest', 'preview'],
+};
+
 export const TOOLS: Tool[] = [
   tankopediaTool,
   compareTool,

packages/website/src/pages/index.astro

@@ -1,12 +1,13 @@
 ---
 import { assertSecret } from '@blitzkit/core';
-import { Flex, Heading } from '@radix-ui/themes';
+import { Box, Flex, Heading } from '@radix-ui/themes';
 import { AesonPlug } from '../components/AesonPlug';
 import HomeHero from '../components/HomeHero.astro';
 import { HomePageHotTanks } from '../components/HomePageHotTanks';
 import { Plugs } from '../components/Plugs.tsx';
 import ToolCard from '../components/ToolCard.astro';
 import {
+  chartsTool,
   compareTool,
   discordTool,
   embedTool,
@@ -48,18 +49,23 @@ const branch = assertSecret(import.meta.env.PUBLIC_ASSET_BRANCH);
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
+        <ToolCard tool={chartsTool} />
         <ToolCard tool={galleryTool} />
+      </Flex>
+
+      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={sessionTool} />
-      </Flex>
-
-      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={discordTool} />
-        <ToolCard tool={tierListTool} />
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
+        <ToolCard tool={tierListTool} />
         <ToolCard tool={embedTool} />
+      </Flex>
+
+      <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={moreTool} />
+        <Box flexGrow="1" />
       </Flex>
 
       <Heading align="center" mt="6">Other cool projects</Heading>