Add title

craquet · craquet · commit bebfe66c2c95 · 2025-01-09T16:58:52.000+01:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,13 +1,11 @@
+import "@/index.css"
+
 export const metadata = {
-    title: "Next.js",
-    description: "Generated by Next.js",
+    title: "NEP Search",
+    description: "Search for Fair Digital Objects"
 }
 
-export default function RootLayout({
-    children,
-}: {
-    children: React.ReactNode
-}) {
+export default function RootLayout({ children }: { children: React.ReactNode }) {
     return (
         <html lang="en">
             <body>{children}</body>
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,10 +1,9 @@
 import type { FairDOConfig } from "@/config/FairDOConfig"
 import { FairDOElasticSearch } from "@/components/FairDOElasticSearch"
-import "@/index.css"
 
 const demoConfig: FairDOConfig = {
     logo: "",
-    title: "NEP",
+    title: "NEP Search",
     debug: false,
     alwaysSearchOnInitialLoad: true,
     // host: "https://matwerk.datamanager.kit.edu/search-proxy/api/v1",
@@ -45,5 +44,14 @@ const demoConfig: FairDOConfig = {
 }
 
 export default function Page() {
-    return <FairDOElasticSearch config={demoConfig} />
+    return (
+        <div className="flex flex-col items-center">
+            <div className="bg-muted font-bold w-full p-10">
+                <h1 className="text-4xl">NEP Search</h1>
+            </div>
+            <div className="max-w-[1300px] w-[min(1300px,100vw)]">
+                <FairDOElasticSearch config={demoConfig} />
+            </div>
+        </div>
+    )
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,44 +4,44 @@ import animatePlugin from "tailwindcss-animate"
 
 export default {
     darkMode: ["class"],
-    content: ["./src/**/*.{ts,tsx,js,jsx,css}"],
+    content: ["./src/**/*.{ts,tsx,js,jsx,css}", "./app/**/*.{ts,tsx}"],
     theme: {
         extend: {
             borderRadius: {
                 lg: "var(--radius)",
                 md: "calc(var(--radius) - 2px)",
-                sm: "calc(var(--radius) - 4px)",
+                sm: "calc(var(--radius) - 4px)"
             },
             colors: {
                 background: "hsl(var(--background))",
                 foreground: "hsl(var(--foreground))",
                 card: {
                     DEFAULT: "hsl(var(--card))",
-                    foreground: "hsl(var(--card-foreground))",
+                    foreground: "hsl(var(--card-foreground))"
                 },
                 popover: {
                     DEFAULT: "hsl(var(--popover))",
-                    foreground: "hsl(var(--popover-foreground))",
+                    foreground: "hsl(var(--popover-foreground))"
                 },
                 primary: {
                     DEFAULT: "hsl(var(--primary))",
-                    foreground: "hsl(var(--primary-foreground))",
+                    foreground: "hsl(var(--primary-foreground))"
                 },
                 secondary: {
                     DEFAULT: "hsl(var(--secondary))",
-                    foreground: "hsl(var(--secondary-foreground))",
+                    foreground: "hsl(var(--secondary-foreground))"
                 },
                 muted: {
                     DEFAULT: "hsl(var(--muted))",
-                    foreground: "hsl(var(--muted-foreground))",
+                    foreground: "hsl(var(--muted-foreground))"
                 },
                 accent: {
                     DEFAULT: "hsl(var(--accent))",
-                    foreground: "hsl(var(--accent-foreground))",
+                    foreground: "hsl(var(--accent-foreground))"
                 },
                 destructive: {
                     DEFAULT: "hsl(var(--destructive))",
-                    foreground: "hsl(var(--destructive-foreground))",
+                    foreground: "hsl(var(--destructive-foreground))"
                 },
                 border: "hsl(var(--border))",
                 input: "hsl(var(--input))",
@@ -51,23 +51,23 @@ export default {
                     2: "hsl(var(--chart-2))",
                     3: "hsl(var(--chart-3))",
                     4: "hsl(var(--chart-4))",
-                    5: "hsl(var(--chart-5))",
-                },
+                    5: "hsl(var(--chart-5))"
+                }
             },
             keyframes: {
                 "outline-ping": {
                     "0%, 100%": {
-                        outline: "5px solid transparent",
+                        outline: "5px solid transparent"
                     },
                     "75%": {
-                        outline: "5px solid hsl(var(--primary))",
-                    },
-                },
+                        outline: "5px solid hsl(var(--primary))"
+                    }
+                }
             },
             animation: {
-                "outline-ping": "outline-ping 1s ease-in-out",
-            },
-        },
+                "outline-ping": "outline-ping 1s ease-in-out"
+            }
+        }
     },
-    plugins: [animatePlugin],
+    plugins: [animatePlugin]
 }
