diff --git a/app/favicon.png b/app/favicon.png
new file mode 100644
index 0000000..7d5761a
Binary files /dev/null and b/app/favicon.png differ
diff --git a/app/globals.css b/app/globals.css
index ddd658e..6137056 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -168,12 +168,22 @@ h1 {
text-align: center;
margin-top: 40px;
padding: 20px;
- color: #666;
+ background-color: #333;
+ color: #fff;
font-size: 14px;
+ border-radius: 8px;
}
.copyright p {
- margin: 0;
+ margin: 10px 0 0;
+ color: #ccc;
+}
+
+.copyright-logo {
+ max-height: 40px;
+ width: auto;
+ margin: 0 auto;
+ display: block;
}
.pagination {
diff --git a/app/gstools_logo.jpg b/app/gstools_logo.jpg
new file mode 100644
index 0000000..694a3ab
Binary files /dev/null and b/app/gstools_logo.jpg differ
diff --git a/app/layout.tsx b/app/layout.tsx
index 6398062..c7e4b82 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
import type { Metadata } from 'next';
import './globals.css';
+import favicon from './favicon.png';
export const metadata: Metadata = {
title: 'To-Do-Liste',
@@ -13,6 +14,9 @@ export default function RootLayout({
}) {
return (
+
+
+
{children}
);
diff --git a/app/page.tsx b/app/page.tsx
index 225741b..2949f7a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,7 @@
'use client';
import { useState, useEffect } from 'react';
+import gstoolsLogo from './gstools_logo.jpg';
interface Aufgabe {
id: number;
@@ -234,6 +235,7 @@ export default function TodoApp() {
)}