Skip to content

Commit dd46dfc

Browse files
codevoid048codevoid048
committed
feat: enhance typography and add competitive programming profiles to Skills section
1 parent d4daac6 commit dd46dfc

8 files changed

Lines changed: 380 additions & 46 deletions

File tree

‎app/globals.css‎

Lines changed: 58 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,55 @@
5757
@apply border-border;
5858
}
5959
body {
60-
@apply bg-background text-foreground;
60+
@apply bg-background text-foreground font-sans;
61+
}
62+
63+
/* Improved heading typography */
64+
h1, h2, h3, h4, h5, h6 {
65+
font-family: var(--font-inter), system-ui, sans-serif;
66+
letter-spacing: -0.025em;
67+
line-height: 1.1;
68+
text-rendering: optimizeLegibility;
69+
-webkit-font-smoothing: antialiased;
70+
-moz-osx-font-smoothing: grayscale;
71+
}
72+
73+
h1 {
74+
font-size: 2.25rem;
75+
font-weight: 800;
76+
}
77+
78+
h2 {
79+
font-size: 1.875rem;
80+
font-weight: 700;
81+
}
82+
83+
h3 {
84+
font-size: 1.25rem;
85+
font-weight: 600;
86+
}
87+
88+
h4 {
89+
font-size: 1.125rem;
90+
font-weight: 600;
91+
}
92+
93+
@media (min-width: 768px) {
94+
h1 {
95+
font-size: 3.75rem;
96+
}
97+
98+
h2 {
99+
font-size: 2.25rem;
100+
}
101+
102+
h3 {
103+
font-size: 1.5rem;
104+
}
105+
106+
h4 {
107+
font-size: 1.25rem;
108+
}
61109
}
62110
}
63111

@@ -104,21 +152,26 @@
104152

105153
/* Gradient text */
106154
.gradient-text {
107-
@apply bg-clip-text text-transparent bg-gradient-to-r from-violet-400 to-purple-600;
155+
background: linear-gradient(to right, #a78bfa, #9333ea);
156+
-webkit-background-clip: text;
157+
background-clip: text;
158+
-webkit-text-fill-color: transparent;
108159
}
109160

110161
/* Glassmorphism */
111162
.glass {
112-
@apply bg-card/50 backdrop-blur-sm border border-border;
163+
background: hsl(var(--card) / 0.5);
164+
backdrop-filter: blur(4px);
165+
border: 1px solid hsl(var(--border));
113166
}
114167

115168
/* Glow effects */
116169
.glow {
117-
@apply shadow-[0_0_15px_rgba(139,92,246,0.5)];
170+
box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
118171
}
119172

120173
.glow-hover:hover {
121-
@apply shadow-[0_0_20px_rgba(139,92,246,0.8)];
174+
box-shadow: 0 0 20px rgba(139, 92, 246, 0.8);
122175
}
123176

124177
/* Parallax */

‎app/layout.tsx‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,21 @@
11
import type React from "react"
22
import type { Metadata } from "next"
3-
import { Inter } from "next/font/google"
3+
import { Inter, JetBrains_Mono } from "next/font/google"
44
import "./globals.css"
55
import { ThemeProvider } from "@/components/theme-provider"
66
import ErrorReporter from "@/components/ErrorReporter";
77
import Script from "next/script";
88
import { Analytics } from "@vercel/analytics/next"
99

10-
const inter = Inter({ subsets: ["latin"] })
10+
const inter = Inter({
11+
subsets: ["latin"],
12+
variable: "--font-inter"
13+
})
14+
15+
const jetbrainsMono = JetBrains_Mono({
16+
subsets: ["latin"],
17+
variable: "--font-mono"
18+
})
1119

1220
const jsonLdPerson = {
1321
"@context": "https://schema.org",
@@ -75,8 +83,8 @@ export default function RootLayout({
7583
children: React.ReactNode;
7684
}>) {
7785
return (
78-
<html lang="en">
79-
<body className="antialiased">
86+
<html lang="en" className={`${inter.variable} ${jetbrainsMono.variable}`}>
87+
<body className="antialiased font-sans">
8088
<ErrorReporter />
8189
<Script
8290
src="https://slelguoygbfzlpylpxfs.supabase.co/storage/v1/object/public/scripts//route-messenger.js"

‎components/sections/contact.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -66,8 +66,8 @@ export default function Contact() {
6666
viewport={{ once: true, margin: "-100px" }}
6767
transition={{ duration: 0.8 }}
6868
>
69-
<h2 className="text-3xl md:text-4xl font-bold mb-6 text-center">
70-
<span className="text-foreground">Get In Touch</span>
69+
<h2 className="text-3xl md:text-4xl font-bold font-sans mb-6 text-center">
70+
Get In Touch
7171
</h2>
7272

7373
<motion.div
@@ -78,7 +78,7 @@ export default function Contact() {
7878
className="max-w-2xl mx-auto"
7979
>
8080
<div className="bg-card/50 backdrop-blur-sm rounded-xl p-8 border border-border">
81-
<h3 className="text-2xl font-semibold mb-6 text-foreground text-center">Send Me a Message</h3>
81+
<h3 className="text-2xl font-semibold font-sans mb-6 text-foreground text-center">Send Me a Message</h3>
8282

8383
{isSubmitted ? (
8484
<motion.div

‎components/sections/intro.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export default function Intro() {
1414
transition={{ duration: 0.6 }}
1515
className="text-center max-w-2xl mx-auto"
1616
>
17-
<h1 className="text-4xl md:text-6xl font-extrabold tracking-tight text-foreground">
17+
<h1 className="text-4xl md:text-6xl font-extrabold font-sans tracking-tight text-foreground">
1818
William Keri
1919
</h1>
2020
<p className="mt-3 font-bold text-base md:text-lg text-muted-foreground">

‎components/sections/projects.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ export default function Projects() {
121121
transition={{ duration: 0.8 }}
122122
>
123123
<motion.h2
124-
className="text-3xl md:text-4xl font-bold mb-6 text-center text-foreground"
124+
className="text-3xl md:text-4xl font-bold font-sans mb-6 text-center text-foreground"
125125
initial={{ scale: 0.8, opacity: 0 }}
126126
whileInView={{ scale: 1, opacity: 1 }}
127127
transition={{ duration: 0.6, delay: 0.2 }}
@@ -173,7 +173,7 @@ export default function Projects() {
173173
onClick={(e) => e.stopPropagation()}
174174
>
175175
<div className="flex justify-between items-start mb-4">
176-
<h3 className="text-2xl font-semibold text-foreground">{selectedProject.title}</h3>
176+
<h3 className="text-2xl font-semibold font-sans text-foreground">{selectedProject.title}</h3>
177177
<button
178178
onClick={closeModal}
179179
className="text-muted-foreground hover:text-foreground transition-colors"

0 commit comments

Comments
 (0)