From 775942d71ad77a2f50e011b31d9fe9a432debf15 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Sat, 1 Mar 2025 07:10:28 +0300 Subject: [PATCH 01/14] =?UTF-8?q?=E2=9C=A8=20feat:=20Update=20site=20metad?= =?UTF-8?q?ata=20and=20styling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit updates the site metadata and styling in the `app/layout.tsx` file: - Changes the title to "AderKI Blog" and the description to "Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store." - Adds keywords, authors, and Open Graph metadata for better SEO and social sharing. - Changes the default body styles to use a black background and white text with a sans-serif font. In the `app/page.tsx` file, the changes include: - Removes the default Next.js homepage content and replaces it with a simple header section. - The header includes the site title "AderKI" and a brief description of the store. - The main content area is left empty, as it will be filled with blog post components in a future commit. These changes aim to set the foundation for the AderKI Blog, providing a more personalized and focused experience for the users. --- app/layout.tsx | 31 ++++++++---- app/page.tsx | 128 ++++++++++++++----------------------------------- 2 files changed, 60 insertions(+), 99 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index f7fa87e..8280697 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -13,19 +13,34 @@ const geistMono = Geist_Mono({ }); export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: 'AderKI Blog', + description: 'Welcome to AderKI Blog. Explore hoodies, comics, books, and more in my personal store.', + 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/', + 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, -}: Readonly<{ - children: React.ReactNode; -}>) { +export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} diff --git a/app/page.tsx b/app/page.tsx index 9007252..a2c1699 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -2,99 +2,45 @@ import Image from "next/image"; export default function Home() { return ( -
-
- Next.js logo -
    -
  1. - Get started by editing{" "} - - app/page.tsx - - . -
    2. -
  2. Save and see your changes instantly.
    3. -
- -
- - Vercel logomark - Deploy now - - - Read our docs - +
+
+
+
+
+

+ Hello. This is my personal store. Here I sell hoodies, comics, books, and other items. You can buy them. +

