dschlueter
aa3d0c4046
- Hero: Jahreszahl auf 1976-2026 (50 Jahre) aktualisiert - About: Timeline von 1984 auf 1976 erweitert - About: Neue Einträge für PC/DOS (1984), Web (1995), Server (2000er) - System-Diagramm: Halbkreis-Layout statt vertikaler Anordnung - Metadaten: Description angepasst
90 lines
2.6 KiB
TypeScript
90 lines
2.6 KiB
TypeScript
import type { Metadata, Viewport } from 'next'
|
|
import { Inter, Instrument_Serif, JetBrains_Mono } from 'next/font/google'
|
|
import { Analytics } from '@vercel/analytics/next'
|
|
import './globals.css'
|
|
|
|
const inter = Inter({
|
|
subsets: ['latin'],
|
|
variable: '--font-inter',
|
|
display: 'swap',
|
|
})
|
|
|
|
const instrumentSerif = Instrument_Serif({
|
|
weight: '400',
|
|
subsets: ['latin'],
|
|
variable: '--font-instrument-serif',
|
|
display: 'swap',
|
|
})
|
|
|
|
const jetbrainsMono = JetBrains_Mono({
|
|
subsets: ['latin'],
|
|
variable: '--font-jetbrains-mono',
|
|
display: 'swap',
|
|
})
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Jamulix | 40 Jahre Code',
|
|
description: 'Seit 40 Jahren Code. Von Fortran IV bis Python, Rust und KI-Projekten. Erfahrener Programmierer, Linux-Veteran und KI-Entwickler.',
|
|
keywords: ['Programmierung', 'Linux', 'KI', 'Python', 'Rust', 'Software-Entwicklung', 'AI', 'Fortran', 'Unix'],
|
|
authors: [{ name: 'Jamulix' }],
|
|
creator: 'Jamulix',
|
|
openGraph: {
|
|
type: 'website',
|
|
locale: 'de_DE',
|
|
url: 'https://jamulix.de',
|
|
siteName: 'Jamulix',
|
|
title: 'Jamulix | 40 Jahre Code',
|
|
description: 'Seit 40 Jahren Code. Von Fortran IV bis Python, Rust und KI-Projekten.',
|
|
},
|
|
twitter: {
|
|
card: 'summary_large_image',
|
|
title: 'Jamulix | 40 Jahre Code',
|
|
description: 'Seit 40 Jahren Code. Von Fortran IV bis Python, Rust und KI-Projekten.',
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
},
|
|
}
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: [
|
|
{ media: '(prefers-color-scheme: light)', color: '#faf9f7' },
|
|
{ media: '(prefers-color-scheme: dark)', color: '#1a1a1f' },
|
|
],
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
}
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode
|
|
}>) {
|
|
return (
|
|
<html
|
|
lang="de"
|
|
className={`${inter.variable} ${instrumentSerif.variable} ${jetbrainsMono.variable} dark bg-background`}
|
|
suppressHydrationWarning
|
|
>
|
|
<head>
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
(function() {
|
|
const stored = localStorage.getItem('theme');
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
const theme = stored || (prefersDark ? 'dark' : 'light');
|
|
document.documentElement.classList.toggle('dark', theme === 'dark');
|
|
})();
|
|
`,
|
|
}}
|
|
/>
|
|
</head>
|
|
<body className="font-sans antialiased min-h-screen">
|
|
{children}
|
|
{process.env.NODE_ENV === 'production' && <Analytics />}
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|