Keyyard · deepsource-autofix · Dec 4, 2025
diff --git a/content/discovery/tcvm.md b/content/discovery/tcvm.md
@@ -31,6 +31,7 @@ This addon was created by @keyyard.
 - [GlitchyTurtle](https://github.com/GlitchyTurtle): algorithms suggestion
 - [Trea Beane](https://github.com/TreaBeane): algorithms suggestion
 - [Beyond64](https://github.com/OsmaanGani): controller item
+
 ## Features
 
 - **Tree Capitator and Vein Miner Controller:** allows enabling and disabling TCVM.

diff --git a/index.html b/index.html
@@ -5,18 +5,29 @@
     <link rel="icon" type="image/png" href="./keyyard.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:title" content="Keyyard Portfolio" />
-    <meta property="og:description" content="Hieu - Keyyard's portfolio website for Official Minecraft Marketplaces." />
+    <meta
+      property="og:description"
+      content="Hieu - Keyyard's portfolio website for Official Minecraft Marketplaces."
+    />
     <meta property="og:image" content="/keyyard.png" />
-    <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
+    <link
+      href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Montserrat:wght@400;700&family=Open+Sans:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
     <title>Keyyard Portfolio</title>
     <!-- Google tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z3K6D9SXF4"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-Z3K6D9SXF4"
+    ></script>
     <script>
       window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
 
-      gtag('config', 'G-Z3K6D9SXF4');
+      gtag("config", "G-Z3K6D9SXF4");
     </script>
   </head>
   <body>

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ export default {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/src/App.css b/src/App.css
@@ -6,5 +6,5 @@
 canvas {
   width: 100%;
   height: 100%;
-  display: absolute ;
-}
+  display: absolute;
+}
diff --git a/src/components/layout/index.ts b/src/components/layout/index.ts
@@ -1,4 +1,4 @@
 // Layout components barrel exports
-export { default as Nav } from './Nav';
-export { default as Background } from './Background';
-export { default as MyHead } from './MyHead';
+export { default as Nav } from "./Nav";
+export { default as Background } from "./Background";
+export { default as MyHead } from "./MyHead";
diff --git a/src/components/sections/About.tsx b/src/components/sections/About.tsx
@@ -37,7 +37,8 @@ const About = () => {
                 <ul className="tech-list">
                   {stack.items.map((item, idx) => (
                     <li key={idx}>
-                      {"label" in item && <strong>{item.label}:</strong>} {item.value}
+                      {"label" in item && <strong>{item.label}:</strong>}{" "}
+                      {item.value}
                     </li>
                   ))}
                 </ul>
@@ -50,4 +51,4 @@ const About = () => {
   );
 };
 
-export default About;
+export default About;
diff --git a/src/components/sections/index.ts b/src/components/sections/index.ts
@@ -1,7 +1,7 @@
 // Page sections barrel exports
-export { Hero } from './Hero';
-export { default as About } from './About';
-export { default as Experiences } from './Experiences';
-export { default as Projects } from './Projects';
-export { default as MinecraftProjects } from './MinecraftProjects';
-export { default as Contact } from './Contact';
+export { Hero } from "./Hero";
+export { default as About } from "./About";
+export { default as Experiences } from "./Experiences";
+export { default as Projects } from "./Projects";
+export { default as MinecraftProjects } from "./MinecraftProjects";
+export { default as Contact } from "./Contact";
diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts
@@ -1,3 +1,3 @@
 // UI components barrel exports
-export { default as SafeCarousel } from './SafeCarousel';
-export { default as SafeImage } from './SafeImage';
+export { default as SafeCarousel } from "./SafeCarousel";
+export { default as SafeImage } from "./SafeImage";
diff --git 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,20 +69,20 @@
   .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 {
     /* mobile-first: slightly smaller, center text */
     @apply relative top-0 w-full h-auto pt-4 flex justify-center bg-white bg-clip-text text-2xl md:text-4xl font-extrabold text-transparent text-center select-auto;
@@ -96,72 +96,72 @@
     margin-left: auto;
     margin-right: auto;
   }
-  
+
   .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);
@@ -174,13 +174,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);
@@ -192,26 +192,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 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;
   }
@@ -346,39 +346,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;
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ export default { @@
         tailwindcss: {},
         autoprefixer: {},
       },
-    }
+    };