The changes in this commit introduce a new footer component to the application. The footer includes the following sections: - Socials: Links to the user's social media profiles (Instagram, Mastodon, GitHub, Steam) - Games: A link to the "Robot Fire" game - Other Projects: Links to the "cloudberrygames" and "northfamily" projects The footer is designed to be responsive, with a different layout for larger and smaller screens. The icons in the footer are also inverted to match the overall color scheme of the application.
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
|
|
import MainHeader from "@/components/header/main";
|
|
import MainFooter from "@/components/footer/main";
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'AderKI Blog',
|
|
description: 'Welcome to AderKI Blog. There will be posts about science',
|
|
keywords: ['AderKI', 'hoodies', 'comics', 'books', 'store', 'blog'],
|
|
authors: [{ name: 'AderKI' }],
|
|
openGraph: {
|
|
title: 'AderKI Blog',
|
|
description: 'Welcome to AderKI Blog. There will be posts about science',
|
|
url: 'https://blog.aderk.tech/',
|
|
images: [
|
|
{
|
|
url: '/images/logo.png', // Path to your Open Graph image
|
|
width: 800,
|
|
height: 600,
|
|
alt: 'AderKI Blog Logo',
|
|
},
|
|
],
|
|
siteName: 'AderKI Blog',
|
|
},
|
|
icons: {
|
|
icon: '/images/favicon.ico', // Path to your favicon
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<body
|
|
className={`bg-black text-white font-sans`}
|
|
>
|
|
|
|
<div className="text-xl 2xl:mx-64 xl:mx-32 md:mx-6">
|
|
<MainHeader />
|
|
{children}
|
|
<MainFooter />
|
|
</div>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|