From 4c521ad13621fd75ce49cf1aef9a76a79e50122d Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Mon, 6 Oct 2025 05:15:05 +0000
Subject: [PATCH] style: format code with Prettier

This commit fixes the style issues introduced in 81bda83 according to the output
from Prettier.

Details: None
---
 src/components/discovery/DiscoveryCard.tsx |  20 ++-
 src/components/discovery/DiscoveryList.tsx |   6 +-
 src/data.ts                                |  21 +---
 src/index.css                              | 136 ++++++++++-----------
 src/pages/discovery/[slug].tsx             |  19 ++-
 src/pages/discovery/index.tsx              |  18 ++-
 src/pages/index.tsx                        |  14 +--
 src/utils/rss.ts                           |   2 +-
 tailwind.config.js                         |  55 ++++-----
 9 files changed, 155 insertions(+), 136 deletions(-)

diff --git a/src/components/discovery/DiscoveryCard.tsx b/src/components/discovery/DiscoveryCard.tsx
index 23806b4..e19f672 100644
--- a/src/components/discovery/DiscoveryCard.tsx
+++ b/src/components/discovery/DiscoveryCard.tsx
@@ -10,11 +10,20 @@ type Props = {
 export default function DiscoveryCard({ post }: Props) {
   return (
     <article className="group">
-      <Link href={`/discovery/${post.slug}`} className="project-card discovery-card block">
+      <Link
+        href={`/discovery/${post.slug}`}
+        className="project-card discovery-card block"
+      >
         {post.image ? (
-          <SafeImage src={post.image} alt={post.title} className="w-full h-44 object-cover rounded" />
+          <SafeImage
+            src={post.image}
+            alt={post.title}
+            className="w-full h-44 object-cover rounded"
+          />
         ) : (
-          <div className="w-full h-44 bg-gray-800 flex items-center justify-center text-gray-400 rounded">No Image</div>
+          <div className="w-full h-44 bg-gray-800 flex items-center justify-center text-gray-400 rounded">
+            No Image
+          </div>
         )}
 
         <div className="p-4">
@@ -25,7 +34,10 @@ export default function DiscoveryCard({ post }: Props) {
           <p className="discovery-description mt-2">{post.description}</p>
           <div className="mt-3 flex flex-wrap gap-2">
             {post.tags?.map((t) => (
-              <span key={t} className="text-xs bg-gray-700 text-gray-200 px-2 py-1 rounded">
+              <span
+                key={t}
+                className="text-xs bg-gray-700 text-gray-200 px-2 py-1 rounded"
+              >
                 {t}
               </span>
             ))}
diff --git a/src/components/discovery/DiscoveryList.tsx b/src/components/discovery/DiscoveryList.tsx
index 3bf0df9..e1fe890 100644
--- a/src/components/discovery/DiscoveryList.tsx
+++ b/src/components/discovery/DiscoveryList.tsx
@@ -8,7 +8,11 @@ type Props = {
 
 export default function DiscoveryList({ posts }: Props) {
   if (!posts.length)
-    return <p className="text-center text-gray-400">No posts yet, come back later?</p>;
+    return (
+      <p className="text-center text-gray-400">
+        No posts yet, come back later?
+      </p>
+    );
   // Ensure posts are sorted by date (newest first). Some posts may omit dates.
   const sorted = [...posts].sort((a, b) => {
     const da = a.date ? new Date(a.date).getTime() : 0;
diff --git a/src/data.ts b/src/data.ts
index 87cc19a..594fe19 100644
--- a/src/data.ts
+++ b/src/data.ts
@@ -133,10 +133,7 @@ const mcProjects = [
       },
     ],
     downloads: "2.0M+",
-    imgs: [
-      "/assets/mcProjs/tc.webp",
-      "/assets/mcProjs/tc/maxresdefault.webp",
-    ],
+    imgs: ["/assets/mcProjs/tc.webp", "/assets/mcProjs/tc/maxresdefault.webp"],
   },
   {
     title: "Scary Myth Mobs",
@@ -355,9 +352,7 @@ const mcProjects = [
         link: "https://www.minecraft.net/en-us/marketplace/pdp?id=47c862c8-98c1-497c-94a5-3959eea3fec5",
       },
     ],
-    imgs: [
-      "/assets/mcProjs/dl/Demonic_Legends_Thumbnail.webp",
-    ],
+    imgs: ["/assets/mcProjs/dl/Demonic_Legends_Thumbnail.webp"],
   },
   {
     title: "Fright Night",
@@ -370,9 +365,7 @@ const mcProjects = [
         link: "https://www.minecraft.net/en-us/marketplace/pdp?id=7ddad910-7c39-46c0-8e6d-8ed38f870d04",
       },
     ],
-    imgs: [
-      "/assets/mcProjs/fn/FrightNight_Thumbnail.webp",
-    ],
+    imgs: ["/assets/mcProjs/fn/FrightNight_Thumbnail.webp"],
   },
 ];
 
@@ -447,9 +440,7 @@ const Projects = [
         link: "https://wiki.bedrock.dev/",
       },
     ],
-    imgs: [
-      "/assets/Projs/wiki/wiki.webp",
-    ],
+    imgs: ["/assets/Projs/wiki/wiki.webp"],
     tags: ["Documentation", "Minecraft", "Community", "Education"],
     status: "Live",
     featured: false,
@@ -470,9 +461,7 @@ const Projects = [
         link: "https://today-notes.keyyard.xyz",
       },
     ],
-    imgs: [
-      "assets/Projs/today/4.webp",
-    ],
+    imgs: ["assets/Projs/today/4.webp"],
     tags: ["React", "PWA", "TypeScript", "Productivity"],
     status: "Inactive",
     featured: false,
diff --git a/src/index.css b/src/index.css
index 708a452..255bd8c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,46 +4,46 @@
 
 /* Design Tokens - Easy to edit fonts and colors */
 @font-face {
-  font-family: 'Inter';
-  src: url('/assets/fonts/Inter.ttf') format('truetype');
+  font-family: "Inter";
+  src: url("/assets/fonts/Inter.ttf") format("truetype");
   font-weight: 400 700;
   font-display: swap;
 }
 @font-face {
-  font-family: 'Be Vietnam Pro';
-  src: url('/assets/fonts/BeVietnamPro.ttf') format('truetype');
+  font-family: "Be Vietnam Pro";
+  src: url("/assets/fonts/BeVietnamPro.ttf") format("truetype");
   font-weight: 400 700;
   font-display: swap;
 }
 
 :root {
   /* Fonts */
-  --font-primary: 'Inter', sans-serif;
-  --font-headings: 'Be Vietnam Pro', sans-serif;
-  --font-accent: 'Inter', sans-serif;
-  
+  --font-primary: "Inter", sans-serif;
+  --font-headings: "Be Vietnam Pro", sans-serif;
+  --font-accent: "Inter", sans-serif;
+
   /* Colors */
-  --color-primary: #F2F7F2;
-  --color-secondary: #7BA47C;
+  --color-primary: #f2f7f2;
+  --color-secondary: #7ba47c;
   --color-background: #161618;
   --color-surface: #393639;
   --color-surface-light: #646464;
   --color-border: #84a59d;
-  
+
   /* Card colors */
   --color-card-bg: #1e1e21;
   --color-card-selected: #1e1c1e;
   --color-card-shadow: #161618;
-  
+
   /* Text colors */
-  --color-text-primary: #F2F7F2;
+  --color-text-primary: #f2f7f2;
   --color-text-secondary: #d4d4d4;
   --color-text-muted: #646464;
   --color-text-light: #d4d4d4;
-  
+
   /* Accent colors */
   --color-accent-blue: #84a59d;
-  --color-accent-blue-hover: #7BA47C;
+  --color-accent-blue-hover: #7ba47c;
 
   /* Highlight colors */
   --color-highlight: rgba(143, 169, 151, 0.15);
@@ -69,93 +69,93 @@
   .section {
     @apply min-h-[95vh];
   }
-  
+
   .section-hero {
     @apply flex flex-col items-center min-h-[860px];
   }
-  
+
   /* Typography */
   .section-title {
     @apply text-4xl font-semibold pt-4 text-center;
   }
-  
+
   .subsection-title {
     @apply text-3xl font-semibold mb-2 text-center;
   }
-  
+
   .hero-title {
     @apply relative top-0 w-fit h-auto pt-4 flex bg-white bg-clip-text text-4xl font-extrabold text-transparent text-center select-auto;
   }
-  
+
   .hero-title-blur {
     @apply absolute pt-4 flex border w-fit bg-white blur-xl bg-clip-text text-4xl box-content font-extrabold text-transparent text-center select-none;
   }
-  
+
   .hero-subtitle {
     @apply text-center leading-3 mt-2;
   }
-  
+
   /* Cards */
   .card {
     @apply p-6 bg-card-bg rounded-xl shadow-card-shadow drop-shadow;
   }
-  
+
   .card-sm {
     @apply p-4 bg-card-bg rounded-lg shadow-card-shadow drop-shadow;
   }
-  
+
   .experience-card {
     @apply mx-auto p-6 cursor-pointer border rounded-lg transition-colors;
   }
-  
+
   .experience-card--selected {
     @apply bg-card-selected;
   }
-  
+
   .experience-details {
     @apply mx-auto p-6 bg-black bg-opacity-20 rounded-xl shadow-card-shadow drop-shadow;
   }
-  
+
   /* Layout */
   .container-main {
     @apply container mx-auto px-6 lg:px-20 mt-8;
   }
-  
+
   .grid-two-col {
     @apply grid grid-cols-1 md:grid-cols-2 gap-8;
   }
-  
+
   .grid-experiences {
     @apply p-4 grid grid-cols-1 lg:grid-cols-2 gap-4;
   }
-  
+
   /* Content */
   .content-text {
     @apply text-lg leading-8 space-y-6;
   }
-  
+
   .tech-list {
     @apply list-disc list-inside space-y-2 text-text-secondary;
   }
-  
+
   /* Interactive Elements */
   .draggable-head {
     @apply flex w-[50vw] h-[70vh] absolute;
   }
-  
+
   .intro-text-container {
     @apply flex flex-col items-center justify-items-center p-4 text-[15px];
   }
-  
+
   .intro-text-content {
     @apply text-start mt-32 md:mt-20;
   }
-  
+
   /* Hero Buttons */
   .hero-buttons {
     @apply flex gap-4 mt-8 justify-center;
   }
-  
+
   .hero-button-primary {
     background-color: var(--color-secondary);
     color: var(--color-primary);
@@ -168,13 +168,13 @@
     transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   }
-  
+
   .hero-button-primary:hover {
     background-color: var(--color-tertiary);
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
   }
-  
+
   .hero-button-secondary {
     background-color: transparent;
     color: var(--color-secondary);
@@ -186,26 +186,26 @@
     cursor: pointer;
     transition: all 0.3s ease;
   }
-  
+
   .hero-button-secondary:hover {
     background-color: var(--color-secondary);
     color: var(--color-primary);
     transform: translateY(-2px);
   }
-  
+
   /* Project Cards */
   .project-card {
     @apply p-3 cursor-pointer bg-black bg-opacity-20 shadow-black inset-2 shadow-lg rounded-lg overflow-hidden;
   }
-  
+
   .project-title {
     @apply text-base font-bold flex justify-between items-center mb-1;
   }
-  
+
   .project-subtitle {
     @apply text-xs leading-3 mb-2 text-text-light;
   }
-  
+
   .project-description {
     @apply text-xs text-ellipsis overflow-hidden leading-4 group-hover:overflow-visible group-hover:whitespace-normal line-clamp-2 h-5 text-text-light;
   }
@@ -340,39 +340,39 @@ button:focus-visible {
 
 .contact-handle {
   @apply text-base;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: "JetBrains Mono", monospace;
 }
 
-  /* Prose overrides for Markdown content rendered with tailwind-typography */
-  .prose img {
-    @apply mx-auto rounded-md;
-    max-width: 100%;
-  }
+/* Prose overrides for Markdown content rendered with tailwind-typography */
+.prose img {
+  @apply mx-auto rounded-md;
+  max-width: 100%;
+}
 
-  .prose a {
-    @apply text-accent-blue hover:underline;
-  }
+.prose a {
+  @apply text-accent-blue hover:underline;
+}
 
-  /* TOC styling for discovery posts */
-  .toc ul {
-    list-style: none;
-    padding-left: 0;
-    display: flex;
-    gap: 1rem;
-    flex-wrap: wrap;
-  }
+/* TOC styling for discovery posts */
+.toc ul {
+  list-style: none;
+  padding-left: 0;
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
 
-  .toc li {
-    margin: 0;
-    padding: 0;
-  }
+.toc li {
+  margin: 0;
+  padding: 0;
+}
 
-  .toc a {
-    @apply text-accent-blue hover:underline;
-  }
+.toc a {
+  @apply text-accent-blue hover:underline;
+}
 
 @supports (-ms-ime-align: auto) {
   .icon-class {
     font-size: 1rem;
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/discovery/[slug].tsx b/src/pages/discovery/[slug].tsx
index 2aa03a4..22ce25d 100644
--- a/src/pages/discovery/[slug].tsx
+++ b/src/pages/discovery/[slug].tsx
@@ -30,7 +30,6 @@ export default function DiscoveryPost({ post }: any) {
       <section className="section">
         <div className="w-full flex justify-center py-12">
           <article className="w-full max-w-4xl px-4 lg:px-8 mx-auto">
-
             {/* Breadcrumb + Back */}
             <div className="mb-4 flex items-center justify-between">
               <div className="flex items-center gap-3">
@@ -54,8 +53,12 @@ export default function DiscoveryPost({ post }: any) {
             </div>
 
             <header className="mb-6">
-              <h1 className="text-3xl lg:text-4xl font-bold text-center">{meta.title}</h1>
-              <p className="text-sm text-gray-400 mt-2 text-center">{meta.date}</p>
+              <h1 className="text-3xl lg:text-4xl font-bold text-center">
+                {meta.title}
+              </h1>
+              <p className="text-sm text-gray-400 mt-2 text-center">
+                {meta.date}
+              </p>
 
               {/* Image */}
               <div className="mt-6 flex justify-center">
@@ -72,7 +75,10 @@ export default function DiscoveryPost({ post }: any) {
               <div className="mt-4">
                 <div className="flex justify-start gap-2">
                   {meta.tags?.map((t: string) => (
-                    <span key={t} className="text-xs bg-gray-700 text-gray-200 px-2 py-1 rounded">
+                    <span
+                      key={t}
+                      className="text-xs bg-gray-700 text-gray-200 px-2 py-1 rounded"
+                    >
                       {t}
                     </span>
                   ))}
@@ -80,7 +86,10 @@ export default function DiscoveryPost({ post }: any) {
               </div>
             </header>
 
-            <div className="prose prose-invert mx-auto" dangerouslySetInnerHTML={{ __html: html }} />
+            <div
+              className="prose prose-invert mx-auto"
+              dangerouslySetInnerHTML={{ __html: html }}
+            />
 
             {/* Downloads should be included in the markdown content if desired. */}
           </article>
diff --git a/src/pages/discovery/index.tsx b/src/pages/discovery/index.tsx
index 975fb2d..8940fb0 100644
--- a/src/pages/discovery/index.tsx
+++ b/src/pages/discovery/index.tsx
@@ -31,17 +31,23 @@ export default function DiscoveryIndex({ posts }: { posts: any[] }) {
 
   const filtered = posts.filter((p: any) => {
     if (filter && !(p.tags || []).includes(filter)) return false;
-    if (q && !(p.title + p.description).toLowerCase().includes(q.toLowerCase())) return false;
+    if (q && !(p.title + p.description).toLowerCase().includes(q.toLowerCase()))
+      return false;
     return true;
   });
 
   return (
     <>
       <Head>
-  <title>Keyyard Discovery</title>
-  <link rel="alternate" type="application/rss+xml" title="Discovery RSS" href="/discovery/rss.xml" />
+        <title>Keyyard Discovery</title>
+        <link
+          rel="alternate"
+          type="application/rss+xml"
+          title="Discovery RSS"
+          href="/discovery/rss.xml"
+        />
       </Head>
-  <section id="discovery" className="section">
+      <section id="discovery" className="section">
         <div className="px-4 mx-auto w-full">
           <div className="mb-4 pt-2 flex items-center justify-between">
             <div className="flex items-center gap-3 text-sm text-gray-400">
@@ -61,7 +67,9 @@ export default function DiscoveryIndex({ posts }: { posts: any[] }) {
               className="flex-1 p-2 border rounded bg-[#111] text-gray-100"
             />
             <div className="flex gap-2 items-center">
-              <label htmlFor="tag-select" className="sr-only">Filter by tag</label>
+              <label htmlFor="tag-select" className="sr-only">
+                Filter by tag
+              </label>
               <select
                 id="tag-select"
                 value={filter || ""}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 0acd819..a5dde2f 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,12 +1,12 @@
 import { motion, useScroll, useSpring } from "framer-motion";
 import { Analytics } from "@vercel/analytics/react";
-import { 
-  Hero, 
-  About, 
-  Experiences, 
-  Projects as OtherProjects, 
-  MinecraftProjects, 
-  Contact 
+import {
+  Hero,
+  About,
+  Experiences,
+  Projects as OtherProjects,
+  MinecraftProjects,
+  Contact,
 } from "../components/sections";
 import DiscoveryButton from "../components/DiscoveryButton";
 import { Nav as Navbar } from "../components/layout";
diff --git a/src/utils/rss.ts b/src/utils/rss.ts
index fb4abe6..fe4b0df 100644
--- a/src/utils/rss.ts
+++ b/src/utils/rss.ts
@@ -22,7 +22,7 @@ export function generateRss(posts: PostMeta[]) {
   });
 
   posts.forEach((post) => {
-  const url = `${siteUrl}/discovery/${post.slug}`;
+    const url = `${siteUrl}/discovery/${post.slug}`;
     feed.addItem({
       title: post.title,
       id: url,
diff --git a/tailwind.config.js b/tailwind.config.js
index 87edb26..a827531 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,44 +1,41 @@
 /** @type {import('tailwindcss').Config} */
-import typography from '@tailwindcss/typography';
+import typography from "@tailwindcss/typography";
 
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-  ],
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
       fontFamily: {
-        'primary': 'var(--font-primary)',
-        'headings': 'var(--font-headings)',
-        'accent': 'var(--font-accent)',
+        primary: "var(--font-primary)",
+        headings: "var(--font-headings)",
+        accent: "var(--font-accent)",
       },
       colors: {
-        'primary': 'var(--color-primary)',
-        'secondary': 'var(--color-secondary)',
-        'surface': 'var(--color-surface)',
-        'surface-light': 'var(--color-surface-light)',
-        'custom-border': 'var(--color-border)',
-        'card': {
-          'bg': 'var(--color-card-bg)',
-          'selected': 'var(--color-card-selected)',
-          'shadow': 'var(--color-card-shadow)',
+        primary: "var(--color-primary)",
+        secondary: "var(--color-secondary)",
+        surface: "var(--color-surface)",
+        "surface-light": "var(--color-surface-light)",
+        "custom-border": "var(--color-border)",
+        card: {
+          bg: "var(--color-card-bg)",
+          selected: "var(--color-card-selected)",
+          shadow: "var(--color-card-shadow)",
         },
-        'text': {
-          'primary': 'var(--color-text-primary)',
-          'secondary': 'var(--color-text-secondary)',
-          'muted': 'var(--color-text-muted)',
-          'light': 'var(--color-text-light)',
+        text: {
+          primary: "var(--color-text-primary)",
+          secondary: "var(--color-text-secondary)",
+          muted: "var(--color-text-muted)",
+          light: "var(--color-text-light)",
+        },
+        accent: {
+          blue: "var(--color-accent-blue)",
+          "blue-hover": "var(--color-accent-blue-hover)",
         },
-        'accent': {
-          'blue': 'var(--color-accent-blue)',
-          'blue-hover': 'var(--color-accent-blue-hover)',
-        }
       },
       backgroundColor: {
-        'main': 'var(--color-background)',
-      }
+        main: "var(--color-background)",
+      },
     },
   },
   plugins: [typography],
-}
\ No newline at end of file
+};