diff --git a/app/layout.tsx b/app/layout.tsx index b259189..421d99b 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,20 @@ import type { Metadata } from "next"; import "./globals.css"; +import mastodonPic from '../public/mastodon.svg'; +import githubPic from '../public/github.svg'; +import instagramPic from '../public/instagram.svg'; +import steamPic from '../public/steam.svg'; + +import gamePic from '../public/gamepad.svg'; +import projectPic from '../public/project.svg'; + +import Image from "next/image"; +import Link from "next/link"; +import AnimatedLink from '../components/animatedLink'; + +import MainHeader from "@/components/header/main"; + export const metadata: Metadata = { title: 'AderKI Blog', @@ -32,7 +46,76 @@ export default function RootLayout({ children }: { children: React.ReactNode }) - {children} + +
+ + {children} + + +
); diff --git a/app/page.tsx b/app/page.tsx index c034f6f..fd11444 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,17 +1,6 @@ -import mastodonPic from '../public/mastodon.svg'; -import githubPic from '../public/github.svg'; -import instagramPic from '../public/instagram.svg'; -import steamPic from '../public/steam.svg'; -import gamePic from '../public/gamepad.svg'; -import projectPic from '../public/project.svg'; - -import Image from "next/image"; -import Link from "next/link"; -import AnimatedLink from '../components/animatedLink'; import BlogArea from "../components/blogpost"; -import MainHeader from "@/components/header/main"; // Mock data for blog posts const blogposts = [ @@ -47,77 +36,8 @@ const blogposts = [ export default function Home() { return ( -
- - -
- -
- - -
+
+ +
); }