biome setup

astro.config.mjs

@@ -1,13 +1,12 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
 
-import vercel from '@astrojs/vercel';
+import react from "@astrojs/react";
 
-import react from '@astrojs/react';
+import vercel from "@astrojs/vercel";
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "astro/config";
 
-import tailwindcss from '@tailwindcss/vite';
+import icon from "astro-icon";
-
-import icon from 'astro-icon';
 
 // https://astro.build/config
 export default defineConfig({
@@ -15,6 +14,6 @@ export default defineConfig({
     integrations: [react(), icon()],
 
     vite: {
-    plugins: [tailwindcss()]
+        plugins: [tailwindcss()],
-  }
+    },
 });

biome.json

@@ -0,0 +1,54 @@
+{
+    "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
+    "vcs": {
+        "enabled": true,
+        "clientKind": "git",
+        "useIgnoreFile": true
+    },
+    "files": {
+        "includes": ["**", "!!**/dist"]
+    },
+    "formatter": {
+        "enabled": true,
+        "formatWithErrors": false,
+        "indentStyle": "space",
+        "indentWidth": 4,
+        "lineWidth": 110
+    },
+    "linter": {
+        "enabled": true,
+        "rules": {
+            "recommended": true
+        }
+    },
+    "overrides": [
+        {
+            "includes": ["**/*.svelte", "**/*.astro", "**/*.vue"],
+            "linter": {
+                "rules": {
+                    "style": {
+                        "useConst": "off",
+                        "useImportType": "off"
+                    },
+                    "correctness": {
+                        "noUnusedVariables": "off",
+                        "noUnusedImports": "off"
+                    }
+                }
+            }
+        }
+    ],
+    "javascript": {
+        "formatter": {
+            "quoteStyle": "double"
+        }
+    },
+    "assist": {
+        "enabled": true,
+        "actions": {
+            "source": {
+                "organizeImports": "on"
+            }
+        }
+    }
+}

public/fonts/CommitMono/custom-settings.json

@@ -1 +1,20 @@
-{"weight":200,"italic":false,"alternates":{"cv01":false,"cv02":false,"cv03":false,"cv04":false,"cv05":true,"cv06":false,"cv07":false,"cv08":false,"cv09":false,"cv10":false,"cv11":false},"features":{"ss01":false,"ss02":false,"ss03":true,"ss04":true,"ss05":true},"letterSpacing":0,"lineHeight":1}
+{
+    "weight": 200,
+    "italic": false,
+    "alternates": {
+        "cv01": false,
+        "cv02": false,
+        "cv03": false,
+        "cv04": false,
+        "cv05": true,
+        "cv06": false,
+        "cv07": false,
+        "cv08": false,
+        "cv09": false,
+        "cv10": false,
+        "cv11": false
+    },
+    "features": { "ss01": false, "ss02": false, "ss03": true, "ss04": true, "ss05": true },
+    "letterSpacing": 0,
+    "lineHeight": 1
+}

src/components/CommandPalette.astro

@@ -2,7 +2,7 @@
 import { Icon } from "astro-icon/components";
 import type { AstroModule, ProjectMetadata } from "../pages/index.astro";
 
-interface Props {}
+type Props = {};
 
 const {} = Astro.props;
 
@@ -17,9 +17,8 @@ options.push({
 });
 
 // add all individual projects to options
-Object.values(
+Object.values(import.meta.glob<AstroModule>("../pages/projects/*.astro", { eager: true })).forEach(
-    import.meta.glob<AstroModule>("../pages/projects/*.astro", { eager: true })
+    (module) => {
-).forEach((module) => {
         const metadata = module.metadata as ProjectMetadata;
         if (metadata && !metadata.hidden) {
             options.push({
@@ -27,7 +26,8 @@ Object.values(
                 location: `/projects/${metadata.slug}`,
             });
         }
-});
+    },
+);
 ---
 
 <script>

src/layouts/Layout.astro

@@ -2,6 +2,7 @@
 import "../styles/global.css";
 import CommandPalette from "../components/CommandPalette.astro";
 import Header from "../components/Header.astro";
+
 const { currentPage } = Astro.props;
 ---
 

src/pages/font.astro

@@ -2,8 +2,7 @@
 import Layout from "../layouts/Layout.astro";
 
 const weights = [
-  200, 225, 250, 275, 300, 325, 350, 375, 400, 425, 450, 475, 500, 525, 550,
+    200, 225, 250, 275, 300, 325, 350, 375, 400, 425, 450, 475, 500, 525, 550, 575, 600, 625, 650, 675, 700,
-  575, 600, 625, 650, 675, 700,
 ];
 
 const sampleText = "The quick brown fox jumps over the lazy dog 0123456789.";

src/pages/index.astro

@@ -67,7 +67,7 @@ function parseDate(dateStr: string): Date {
 const isDevMode = import.meta.env.PUBLIC_DEV === "1";
 
 const projects: ProjectMetadata[] = Object.values(
-  import.meta.glob<AstroModule>("./projects/*.astro", { eager: true })
+    import.meta.glob<AstroModule>("./projects/*.astro", { eager: true }),
 )
     .map((module) => module.metadata)
     .filter((metadata): metadata is ProjectMetadata => metadata !== undefined)

src/pages/projects/factor-e.astro

@@ -1,6 +1,6 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "factor-e",

src/pages/projects/flackie.astro

@@ -1,6 +1,6 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "flackie",
@@ -11,15 +11,7 @@ export const metadata = {
     image: "/flackie-icon.svg",
     github: "https://github.com/hex248/flackie",
     hidden: true,
-    tags: [
+    tags: ["Raspberry Pi", "Python", "C++", "CMake", "Electronics", "Pillow", "Image Generation"],
-        "Raspberry Pi",
-        "Python",
-        "C++",
-        "CMake",
-        "Electronics",
-        "Pillow",
-        "Image Generation",
-    ],
     type: "personal",
 };
 ---

src/pages/projects/glimpse.astro

@@ -1,6 +1,6 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "glimpse",
@@ -11,15 +11,7 @@ export const metadata = {
     url: "https://glimpse.ob248.com",
     github: "https://github.com/hex248/glimpse",
     hidden: false,
-    tags: [
+    tags: ["Web", "React", "TypeScript", "PostgreSQL", "Blob Storage", "Databases", "OAuth2"],
-        "Web",
-        "React",
-        "TypeScript",
-        "PostgreSQL",
-        "Blob Storage",
-        "Databases",
-        "OAuth2",
-    ],
     type: "personal",
 };
 ---

src/pages/projects/good-morning.astro

@@ -1,28 +1,17 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "good morning!",
-  description:
+    description: "An app for couples or friends to share daily notices with songs and photos",
-    "An app for couples or friends to share daily notices with songs and photos",
     date: "October 2025",
     slug: "good-morning",
     image: "/good-morning-icon.png",
     url: "https://gm.ob248.com",
     github: "https://github.com/hex248/good-morning",
     hidden: false,
-  tags: [
+    tags: ["Web", "React", "TypeScript", "Go", "PostgreSQL", "AWS S3", "Databases", "OAuth2", "Spotify API"],
-    "Web",
-    "React",
-    "TypeScript",
-    "Go",
-    "PostgreSQL",
-    "AWS S3",
-    "Databases",
-    "OAuth2",
-    "Spotify API",
-  ],
     type: "personal",
 };
 ---

src/pages/projects/issue.astro

@@ -1,26 +1,17 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "Issue",
-  description:
+    description: "A simple project management tool for developers. Born out of frustration with Jira.",
-    "A simple project management tool for developers. Born out of frustration with Jira.",
     date: "December 2025 - Present",
     slug: "issue",
     image: "/issue-icon.svg",
     url: "https://issue.ob248.com",
     github: "https://github.com/hex248/issue",
     hidden: false,
-  tags: [
+    tags: ["Web", "React", "TypeScript", "Tauri", "PostgreSQL", "Databases", "Bun"],
-    "Web",
-    "React",
-    "TypeScript",
-    "Tauri",
-    "PostgreSQL",
-    "Databases",
-    "Bun",
-  ],
     type: "personal",
 };
 ---

src/pages/projects/mizu.astro

@@ -1,23 +1,15 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "MIZU",
-    description:
+    description: "A discord bot card trading and collection game. (Currently inactive, 4000+ players) ",
-        "A discord bot card trading and collection game. (Currently inactive, 4000+ players) ",
     date: "2021 - 2024",
     slug: "mizu",
     image: "/mizu-icon.svg",
     hidden: false,
-    tags: [
+    tags: ["Node.js", "TypeScript", "PostgreSQL", "AWS S3", "Discord API", "Database"],
-        "Node.js",
-        "TypeScript",
-        "PostgreSQL",
-        "AWS S3",
-        "Discord API",
-        "Database",
-    ],
     type: "personal",
 };
 ---

