feat: rewrite site as Next.js 14 portfolio with terminal aesthetic
Replaces Hugo site with a Next.js App Router (TypeScript) build. Tailwind CSS custom terminal palette, Framer Motion scroll reveals, JetBrains Mono font, scanline/vignette overlays, typing animation. Sections: Hero, Skills, Projects, Contact. Content driven from data/resume.ts. Deploy workflow updated for static export to gh-pages. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 4.6
parent
a6ed78c2ca
commit
727996503e
+33
-23
@@ -1,34 +1,44 @@
|
||||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
darkMode: 'class',
|
||||
content: ['./layouts/**/*.html', './content/**/*.md', './assets/**/*.{js,ts}'],
|
||||
content: [
|
||||
'./app/**/*.{ts,tsx}',
|
||||
'./components/**/*.{ts,tsx}',
|
||||
'./data/**/*.ts',
|
||||
],
|
||||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
primary: '#2563eb',
|
||||
secondary: '#112d44',
|
||||
dark: {
|
||||
100: '#0f172a',
|
||||
200: '#1e293b',
|
||||
300: '#334155',
|
||||
400: '#475569',
|
||||
500: '#607d8b',
|
||||
600: '#304ffe',
|
||||
700: '#24368a',
|
||||
800: '#1d2951',
|
||||
900: '#132743',
|
||||
},
|
||||
bg: {
|
||||
default: '#ffffff',
|
||||
primary: '#0f172a',
|
||||
terminal: {
|
||||
bg: '#0a0a0a',
|
||||
card: '#0f0f0f',
|
||||
border: '#1c1c1e',
|
||||
border2: '#27272a',
|
||||
amber: '#f59e0b',
|
||||
amberDim:'#78350f',
|
||||
green: '#22c55e',
|
||||
text: '#e4e4e7',
|
||||
muted: '#71717a',
|
||||
subtle: '#3f3f46',
|
||||
},
|
||||
},
|
||||
spacing: {
|
||||
'5': '1.25rem',
|
||||
'7': '1.75rem',
|
||||
'9': '2.25rem',
|
||||
fontFamily: {
|
||||
mono: ['JetBrains Mono', 'ui-monospace', 'monospace'],
|
||||
},
|
||||
animation: {
|
||||
blink: 'blink 1.1s step-end infinite',
|
||||
'fade-up': 'fadeUp 0.6s ease forwards',
|
||||
},
|
||||
keyframes: {
|
||||
blink: {
|
||||
'0%, 100%': { opacity: '1' },
|
||||
'50%': { opacity: '0' },
|
||||
},
|
||||
fadeUp: {
|
||||
from: { opacity: '0', transform: 'translateY(12px)' },
|
||||
to: { opacity: '1', transform: 'translateY(0)' },
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [require('@tailwindcss/typography')],
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user