style: format code with Prettier

src/components/sections/MinecraftProjects.tsx

@@ -1,5 +1,3 @@
-
-
 import { useState, useEffect } from "react";
 import { motion } from "framer-motion";
 import { mcProjects } from "../../data";
@@ -57,9 +55,7 @@ const MinecraftProjects = () => {
                     )}
                   </h3>
                   <h4 className="project-subtitle">{proj.short_info}</h4>
-                  <h4 className="project-description">
-                    {proj.description}
-                  </h4>
+                  <h4 className="project-description">{proj.description}</h4>
                   <SafeCarousel
                     className="mt-3 mb-3"
                     images={proj.imgs || []}
@@ -77,10 +73,10 @@ const MinecraftProjects = () => {
                             linkObj.name === "Github"
                               ? "bg-[#5a4378] text-white hover:bg-[#5a4378]"
                               : linkObj.name === "MCPEDL"
-                              ? "bg-[#7CBB7C] text-[#242424] hover:bg-[#97C997] hover:text-[#383838]"
-                              : linkObj.name === "CurseForge"
-                              ? "bg-[#f16436] text-white hover:bg-[#f16436]"
-                              : "bg-[#333] text-white hover:bg-[#333]"
+                                ? "bg-[#7CBB7C] text-[#242424] hover:bg-[#97C997] hover:text-[#383838]"
+                                : linkObj.name === "CurseForge"
+                                  ? "bg-[#f16436] text-white hover:bg-[#f16436]"
+                                  : "bg-[#333] text-white hover:bg-[#333]"
                           }`}
                         >
                           {linkObj.name}

src/index.css

@@ -5,32 +5,32 @@
 /* Design Tokens - Easy to edit fonts and colors */
 :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);
@@ -56,93 +56,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);
@@ -155,13 +155,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);
@@ -173,26 +173,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;
   }
@@ -306,11 +306,11 @@ button:focus-visible {
 
 .contact-handle {
   @apply text-base;
-  font-family: 'JetBrains Mono', monospace;
+  font-family: "JetBrains Mono", monospace;
 }
 
 @supports (-ms-ime-align: auto) {
   .icon-class {
     font-size: 1rem;
   }
-}
+}