Files
darkwave/app/layout.tsx
AderKonstantin 9ab9089f4f feat: Enhance blog post layout and typography
This commit introduces the following changes:

- Increase the maximum width of the blog post layout from 3XL to 4XL
  on larger screens, providing more space for content.
- Change the body font from "JetBrains Mono" to "Open Sans" to improve
  readability and aesthetics.
- Increase the horizontal margin on larger screens from 72px to 80px,
  creating more breathing room around the content.

These changes aim to enhance the overall presentation and user
experience of the blog post layout, making it more visually appealing
and comfortable to read.
2025-04-01 19:38:40 +03:00

44 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 className="dark" lang="en">
<body className={`bg-black text-white dark:bg-white dark:text-black font-sans`}>
<div className="text-xl 2xl:mx-80 xl:mx-36 md:mx-6">
<MainHeader />
{children}
<MainFooter />
</div>
</body>
</html>
);
}