From 10db5b34919d4b13ee976c82c5724e90ffe6aec3 Mon Sep 17 00:00:00 2001 From: "deepsource-autofix[bot]" <62050782+deepsource-autofix[bot]@users.noreply.github.com> Date: Thu, 4 Dec 2025 13:08:59 +0000 Subject: [PATCH] style: format code with Prettier This commit fixes the style issues introduced in 5a2638a according to the output from Prettier. Details: None --- content/discovery/tcvm.md | 1 + index.html | 23 +++-- postcss.config.js | 2 +- src/App.css | 4 +- src/components/layout/index.ts | 6 +- src/components/sections/About.tsx | 5 +- src/components/sections/index.ts | 12 +-- src/components/ui/index.ts | 4 +- src/index.css | 134 +++++++++++++++--------------- src/main.tsx | 11 +-- src/pages/_app.tsx | 8 +- src/pages/discovery/[slug].tsx | 32 +++++-- src/pages/index.tsx | 14 ++-- src/utils/imageUtils.ts | 16 ++-- src/utils/rss.ts | 2 +- tailwind.config.js | 55 ++++++------ vite.config.js | 35 ++++---- 17 files changed, 198 insertions(+), 166 deletions(-) diff --git a/content/discovery/tcvm.md b/content/discovery/tcvm.md index 0d2ee62..542cd30 100644 --- 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 index 988f42f..41aa353 100644 --- a/index.html +++ b/index.html @@ -5,18 +5,29 @@ - + - + Keyyard Portfolio - + diff --git a/postcss.config.js b/postcss.config.js index 2e7af2b..2aa7205 100644 --- 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 index f634137..fb4e242 100644 --- a/src/App.css +++ b/src/App.css @@ -6,5 +6,5 @@ canvas { width: 100%; height: 100%; - display: absolute ; -} \ No newline at end of file + display: absolute; +} diff --git a/src/components/layout/index.ts b/src/components/layout/index.ts index 1e8292c..7b72eb4 100644 --- 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 index d57f599..9deba6d 100644 --- a/src/components/sections/About.tsx +++ b/src/components/sections/About.tsx @@ -37,7 +37,8 @@ const About = () => { @@ -50,4 +51,4 @@ const About = () => { ); }; -export default About; \ No newline at end of file +export default About; diff --git a/src/components/sections/index.ts b/src/components/sections/index.ts index b4dac00..e7b5d39 100644 --- 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 index 8fbf553..cfad25f 100644 --- 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 index 4c02df3..4c9fb61 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,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; } -} \ No newline at end of file +} diff --git a/src/main.tsx b/src/main.tsx index c74efca..1b92758 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,8 +1,5 @@ -import { createRoot } from 'react-dom/client' -import './index.css' -import App from './pages' +import { createRoot } from "react-dom/client"; +import "./index.css"; +import App from "./pages"; -createRoot(document.getElementById('root')!).render( - - -) \ No newline at end of file +createRoot(document.getElementById("root")!).render(); diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 8612bf4..3d9597e 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -11,9 +11,11 @@ function Website({ Component, pageProps }: AppProps) { <> - { - 'Keyyard | Minecraft Addon Developer - Where Creativity Is Built Block by Block' - } + + { + "Keyyard | Minecraft Addon Developer - Where Creativity Is Built Block by Block" + } + {/* Google Tag Manager */}