feat(blog): Enhance blog homepage

This commit introduces several improvements to the blog homepage:

- Adds a search icon and link to the Russian version of the blog
- Reduces the font size of the main title to make it more visually balanced
- Updates the blog description to focus on posts about science
- Adjusts the overall layout and spacing for a more polished appearance

These changes aim to enhance the user experience and better communicate the blog's content and focus.
This commit is contained in:
AderKonstantin
2025-03-25 23:48:52 +03:00
parent d364990f4f
commit 6ba890519a
5 changed files with 31 additions and 13 deletions

View File

@@ -4,13 +4,13 @@ import "./globals.css";
export const metadata: Metadata = {
title: 'AderKI Blog',
description: 'Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store.',
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. Explore hoodies, comics, books, and more in my personal store.',
url: 'https://aderk.tech/',
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

View File

@@ -1,4 +1,8 @@
import searchPic from '../public/search.svg';
import Image from "next/image";
import Link from "next/link";
import AnimatedLink from '../components/animatedLink';
import BlogArea from "../components/blogpost";
import HeaderToolbar from "../components/header/toolbar";
@@ -21,24 +25,29 @@ const blogposts = [
export default function Home() {
return (
<div className="text-xl mx-64">
<div className="text-xl mx-48">
<header className="flex flex-col">
<div className="flex flex-row mt-12 mb-22">
<ul className="w-full flex flex-row justify-between list-none">
<li className="text-6xl p-2 pr-0">
<ul className="w-full flex flex-row justify-between items-baseline list-none">
<li className="text-4xl">
<AnimatedLink href="https://blog.aderk.tech/en">
AderKI
aderk.tech
</AnimatedLink>
</li>
<li className="text-6xl p-2 pr-0">
<AnimatedLink href="https://blog.aderk.tech/ru">
RU
</AnimatedLink>
<li className="text-6xl flex items-center justify-center filter brightness-0 invert">
<Link href="#">
<Image
src={searchPic}
alt="search"
width={32}
height={32}
/>
</Link>
</li>
</ul>
</div>
<div className="text-5xl mb-20">
<div className="text-2xl mb-20">
<p>
Hello. I am is a programmer, hacker, gamer and otaku. Love comics, coding, read books. There I am posting articles about computer science and another staff, thats im like.
</p>