From 106fad8fa6ee8a3111a2ccfcd22034ce077c0ef5 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 21:41:09 +0300 Subject: [PATCH 1/4] =?UTF-8?q?=F0=9F=8E=A8=20feat(header):=20add=20toolba?= =?UTF-8?q?r=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds a new toolbar component to the header section. This component displays the user's profile information and provides links to various sections of the application, such as email, RSS, support, and settings. The toolbar is designed to be responsive and visually appealing, with a clean and modern layout. --- components/header/toolbar.tsx | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 components/header/toolbar.tsx diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx new file mode 100644 index 0000000..97f2a8b --- /dev/null +++ b/components/header/toolbar.tsx @@ -0,0 +1,17 @@ +'use client'; + +export default function BlogArea() { + return ( +
+

Software Engineer | HomeLab | Nerd

+
+
    +
  • email
    • +
  • rss
    • +
  • support
    • +
  • settings
    • +
+
+
+ ); +} \ No newline at end of file From 719fa4f19fa508ec2ecf72d5549d679710416833 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 22:48:31 +0300 Subject: [PATCH 2/4] =?UTF-8?q?=F0=9F=8E=A8=20feat(toolbar):=20Enhance=20t?= =?UTF-8?q?oolbar=20with=20icons=20and=20links?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds new icons and links to the toolbar component, including email, RSS feed, support, and settings. The icons are now displayed as images using the Next.js `Image` component, and the links are wrapped in `Link` components for better navigation. The overall layout and styling of the toolbar have also been improved. --- components/header/toolbar.tsx | 55 +++++++++++++++++++++++++++++++---- public/email.svg | 3 ++ public/rss-feed.svg | 1 + public/search.svg | 3 ++ public/settings.svg | 6 ++++ public/support.svg | 1 + 6 files changed, 63 insertions(+), 6 deletions(-) create mode 100644 public/email.svg create mode 100644 public/rss-feed.svg create mode 100644 public/search.svg create mode 100644 public/settings.svg create mode 100644 public/support.svg diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx index 97f2a8b..3cdaece 100644 --- a/components/header/toolbar.tsx +++ b/components/header/toolbar.tsx @@ -1,15 +1,58 @@ 'use client'; +import Image from 'next/image'; +import Link from 'next/link'; +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'; -export default function BlogArea() { + +export default function Toolbar() { return (

Software Engineer | HomeLab | Nerd

-
    -
  • email
    • -
  • rss
    • -
  • support
    • -
  • settings
    • +
      +
    • + + email + +
      • +
    • + + rss + +
      • +
    • + + support + +
      • +
    • + + settings + +
diff --git a/public/email.svg b/public/email.svg new file mode 100644 index 0000000..14a19b5 --- /dev/null +++ b/public/email.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/rss-feed.svg b/public/rss-feed.svg new file mode 100644 index 0000000..a94b740 --- /dev/null +++ b/public/rss-feed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/search.svg b/public/search.svg new file mode 100644 index 0000000..324f91f --- /dev/null +++ b/public/search.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/settings.svg b/public/settings.svg new file mode 100644 index 0000000..abe44a0 --- /dev/null +++ b/public/settings.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/support.svg b/public/support.svg new file mode 100644 index 0000000..963e56c --- /dev/null +++ b/public/support.svg @@ -0,0 +1 @@ + \ No newline at end of file From 63e4981a5ce94358c7fe390982240600e4831305 Mon Sep 17 00:00:00 2001 From: AderKonstantin Date: Tue, 25 Mar 2025 23:48:59 +0300 Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=8E=A8=20feat(header):=20add=20langua?= =?UTF-8?q?ge=20switcher=20and=20update=20icons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds a language switcher icon to the header toolbar and updates the email and RSS icons. This change improves the user experience by providing a way for users to switch between different language versions of the site. --- components/header/toolbar.tsx | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx index 3cdaece..f9839a2 100644 --- a/components/header/toolbar.tsx +++ b/components/header/toolbar.tsx @@ -1,6 +1,7 @@ 'use client'; import Image from 'next/image'; 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'; @@ -10,9 +11,21 @@ import settingsPic from '../../public/settings.svg'; export default function Toolbar() { return (
-

Software Engineer | HomeLab | Nerd

-
+
+

Software Engineer | HomeLab | Nerd

+
+
    +
  • + + lang + +
    • -
  • - - support - -
  • Date: Wed, 26 Mar 2025 00:33:37 +0300 Subject: [PATCH 4/4] =?UTF-8?q?=E2=9C=A8feat(header):=20add=20animated=20l?= =?UTF-8?q?inks=20to=20toolbar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds `AnimatedLink` component to the toolbar, allowing for animated links to different sections of the website. This improves the user experience and provides a more visually appealing way to navigate the site. --- components/header/toolbar.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/header/toolbar.tsx b/components/header/toolbar.tsx index f9839a2..aec1700 100644 --- a/components/header/toolbar.tsx +++ b/components/header/toolbar.tsx @@ -6,13 +6,14 @@ 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'; export default function Toolbar() { return (
    -

    Software Engineer | HomeLab | Nerd

    +

    Science | Software | Hardware | Rockets | Startups