From 117f9892d67809ad7948c8d8be058e6db5a26da0 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 22 Dec 2024 20:34:16 -0600
Subject: [PATCH] feat: start of charts

---
 packages/website/src/constants/tools.ts | 14 ++++++++++++++
 packages/website/src/pages/index.astro  | 16 +++++++++++-----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/packages/website/src/constants/tools.ts b/packages/website/src/constants/tools.ts
index 60d13a548..7c16e3dc0 100644
--- a/packages/website/src/constants/tools.ts
+++ b/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,
diff --git a/packages/website/src/pages/index.astro b/packages/website/src/pages/index.astro
index fee8175f7..f5cc1d113 100644
--- a/packages/website/src/pages/index.astro
+++ b/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>