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 = { export const metadata: Metadata = {
title: 'AderKI Blog', 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'], keywords: ['AderKI', 'hoodies', 'comics', 'books', 'store', 'blog'],
authors: [{ name: 'AderKI' }], authors: [{ name: 'AderKI' }],
openGraph: { openGraph: {
title: 'AderKI Blog', 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',
url: 'https://aderk.tech/', url: 'https://blog.aderk.tech/',
images: [ images: [
{ {
url: '/images/logo.png', // Path to your Open Graph image 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 Image from "next/image";
import Link from "next/link";
import AnimatedLink from '../components/animatedLink'; import AnimatedLink from '../components/animatedLink';
import BlogArea from "../components/blogpost"; import BlogArea from "../components/blogpost";
import HeaderToolbar from "../components/header/toolbar"; import HeaderToolbar from "../components/header/toolbar";
@@ -21,24 +25,29 @@ const blogposts = [
export default function Home() { export default function Home() {
return ( return (
<div className="text-xl mx-64"> <div className="text-xl mx-48">
<header className="flex flex-col"> <header className="flex flex-col">
<div className="flex flex-row mt-12 mb-22"> <div className="flex flex-row mt-12 mb-22">
<ul className="w-full flex flex-row justify-between list-none"> <ul className="w-full flex flex-row justify-between items-baseline list-none">
<li className="text-6xl p-2 pr-0"> <li className="text-4xl">
<AnimatedLink href="https://blog.aderk.tech/en"> <AnimatedLink href="https://blog.aderk.tech/en">
AderKI aderk.tech
</AnimatedLink> </AnimatedLink>
</li> </li>
<li className="text-6xl p-2 pr-0"> <li className="text-6xl flex items-center justify-center filter brightness-0 invert">
<AnimatedLink href="https://blog.aderk.tech/ru"> <Link href="#">
RU <Image
</AnimatedLink> src={searchPic}
alt="search"
width={32}
height={32}
/>
</Link>
</li> </li>
</ul> </ul>
</div> </div>
<div className="text-5xl mb-20"> <div className="text-2xl mb-20">
<p> <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. 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> </p>

3
public/globe.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 21 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.487 1.746c0 4.192 3.592 1.66 4.592 5.754 0 .828 1 1.5 2 1.5s2-.672 2-1.5a1.5 1.5 0 0 1 1.5-1.5h1.5m-16.02.471c4.02 2.248 1.776 4.216 4.878 5.645C10.18 13.61 9 19 9 19m9.366-6h-2.287a3 3 0 0 0-3 3v2m6-8a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
</svg>

After

Width:  |  Height:  |  Size: 416 B

3
public/moon.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.509 5.75c0-1.493.394-2.96 1.144-4.25h-.081a8.5 8.5 0 1 0 7.356 12.746A8.5 8.5 0 0 1 8.509 5.75Z"/>
</svg>

After

Width:  |  Height:  |  Size: 279 B

3
public/sun.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 3V1m0 18v-2M5.05 5.05 3.636 3.636m12.728 12.728L14.95 14.95M3 10H1m18 0h-2M5.05 14.95l-1.414 1.414M16.364 3.636 14.95 5.05M14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/>
</svg>

After

Width:  |  Height:  |  Size: 342 B