From 04afa75b7f54d6c6239139f3da3be8ab93448a5f Mon Sep 17 00:00:00 2001 From: Avnyr Date: Sun, 4 Jan 2026 19:19:07 +0100 Subject: [PATCH] Create initial frontend with global styles and basic layout components --- frontend/src/app/globals.css | 26 ++++++++++++++++++++++++++ frontend/src/app/layout.tsx | 35 +++++++++++++++++++++++++++++++++++ frontend/src/app/page.tsx | 9 +++++++++ 3 files changed, 70 insertions(+) create mode 100644 frontend/src/app/globals.css create mode 100644 frontend/src/app/layout.tsx create mode 100644 frontend/src/app/page.tsx diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css new file mode 100644 index 0000000..a2dc41e --- /dev/null +++ b/frontend/src/app/globals.css @@ -0,0 +1,26 @@ +@import "tailwindcss"; + +:root { + --background: #ffffff; + --foreground: #171717; +} + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --font-sans: var(--font-geist-sans); + --font-mono: var(--font-geist-mono); +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #0a0a0a; + --foreground: #ededed; + } +} + +body { + background: var(--background); + color: var(--foreground); + font-family: Arial, Helvetica, sans-serif; +} diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx new file mode 100644 index 0000000..359a36f --- /dev/null +++ b/frontend/src/app/layout.tsx @@ -0,0 +1,35 @@ +import type { Metadata } from "next"; +import {Geist, Geist_Mono, Ubuntu_Mono, Ubuntu_Sans} from "next/font/google"; +import "./globals.css"; + +const ubuntuSans = Ubuntu_Sans({ + variable: "--font-ubuntu-sans", + subsets: ["latin"], +}); + +const ubuntuMono = Ubuntu_Mono({ + variable: "--font-geist-mono", + weight: ['400', '700'], + subsets: ["latin"], +}); + +export const metadata: Metadata = { + title: "MemeGoat", + icons: "/memegoat-color.svg" +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + {children} + + + ); +} diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx new file mode 100644 index 0000000..9b062f5 --- /dev/null +++ b/frontend/src/app/page.tsx @@ -0,0 +1,9 @@ +export default function Home() { + return ( +
+
+

Hello world !

+
+
+ ); +}