redesign: port index.html stone/beige design into Next.js app
Replace Nord dark-mode theme with the stone/beige grid-based design from index.html. Rewrites globals.css with the full CSS system, updates layout.tsx fonts to Syne + DM Sans + DM Mono, and ports the entire HTML to page.tsx with React accordion state. Adds Desktop section with Ryzen 7 9800X3D / RTX 5080 specs and corrects UNRAID server hardware (Core Ultra 5 225, 48GB DDR5, UNRAID 7.3.1). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+8
-17
@@ -2,36 +2,27 @@ import type { Metadata } from 'next'
|
||||
import './globals.css'
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Pietro Quintavalle - Economics Student & Developer',
|
||||
description: 'Economics student at USI with extensive data analytics and web development expertise. Google-certified in Data Analytics and IT Support.',
|
||||
keywords: ['Pietro Quintavalle', 'Economics', 'Data Analytics', 'Web Development', 'Switzerland', 'USI'],
|
||||
title: 'Pietro Quintavalle',
|
||||
description: 'Systems Engineer · Developer · Homelabber. Economics student at USI Lugano with 5+ years building production-grade infrastructure.',
|
||||
keywords: ['Pietro Quintavalle', 'Systems Engineer', 'Homelab', 'SysAdmin', 'Economics', 'USI', 'Switzerland'],
|
||||
authors: [{ name: 'Pietro Quintavalle' }],
|
||||
openGraph: {
|
||||
title: 'Pietro Quintavalle',
|
||||
description: 'Economics student at USI with extensive data analytics and web development expertise.',
|
||||
url: 'https://your-domain.com',
|
||||
siteName: 'Pietro Quintavalle Portfolio',
|
||||
description: 'Systems Engineer · Developer · Homelabber',
|
||||
siteName: 'Pietro Quintavalle',
|
||||
type: 'website',
|
||||
},
|
||||
twitter: {
|
||||
card: 'summary_large_image',
|
||||
title: 'Pietro Quintavalle - Economics Student & Developer',
|
||||
description: 'Economics student at USI with extensive data analytics and web development expertise.',
|
||||
},
|
||||
}
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
}) {
|
||||
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<head>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
||||
</head>
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user