src/pages/projects/prayerbud.astro

@@ -1,6 +1,6 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "PrayerBud",

src/pages/projects/shleep.astro

@@ -1,11 +1,10 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "Shleep",
-    description:
+    description: "A couch co-op base defense game where you protect a sleepign child from nightmares.",
-        "A couch co-op base defense game where you protect a sleepign child from nightmares.",
     date: "February - June 2023",
     slug: "shleep",
     image: "/shleep-icon.svg",

src/pages/projects/watercooler.astro

@@ -1,26 +1,16 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "Watercooler",
-    description:
+    description: "Virtual office space for remote teams allowing quick questions and spontaneous chats.",
-        "Virtual office space for remote teams allowing quick questions and spontaneous chats.",
     date: "March 2025",
     slug: "watercooler",
     image: "/watercooler-icon.svg",
     // github: "https://github.com/hex248/watercooler",
     hidden: true,
-    tags: [
+    tags: ["Web", "React", "TypeScript", "WebRTC", "LiveKit", "PostgreSQL", "OAuth2", "Databases"],
-        "Web",
-        "React",
-        "TypeScript",
-        "WebRTC",
-        "LiveKit",
-        "PostgreSQL",
-        "OAuth2",
-        "Databases",
-    ],
     type: "personal",
 };
 ---

src/pages/projects/wiskatron.astro

@@ -1,6 +1,6 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro";
 import Demo from "../../components/Demo.astro";
+import ProjectPage from "../../components/ProjectPage.astro";
 
 export const metadata = {
     title: "Wiskatron",

src/styles/global.css

@@ -263,12 +263,7 @@ body {
 }
 
 ::selection {
-    background-color: rgba(
+    background-color: rgba(51, 136, 255, 0.25); /* --ayu-selection with opacity */
-        51,
-        136,
-        255,
-        0.25
-    ); /* --ayu-selection with opacity */
     color: var(--ayu-fg);
 }
 

tsconfig.json

@@ -1,12 +1,7 @@
 {
     "extends": "astro/tsconfigs/strict",
-  "include": [
+    "include": [".astro/types.d.ts", "**/*"],
-    ".astro/types.d.ts",
+    "exclude": ["dist"],
-    "**/*"
-  ],
-  "exclude": [
-    "dist"
-  ],
     "compilerOptions": {
         "jsx": "react-jsx",
         "jsxImportSource": "react"