From 423d215a277642959f6f2c0ed5cfd6b492441840 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
<62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Fri, 25 Jul 2025 21:36:10 +0000
Subject: [PATCH] style: format code with Prettier
This commit fixes the style issues introduced in 724fa44 according to the output
from Prettier.
Details: None
---
src/components/sections/MinecraftProjects.tsx | 14 ++--
src/index.css | 82 +++++++++----------
2 files changed, 46 insertions(+), 50 deletions(-)
diff --git a/src/components/sections/MinecraftProjects.tsx b/src/components/sections/MinecraftProjects.tsx
index a3f3d6a..dc590c4 100644
--- a/src/components/sections/MinecraftProjects.tsx
+++ b/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 = () => {
)}
{proj.short_info}
-
- {proj.description}
-
+ {proj.description}
{
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}
diff --git a/src/index.css b/src/index.css
index df6f855..ab9721b 100644
--- a/src/index.css
+++ b/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;
}
-}
\ No newline at end of file
+}