2026-08-18 18:33:49 -07:00
|
|
|
import './globals.css'
|
|
|
|
|
import Header from '@/components/Header'
|
2026-08-31 13:59:46 -07:00
|
|
|
import { TerminalProvider } from '@/lib/TerminalContext'
|
|
|
|
|
import { LanguageProvider } from '@/lib/LanguageContext'
|
2026-08-18 18:33:49 -07:00
|
|
|
|
|
|
|
|
export const metadata = {
|
|
|
|
|
title: 'Rock Liang — Portfolio & Live Infrastructure',
|
|
|
|
|
description: 'Personal portfolio showcasing Kubernetes, Terraform, and cloud-native systems.',
|
2026-08-31 22:04:57 -07:00
|
|
|
icons: {
|
|
|
|
|
icon: '/rock-svg-icon.svg',
|
|
|
|
|
apple: '/rock-svg-icon.svg',
|
|
|
|
|
},
|
2026-08-18 18:33:49 -07:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: {
|
|
|
|
|
children: React.ReactNode;
|
|
|
|
|
}) {
|
|
|
|
|
return (
|
|
|
|
|
<html lang="en" suppressHydrationWarning>
|
|
|
|
|
<body className="bg-white dark:bg-gray-950 text-gray-900 dark:text-white">
|
2026-08-31 20:17:44 -07:00
|
|
|
<script
|
|
|
|
|
dangerouslySetInnerHTML={{
|
|
|
|
|
__html: `
|
|
|
|
|
(function() {
|
|
|
|
|
try {
|
|
|
|
|
var stored = localStorage.getItem('theme');
|
|
|
|
|
var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
|
|
|
if (stored === 'dark' || (!stored && prefersDark)) {
|
|
|
|
|
document.documentElement.classList.add('dark');
|
|
|
|
|
}
|
|
|
|
|
} catch (e) {}
|
|
|
|
|
})();
|
|
|
|
|
`,
|
|
|
|
|
}}
|
|
|
|
|
/>
|
2026-08-31 13:59:46 -07:00
|
|
|
<LanguageProvider>
|
|
|
|
|
<TerminalProvider>
|
|
|
|
|
<Header />
|
|
|
|
|
{children}
|
|
|
|
|
</TerminalProvider>
|
|
|
|
|
</LanguageProvider>
|
2026-08-18 18:33:49 -07:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
