From 6ba890519a09899660c507a87285bca91915c428 Mon Sep 17 00:00:00 2001
From: AderKonstantin <aderkonstantin9@gmail.com>
Date: Tue, 25 Mar 2025 23:48:52 +0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(blog):=20Enhance=20blog=20home?=
 =?UTF-8?q?page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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.
---
 app/layout.tsx   |  6 +++---
 app/page.tsx     | 29 +++++++++++++++++++----------
 public/globe.svg |  3 +++
 public/moon.svg  |  3 +++
 public/sun.svg   |  3 +++
 5 files changed, 31 insertions(+), 13 deletions(-)
 create mode 100644 public/globe.svg
 create mode 100644 public/moon.svg
 create mode 100644 public/sun.svg

diff --git a/app/layout.tsx b/app/layout.tsx
index c685dd3..44ac46d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -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
diff --git a/app/page.tsx b/app/page.tsx
index 793a5d0..f4fb05b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -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, that’s im like.
           </p>
diff --git a/public/globe.svg b/public/globe.svg
new file mode 100644
index 0000000..c50616f
--- /dev/null
+++ b/public/globe.svg
@@ -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>
diff --git a/public/moon.svg b/public/moon.svg
new file mode 100644
index 0000000..c91b28f
--- /dev/null
+++ b/public/moon.svg
@@ -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>
diff --git a/public/sun.svg b/public/sun.svg
new file mode 100644
index 0000000..c740b1e
--- /dev/null
+++ b/public/sun.svg
@@ -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>