✨ 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:
@@ -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
|
||||
|
||||
27
app/page.tsx
27
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>
|
||||
|
||||
3
public/globe.svg
Normal file
3
public/globe.svg
Normal 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
3
public/moon.svg
Normal 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
3
public/sun.svg
Normal 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 |
Reference in New Issue
Block a user