+
+
+ +
+ {/* Blogpost Components Here */}
-
); From e37b451ba5bc8d35c162b951d5f418acbc85b5b6 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Sat, 1 Mar 2025 07:35:06 +0300 Subject: [PATCH 02/14] =?UTF-8?q?=F0=9F=8E=A8=20feat(blog):=20Implement=20?= =?UTF-8?q?blog=20area=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit introduces a new `BlogArea` component that displays a list of blog posts. The changes include: - Added a new `BlogArea` component in `components/blogpost.tsx` that renders a list of blog posts with their title, description, and a link to the full post. - Integrated the `BlogArea` component into the `Home` page in `app/page.tsx`. - Added mock data for the blog posts in `app/page.tsx` to demonstrate the functionality. --- app/page.tsx | 19 ++++++++++++- components/blogpost.tsx | 61 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 79 insertions(+), 1 deletion(-) create mode 100644 components/blogpost.tsx diff --git a/app/page.tsx b/app/page.tsx index a2c1699..a2ae316 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,4 +1,21 @@ import Image from "next/image"; +import BlogArea from "../components/blogpost"; + +// Mock data for blog posts +const blogposts = [ + { + label: 'Retro Futurism: A Journey Through Time', + body: 'Explore the fascinating world of retro futurism and its impact on modern science and culture.', + publish: '2023-10-01', + get_absolute_url: '/blog/retro-futurism', + }, + { + label: 'The Science Behind Video Games', + body: 'Discover how video games are pushing the boundaries of technology and human interaction.', + publish: '2023-09-25', + get_absolute_url: '/blog/science-video-games', + }, +]; export default function Home() { return ( @@ -21,7 +38,7 @@ export default function Home() {
- {/* Blogpost Components Here */} +
From 759606e9663bb454ba04ef3e1a42856a3e73b9cd Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 21:19:35 +0300 Subject: [PATCH 09/14] =?UTF-8?q?=E2=9C=A8=20feat(BlogArea):=20improve=20l?= =?UTF-8?q?ayout=20of=20blogpost=20details?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Modify the layout of the blogpost details section to better align the content vertically. This change ensures the "Posted" date is aligned with the bottom of the blogpost description, creating a more balanced and visually appealing design. --- components/blogpost.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/blogpost.tsx b/components/blogpost.tsx index a113d45..452a6f3 100644 --- a/components/blogpost.tsx +++ b/components/blogpost.tsx @@ -46,7 +46,7 @@ export default function BlogArea({ blogposts }: BlogAreaProps) {
{blogpost.body.slice(0, 512)}...
-
+

Posted: {blogpost.publish}

From a82eb21296786192290e6cc12df355c972621e86 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 21:19:47 +0300 Subject: [PATCH 10/14] =?UTF-8?q?=E2=9C=A8=20feat(home):=20update=20homepa?= =?UTF-8?q?ge=20content=20and=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Updates the homepage content and link to the blog page. The changes include: - Updated the link in the "AderKI" navigation item to point to the blog page instead of the main website. - Updated the description text to better reflect the content and focus of the website. These changes are made to provide users with a more accurate and relevant introduction to the website and its content. --- app/page.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/app/page.tsx b/app/page.tsx index 1f22be8..060aaa3 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -25,7 +25,7 @@ export default function Home() {
  • - + AderKI
    • @@ -33,9 +33,10 @@ export default function Home() {

- Hello. This is my personal store. Here I sell hoodies, comics, books, and other items. You can buy them. + 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.

+
From fb35ccee77c9ffb8eafa5f7c52102bac418246c0 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 22:51:56 +0300 Subject: [PATCH 11/14] =?UTF-8?q?=E2=9C=A8=20feat(header):=20add=20toolbar?= =?UTF-8?q?=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit adds a new `HeaderToolbar` component to the `app/page.tsx` file. The toolbar includes links to the English and Russian versions of the blog. This change improves the user experience by providing easy access to the different language versions of the blog. --- app/globals.css | 7 +------ app/page.tsx | 13 ++++++++++--- public/file.svg | 1 - public/globe.svg | 1 - public/next.svg | 1 - public/vercel.svg | 1 - public/window.svg | 1 - 7 files changed, 11 insertions(+), 14 deletions(-) delete mode 100644 public/file.svg delete mode 100644 public/globe.svg delete mode 100644 public/next.svg delete mode 100644 public/vercel.svg delete mode 100644 public/window.svg diff --git a/app/globals.css b/app/globals.css index 947a048..548a51d 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,10 +1,5 @@ @import "tailwindcss"; -@theme { - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); -} - :root { --background: #ffffff; --foreground: #171717; @@ -20,5 +15,5 @@ body { color: var(--foreground); background: var(--background); - font-family: Arial, Helvetica, sans-serif; + font-family: "Roboto Mono", monospace; } diff --git a/app/page.tsx b/app/page.tsx index 060aaa3..9952503 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,6 +1,7 @@ import Image from "next/image"; import AnimatedLink from '../components/animatedLink'; import BlogArea from "../components/blogpost"; +import HeaderToolbar from "../components/header/toolbar"; // Mock data for blog posts const blogposts = [ @@ -25,18 +26,24 @@ export default function Home() {
  • - + AderKI
    • + +
  • + + RU + +
-
+

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.

- +
diff --git a/public/file.svg b/public/file.svg deleted file mode 100644 index 004145c..0000000 --- a/public/file.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/globe.svg b/public/globe.svg deleted file mode 100644 index 567f17b..0000000 --- a/public/globe.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index 7705396..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/window.svg b/public/window.svg deleted file mode 100644 index b2b2a44..0000000 --- a/public/window.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file From d364990f4ff95c6b58f2a576baf86202b903b4bf Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 23:03:27 +0300 Subject: [PATCH 12/14] =?UTF-8?q?=E2=9C=A8=20feat:=20Increase=20content=20?= =?UTF-8?q?width=20for=20better=20readability?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Increases the content width from 24 to 64 to provide a more comfortable reading experience for users. This change ensures the blog posts are displayed in a more visually appealing and readable layout. --- app/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/page.tsx b/app/page.tsx index 9952503..793a5d0 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -21,7 +21,7 @@ const blogposts = [ export default function Home() { return ( -
+
    From 6ba890519a09899660c507a87285bca91915c428 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 23:48:52 +0300 Subject: [PATCH 13/14] =?UTF-8?q?=E2=9C=A8=20feat(blog):=20Enhance=20blog?= =?UTF-8?q?=20homepage?= 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 ( -
    +
    -
      -
    • +
        +
      • - AderKI + aderk.tech
        • - -
      • - - RU - + +
      • + + search +
    -
    +

    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.

    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 @@ + + + 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 @@ + + + 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 @@ + + + From d478f1da0c82837207813f00ad0c12c2e948ed8b Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Wed, 26 Mar 2025 00:33:17 +0300 Subject: [PATCH 14/14] =?UTF-8?q?=F0=9F=8E=A8=20feat(layout):=20update=20o?= =?UTF-8?q?pen=20graph=20description?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Improve the open graph description for the blog to be more concise and informative. --- app/globals.css | 2 +- app/layout.tsx | 2 +- app/page.tsx | 8 ++++---- components/blogpost.tsx | 2 +- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/app/globals.css b/app/globals.css index 548a51d..90a3c45 100644 --- a/app/globals.css +++ b/app/globals.css @@ -15,5 +15,5 @@ body { color: var(--foreground); background: var(--background); - font-family: "Roboto Mono", monospace; + font-family: "JetBrains Mono", monospace; } diff --git a/app/layout.tsx b/app/layout.tsx index 44ac46d..b259189 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -9,7 +9,7 @@ export const metadata: Metadata = { authors: [{ name: 'AderKI' }], openGraph: { title: 'AderKI Blog', - description: 'Welcome to AderKI Blog. There will be posts about science', + description: 'Welcome to AderKI Blog. There will be posts about science', url: 'https://blog.aderk.tech/', images: [ { diff --git a/app/page.tsx b/app/page.tsx index f4fb05b..f306f40 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -25,7 +25,7 @@ const blogposts = [ export default function Home() { return ( -
    +
      @@ -48,8 +48,8 @@ export default function Home() {
    -

    - 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. +

    + Hello. I am is a programmer, hacker, and gamer. Love comics, coding, read books. There I am posting articles about science and another staff, that’s im like.

    @@ -59,7 +59,7 @@ export default function Home() {
-
+

  • Socials

  • Instagram
    • diff --git a/components/blogpost.tsx b/components/blogpost.tsx index 452a6f3..1bc9722 100644 --- a/components/blogpost.tsx +++ b/components/blogpost.tsx @@ -31,7 +31,7 @@ export default function BlogArea({ blogposts }: BlogAreaProps) { />
-
+