This commit introduces a theme switcher component in the header, allowing users to toggle between light and dark modes. The changes include:
- Added a new `ThemeSwitcher` component in `components/header/theme-switcher.tsx` that handles the theme switching logic and UI.
- Integrated the `ThemeSwitcher` component into the `HeaderToolbar` component.
- Updated the global CSS file (`app/globals.css`) to include styles for the light mode.
- Initialized the theme based on user's previous preference or system preference.
- Saved the user's theme preference in the browser's local storage for persistence.
These changes provide a better user experience by allowing users to switch between light and dark modes, which can improve readability and accessibility, especially in different lighting conditions.
The changes in this commit introduce a new footer component to the application. The footer includes the following sections:
- Socials: Links to the user's social media profiles (Instagram, Mastodon, GitHub, Steam)
- Games: A link to the "Robot Fire" game
- Other Projects: Links to the "cloudberrygames" and "northfamily" projects
The footer is designed to be responsive, with a different layout for larger and smaller screens. The icons in the footer are also inverted to match the overall color scheme of the application.
This commit reorganizes the page structure by moving the main content area and the footer into the layout component. The main content area now only contains the BlogArea component, while the footer has been expanded to include social links, game links, and other project links.
The changes were made to improve the overall structure and organization of the application, making it easier to maintain and extend in the future.
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.
The changes remove the unused Geist and Geist_Mono font imports from the
layout.tsx file. This simplifies the code and reduces the overall bundle
size of the application.
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.
