🔥 remove tools/uses page

src/data/tools.json

@@ -1,31 +0,0 @@
-[
-    {
-      "name": "Obsidian",
-      "description": "Private and flexible note‑taking app that adapts to the way you think",
-      "link": "https://obsidian.md/",
-      "icon": "https://img.icons8.com/?size=512&id=q53th37bGbV0&format=png",
-      "tag": "productivity"
-    },
-    {
-      "name": "GitHub",
-      "description": "Code hosting for all projects",
-      "link": "https://github.com/",
-      "icon": "https://img.icons8.com/?size=512&id=52539&format=png",
-      "tag": "webdev"
-    },
-    {
-      "name": "Alacritty",
-      "description": "A modern terminal emulator that comes with sensible defaults, but allows for extensive configuration",
-      "link": "https://alacritty.org/",
-      "icon": "https://cdn.icon-icons.com/icons2/3053/PNG/512/alacritty_macos_bigsur_icon_190410.png",
-      "tag": "productivity"
-    },
-    {
-      "name": "Figma",
-      "description": "Design tool for all design artifacts and social media handles",
-      "link": "https://www.figma.com/",
-      "icon": "https://img.icons8.com/?size=512&id=zfHRZ6i1Wg0U&format=png",
-      "tag": "design"
-    }
-  ]
-  

src/pages/uses.astro

@@ -1,38 +0,0 @@
----
-import stackData from '../../data/tools.json'
-import SectionContainer from '../components/SectionContainer.astro';
----
-
-<SectionContainer>
-    <main class="flex flex-col justify-center items-left mx-auto pt-8">
-        <h1 class="text-2xl">Tools</h1>
-        <p>Tools I use everyday (or at least most days)</p>
-        <ul class="pt-2">
-            {stackData.map((data) => 
-                <div class="p-2 mb-4 cards">
-                    <ul>
-                        <a 
-                        href={data.link}
-                        class="flex gap-2"
-                        >
-                        <img src={data.icon} class="w-20 h-20" />
-                        <div class="flex flex-col">
-                            <p>
-                                {data.name}
-                            </p>
-                            <div class="description">
-                                <p>{data.description}</p>
-                            </div>
-                                <div class="tag">
-                                    <button class="flex auto border-solid border-2 px-1 rounded-md text-sm">
-                                        #{data.tag}
-                                    </button>
-                                </div>
-                        </div>
-                        </a>
-                    </ul>
-                </div>
-            )}
-        </ul>
-    </main>
-</SectionContainer>

src/styles/global.css

@@ -59,19 +59,6 @@ body {
 	background-color: var(--dark-bg);
 }
 
-/* TOOLS */
-.cards :hover { background: var(--light-hover) }
-
-.dark .cards :hover { background: var(--dark-hover) }
-
-.description p { color: var(--light-2); }
-
-.dark .description p { color: var(--dark-2); }
-
-.tag button { color: var(--light-3); border-color: var(--light-3); }
-
-.dark .tag button { color: var(--dark-3); border-color: var(--dark-3); }
-
 /* BLOG */
 .blog h1 {
 	display: none;