From 1c85792839d9f8887f59211c4ceb13f6dc73fab3 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Fri, 28 Mar 2025 17:08:04 +0300 Subject: [PATCH 1/5] =?UTF-8?q?=E2=9C=A8=20feat(layout):=20Adjust=20conten?= =?UTF-8?q?t=20container=20width?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Increases the maximum content container width on larger screens to provide more breathing room and a better reading experience. This change was made to improve the overall layout and visual presentation of the application. --- app/layout.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/layout.tsx b/app/layout.tsx index 2ab1418..6a19596 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -32,7 +32,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) return ( -
+
{children} From f37572f0cfa397a9170eaf02191e798e807f0e01 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Fri, 28 Mar 2025 17:08:50 +0300 Subject: [PATCH 2/5] =?UTF-8?q?=E2=9C=A8=20feat(layout):=20Enhance=20blog?= =?UTF-8?q?=20post=20layout=20for=20better=20readability?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds a `m-auto` class to center the blog post content and sets a maximum width of `3xl` for larger screens to improve readability. --- app/blogpost/layout.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/blogpost/layout.tsx b/app/blogpost/layout.tsx index 3b1a06d..cf89c29 100644 --- a/app/blogpost/layout.tsx +++ b/app/blogpost/layout.tsx @@ -9,7 +9,7 @@ import MainFooter from "@/components/footer/main"; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( -
+
{children}
); From 6c0243c5e23dbaf0549f6f2cff4a08b0cdea11e0 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Fri, 28 Mar 2025 18:12:21 +0300 Subject: [PATCH 3/5] =?UTF-8?q?=E2=9C=A8=20feat:=20Remove=20Theme=20Switch?= =?UTF-8?q?er?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Update body class to use `dark` instead of `light` for dark mode - Remove `ThemeSwitcher` component as it is no longer needed - Update global CSS to set dark mode styles on the `.dark` class instead of `.light` --- app/globals.css | 2 +- app/layout.tsx | 2 +- components/header/theme-switcher.tsx | 50 ---------------------------- components/header/toolbar.tsx | 3 -- 4 files changed, 2 insertions(+), 55 deletions(-) delete mode 100644 components/header/theme-switcher.tsx diff --git a/app/globals.css b/app/globals.css index 96cf646..b48c6f8 100644 --- a/app/globals.css +++ b/app/globals.css @@ -18,6 +18,6 @@ body { font-family: "JetBrains Mono", monospace; } -.light { +.dark { @apply bg-black text-white; } diff --git a/app/layout.tsx b/app/layout.tsx index 6a19596..71dfdca 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -31,7 +31,7 @@ export const metadata: Metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - +
{children} diff --git a/components/header/theme-switcher.tsx b/components/header/theme-switcher.tsx deleted file mode 100644 index da5be76..0000000 --- a/components/header/theme-switcher.tsx +++ /dev/null @@ -1,50 +0,0 @@ -'use client'; - -import { useState, useEffect } from 'react'; -import Image from 'next/image'; -import Link from 'next/link'; -import moonPic from '@/public/moon.svg'; -import sunPic from '@/public/sun.svg'; - -export function ThemeSwitcher() { - const [isLightMode, setIsLightMode] = useState(false); - - // Initialize theme from localStorage or system preference - useEffect(() => { - const savedTheme = localStorage.getItem('theme'); - const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; - - if (savedTheme === 'light' || (!savedTheme && !systemPrefersDark)) { - setIsLightMode(true); - document.documentElement.classList.add('light'); - } - }, []); - - // Toggle theme and save preference - const toggleTheme = () => { - const newLightMode = !isLightMode; - setIsLightMode(newLightMode); - - if (newLightMode) { - document.documentElement.classList.add('light'); - localStorage.setItem('theme', 'light'); - } else { - document.documentElement.classList.remove('light'); - localStorage.setItem('theme', 'dark'); - } - }; - - return ( -
  • - - {isLightMode - -
    • - ); -} \ No newline at end of file diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx index ea9077d..1f4cfb4 100644 --- a/components/header/toolbar.tsx +++ b/components/header/toolbar.tsx @@ -2,8 +2,6 @@ import Image from 'next/image'; import Link from 'next/link'; -import { ThemeSwitcher } from './theme-switcher'; - import globePic from '../../public/globe.svg'; import emailPic from '../../public/email.svg'; import rssPic from '../../public/rss-feed.svg'; @@ -20,7 +18,6 @@ export default function Toolbar() {
      -
    • Date: Fri, 28 Mar 2025 18:25:22 +0300 Subject: [PATCH 4/5] =?UTF-8?q?=E2=9C=A8=20feat:=20Enhance=20blog=20post?= =?UTF-8?q?=20layout=20and=20typography?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit introduces the following changes: - Increase the maximum width of the blog post layout from 3XL to 4XL on larger screens, providing more space for content. - Change the body font from "JetBrains Mono" to "Open Sans" to improve readability and aesthetics. - Increase the horizontal margin on larger screens from 72px to 80px, creating more breathing room around the content. These changes aim to enhance the overall presentation and user experience of the blog post layout, making it more visually appealing and comfortable to read. --- app/blogpost/layout.tsx | 2 +- app/globals.css | 2 +- app/layout.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/blogpost/layout.tsx b/app/blogpost/layout.tsx index cf89c29..a9bb4ac 100644 --- a/app/blogpost/layout.tsx +++ b/app/blogpost/layout.tsx @@ -9,7 +9,7 @@ import MainFooter from "@/components/footer/main"; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( -
      +
      {children}
      ); diff --git a/app/globals.css b/app/globals.css index b48c6f8..6417721 100644 --- a/app/globals.css +++ b/app/globals.css @@ -15,7 +15,7 @@ body { color: var(--foreground); background: var(--background); - font-family: "JetBrains Mono", monospace; + font-family: "Open Sans", sans-serif; } .dark { diff --git a/app/layout.tsx b/app/layout.tsx index 71dfdca..8ea897e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -32,7 +32,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) return ( -
      +
      {children} From 17271c1e521804f4483d9395e2fa68874eac4929 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 1 Apr 2025 19:37:28 +0300 Subject: [PATCH 5/5] =?UTF-8?q?=E2=9C=A8=20feat:=20Remove=20unused=20suppo?= =?UTF-8?q?rt=20icon=20and=20update=20header=20toolbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The changes made in this commit include: 1. Removing the unused `support.svg` file from the `public` directory. 2. Updating the `toolbar.tsx` component in the `header` directory by removing the import and usage of the `supportPic` icon. These changes were made to clean up the codebase and remove unused assets, improving the overall maintainability of the project. --- app/blogpost/layout.tsx | 7 ------- components/header/toolbar.tsx | 1 - public/support.svg | 1 - 3 files changed, 9 deletions(-) delete mode 100644 public/support.svg diff --git a/app/blogpost/layout.tsx b/app/blogpost/layout.tsx index a9bb4ac..28b6b15 100644 --- a/app/blogpost/layout.tsx +++ b/app/blogpost/layout.tsx @@ -1,12 +1,5 @@ import "../globals.css"; -import Link from "next/link"; -import AnimatedLink from "@/components/animatedLink"; -import Image from "next/image"; - -import MainHeader from "@/components/header/main"; -import MainFooter from "@/components/footer/main"; - export default function RootLayout({ children }: { children: React.ReactNode }) { return (
      diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx index 1f4cfb4..78b79e4 100644 --- a/components/header/toolbar.tsx +++ b/components/header/toolbar.tsx @@ -5,7 +5,6 @@ import Link from 'next/link'; import globePic from '../../public/globe.svg'; import emailPic from '../../public/email.svg'; import rssPic from '../../public/rss-feed.svg'; -import supportPic from '../../public/support.svg'; import settingsPic from '../../public/settings.svg'; import AnimatedLink from '../animatedLink'; diff --git a/public/support.svg b/public/support.svg deleted file mode 100644 index 963e56c..0000000 --- a/public/support.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file