config traduction middleware
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@theme {
|
||||
--color-brand-brown: #2C1E16;
|
||||
--color-brand-beige: #F5F4F0;
|
||||
|
||||
--font-sans: var(--font-inter);
|
||||
--font-serif: var(--font-playfair);
|
||||
}
|
||||
|
||||
:root {
|
||||
--background: #ffffff;
|
||||
--foreground: #171717;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Playfair_Display, Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const playfairDisplay = Playfair_Display({
|
||||
variable: "--font-playfair",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Mathéo Guilbert - Développeur Full Stack",
|
||||
description: "Portfolio de Mathéo Guilbert, développeur web freelance.",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html
|
||||
lang="fr"
|
||||
className={`${playfairDisplay.variable} ${inter.variable} h-full antialiased`}
|
||||
>
|
||||
<body className="min-h-full flex flex-col">{children}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
export default function Home() {
|
||||
return (
|
||||
<main className="min-h-screen bg-brand-beige text-brand-black flex items-center justify-center">
|
||||
<h1 className="font-serif text-6xl">Hello World</h1>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user