Files
darkwave/app/layout.tsx

123 lines
4.2 KiB
TypeScript
Raw Normal View History

2025-03-01 06:33:09 +03:00
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";
2025-03-01 06:33:09 +03:00
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
},
2025-03-01 06:33:09 +03:00
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
2025-03-01 06:33:09 +03:00
return (
<html lang="en">
<body
className={`bg-black text-white font-sans`}
2025-03-01 06:33:09 +03:00
>
<div className="text-xl 2xl:mx-64 xl:mx-32 md:mx-6">
<MainHeader />
{children}
<footer className="border-t border-white pt-4 flex lg:flex-row max-md:flex-col justify-around text-2xl">
<ul className="list-none m-4">
<li className="text-2xl mb-3"><h3>Socials</h3></li>
<li className="inline text-xl pr-2 mr-2">
<Link href="https://www.instagram.com/aderkitty/">
<Image
src={instagramPic}
alt="lang"
width={32}
height={32}
className="inline filter brightness-0 invert"
/>
</Link>
</li>
<li className="inline text-xl pr-2 mr-2">
<Link href="https://mastodon.social/@aderkonstantin">
<Image
src={mastodonPic}
alt="lang"
width={32}
height={32}
className="inline filter brightness-0 invert"
/>
</Link>
</li>
<li className="inline text-xl pr-2 mr-2">
<Link href="https://github.com/AderKonstantin">
<Image
src={githubPic}
alt="lang"
width={32}
height={32}
className="inline filter brightness-0 invert"
/>
</Link>
</li>
<li className="inline text-xl pr-2 mr-2">
<Link href="https://steamcommunity.com/yourprofile">
<Image
src={steamPic}
alt="lang"
width={32}
height={32}
className="inline filter brightness-0 invert"
/>
</Link>
</li>
</ul>
<ul className="list-none m-4">
<li className="text-2xl mb-3"><h3 className='inline'>Games</h3><Image src={gamePic} alt="lang" width={24} height={24} className="ml-2 inline filter brightness-0 invert" /></li>
<li className="text-xl">
<AnimatedLink href="#">Robot Fire</AnimatedLink>
</li>
</ul>
<ul className="list-none m-4">
<li className="text-2xl mb-3"><h3 className='inline'>Other Projects</h3><Image src={projectPic} alt="lang" width={24} height={24} className="ml-2 inline filter brightness-0 invert" /></li>
<li className="text-xl">
<AnimatedLink href="#">cloudberrygames</AnimatedLink>
</li>
<li className="text-xl">
<AnimatedLink href="#">northfamily</AnimatedLink>
</li>
</ul>
</footer>
</div>
2025-03-01 06:33:09 +03:00
</body>
</html>
);
}