style: enhance CSS styles for sections and markdown elements; improve layout formatting

Kinin-Code-Offical · Kinin-Code-Offical · commit f48d67a28d8c · 2026-02-03T23:25:50.000+03:00
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1766,11 +1766,18 @@ textarea {
 
 .section {
   padding: clamp(72px, 10vw, 120px) clamp(18px, 8vw, 140px);
-  background: radial-gradient(
-      circle at 20% 0%,
-      rgba(var(--hero-accent-rgb), 0.08),
-      transparent 55%
+  background:
+    radial-gradient(
+      circle at 10% 10%,
+      rgba(var(--hero-accent-rgb), 0.12),
+      transparent 48%
+    ),
+    radial-gradient(
+      circle at 90% 0%,
+      rgba(255, 211, 138, 0.08),
+      transparent 52%
     ),
+    linear-gradient(180deg, rgba(10, 8, 6, 0.6), transparent 40%),
     var(--content-bg);
 }
 
@@ -3058,6 +3065,19 @@ textarea {
     font-size: 10px;
   }
 
+  .hero-hint {
+    font-size: 11px;
+  }
+
+  .section-title {
+    font-size: clamp(22px, 5.2vw, 30px);
+  }
+
+  .section-subtitle {
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
   .section-intro .intro-grid {
     grid-template-columns: 1fr;
   }
@@ -3105,6 +3125,13 @@ textarea {
     box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
   }
 
+  .featured-summary {
+    display: block;
+    -webkit-line-clamp: unset;
+    line-clamp: unset;
+    max-height: none;
+  }
+
   .featured-stack {
     overflow: visible;
     touch-action: none;
@@ -3174,7 +3201,35 @@ textarea {
   }
 
   .about-card {
-    padding: 24px;
+    padding: 20px;
+  }
+
+  .about-card p,
+  .about-card li {
+    font-size: 13px;
+    line-height: 1.6;
+  }
+
+  .markdown {
+    gap: 10px;
+  }
+
+  .markdown-p,
+  .markdown-li {
+    font-size: 13px;
+    line-height: 1.6;
+  }
+
+  .markdown-h1 {
+    font-size: 20px;
+  }
+
+  .markdown-h2 {
+    font-size: 18px;
+  }
+
+  .markdown-h3 {
+    font-size: 16px;
   }
 
   .contact-grid {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -20,21 +20,45 @@ const display = Unbounded({
   variable: "--font-display",
   subsets: ["latin"],
   display: "optional",
-  fallback: ["system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif"],
+  fallback: [
+    "system-ui",
+    "-apple-system",
+    "Segoe UI",
+    "Roboto",
+    "Helvetica",
+    "Arial",
+    "sans-serif",
+  ],
 });
 
 const body = Space_Grotesk({
   variable: "--font-body",
   subsets: ["latin"],
   display: "optional",
-  fallback: ["system-ui", "-apple-system", "Segoe UI", "Roboto", "Helvetica", "Arial", "sans-serif"],
+  fallback: [
+    "system-ui",
+    "-apple-system",
+    "Segoe UI",
+    "Roboto",
+    "Helvetica",
+    "Arial",
+    "sans-serif",
+  ],
 });
 
 const mono = JetBrains_Mono({
   variable: "--font-mono",
   subsets: ["latin"],
   display: "optional",
-  fallback: ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "monospace"],
+  fallback: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "Liberation Mono",
+    "monospace",
+  ],
 });
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -149,7 +173,7 @@ export default async function RootLayout({
   const cookieStore = await cookies();
   const theme = cookieStore.get("theme")?.value === "light" ? "light" : "dark";
   const langValue = cookieStore.get("lang")?.value;
-  const language: Language = langValue === "en" ? "en" : "tr";
+  const language: Language = langValue === "tr" ? "tr" : "en";
 
   return (
     <html lang={language} data-theme={theme} data-lang={language}>
diff --git a/src/components/HomeClient.tsx b/src/components/HomeClient.tsx
@@ -2635,7 +2635,11 @@ export default function HomeClient({
                     initial={false}
                     animate={
                       aboutOpen
-                        ? { opacity: 1, maxHeight: 1400, marginTop: 12 }
+                        ? {
+                            opacity: 1,
+                            maxHeight: isMobile ? 3200 : 3600,
+                            marginTop: 12,
+                          }
                         : { opacity: 0, maxHeight: 0, marginTop: 0 }
                     }
                     transition={
diff --git a/src/components/PreferencesProvider.tsx b/src/components/PreferencesProvider.tsx
@@ -59,7 +59,8 @@ function getInitialLanguage(initialLanguage: Language): Language {
   if (paramLang === "tr" || paramLang === "en") {
     return paramLang;
   }
-  const storedLang = localStorage.getItem(LANG_COOKIE) || readCookie(LANG_COOKIE);
+  const storedLang =
+    localStorage.getItem(LANG_COOKIE) || readCookie(LANG_COOKIE);
   if (storedLang === "tr" || storedLang === "en") {
     return storedLang;
   }

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,8 @@ function getInitialLanguage(initialLanguage: Language): Language {`
`59`	`59`	`if (paramLang === "tr" \|\| paramLang === "en") {`
`60`	`60`	`return paramLang;`
`61`	`61`	`}`
`62`		`- const storedLang = localStorage.getItem(LANG_COOKIE) \|\| readCookie(LANG_COOKIE);`
	`62`	`+ const storedLang =`
	`63`	`+ localStorage.getItem(LANG_COOKIE) \|\| readCookie(LANG_COOKIE);`
`63`	`64`	`if (storedLang === "tr" \|\| storedLang === "en") {`
`64`	`65`	`return storedLang;`
`65`	`66`	`}`