Added MobileMenuFooter and ThemeSelectMobile components to enhance user interactivity for mobile layouts. These new components facilitate theme switch and house utility icons and language selection in structured, mobile-friendly layouts. Accompanying style updates were implemented to ensure visual consistency, and the astro.config.mjs file was updated to link the MobileMenuFooter component.
A new ThemeSelect.astro file was added to let users toggle between light and dark themes in Starlight Docs. This component replaces the default ThemeProvider.astro component
The Lenis library is updated to improve smooth scrolling. The lenis.js script is replaced by lenisSmoothScroll.js and certain lenis related CSS rules are removed. Also, it encompasses changes in the way some plugins are imported in different components, moving from inline script import to modular imports. Additionally, the customCss file location is updated in the astro.config.mjs file. New dependencies are added to the package and package-lock json.
The changes in this commit involve updates to the logic that drives loading of blog posts. Further changes were made to various components to pass the locale as a prop, which is then used for URL formation in these components.
This commit changes all project imports to use absolute paths instead of relative ones. In addition, the 'tsconfig.json' has been updated to recognize new paths, aiding in easier project navigation and improved readability. The implemented changes result in cleaner imports and a more comprehensible project structure.
This commit includes both a typo fix in the `icons.ts` file, and substituting hard-coded color hex codes with corresponding Tailwind color palette names.
Replaced all custom color hex codes used in various component classes with their corresponding color names from the expanded Tailwind color palette. This ensures consistent styling across components and enhances readability and maintainability of the code.
This commit makes changes to the transformation properties for the dropdown menu in the 'LanguagePicker' component. New properties have been added to better position the dropdown on both mobile and desktop views resulting in a more responsive design.
A new Head component has been added and interactions with view transitions have been defined within it. The .webp format is now being used for social media metadata. Also, astro-vtbot has been added as a new dependency.
Added titles to the social icons for better accessibility and updated the URLs for each social platform in the navigation component. Also added an aria-label to the LanguagePicker component and included the icon title in the Icon.astro file.
Redesigned the product markdown files and schema to divide product title and subtitle into separate 'title' and 'description' fields to provide better data representation. Adjusted CardWide and CardSmall components to accommodate these changes, ensuring consistent and appropriate depiction of product descriptions across all pages.
Introduced two new components (BrandLogo and LanguagePicker) to the Navbar component. This refactor improves readability and maintainability of the code. Additionally, SVG icons are extracted into reusable components
This commit introduces several UI behavior improvements, particularly enhancing the hover states of buttons in dark mode, and tweaking language-specific navigation. It also includes significant enhancements to the project's SEO configuration by revising the README documentation and transitioning the management of SEO-related data to a centralized `constants.ts` file for more structured and manageable SEO settings.
The pricing details, previously hardcoded in the PricingSection component, have been extracted to a separate JSON file in both English and French. They are now dynamically loaded into the PricingSection, enhancing maintainability and content management capabilities.
This update also moves the main icon images from the public folder to the src folder and remove the ones that are going to be generated and optimized by Astro.
Added conditions for changing form labels, navigation items according to the current locale. The README file was also updated accordingly to reflect these changes.
This commit adds French translations to various components of the website. Specifically, a French Contact Us section has been created, as well as French versions of FAQs and feature data files. Additionally, French settings for the site navigation have been defined. This provides French-speaking users with a more convenient and accessible experience when using the site.
This update vastly improves the website's support for multiple languages by adding French translations to several new pages, including 404, contact, products index, home, and services pages. This update also introduces a new ContactSection_fr.astro component for a French version of the Contact Us section. Site configuration has been modified to appropriately handle these new additions.
Introduced French translations of new pages including 404, contact, products index, home, and services. Also updated site configuration to handle French translations and added a new ContactSection_fr.astro component for the French version of the Contact Us section.
Introduced a new ContactSection_fr.astro component to handle the Contact Us section of the application and expanded the Icon component to encompass new icons used in the ContactSection.
Modified tsconfig.json to add compilerOptions for @/* base directory paths and updated all relative file import paths in the project to use this configuration. This change provides a cleaner, more consistent, and efficient way to handle file imports.
Added icons as reusable components for easier and consistent implementation across the project. Also updated the focus ring styles on links to improve accessibility. This makes use of the `:focus-visible` pseudo-class to only display the ring when keyboard navigation is used.
Revised FAQ component in Astro.js to import and use data from an external JSON source, instead of hardcoding the data. Updated TypeScript interfaces for the FAQ props, improving data structure and readability. The icons used have also been streamlined through a centralized 'Icon' component.
A centralized Icon component is now used to manage all SVG icons, improving code readability and maintainability. It also replaced manually defined SVG paths in various components including cards, buttons, and sections.
Refactored the features section of the website to use externally-defined data alongside reusable Icon components. Now, tabs and feature blocks' content is dictated by passed-in props, improving the modularity and adaptability of the code. Individual SVG icons are also now handled by a single Icon component, simplifying the codebase and enhancing maintainability.
Introduced FAQ and Features data files and set up new UI components for displaying icons. The FAQ data helps to answer common questions users may have and the Features data describes various offerings and services. In the Icon.astro and icons.ts file, created the logic for rendering different SVG icons based on data passed to the Icon component.
Moved SiteTitle.astro to a new Starlight directory and enhanced application styles across multiple CSS classes. Updated lists in .mdx files to use bullet points instead of numbers. The relocation of the SiteTitle component contributes to a more organized project structure. Changes in styles improve the application's visual appeal and readability, while the updated list format enhances content presentation.
Added image source and alt to HeroSection so that images can be
passed to it. Right now it is hardcoded in HeroSection. This will improve
reusability of HeroSection by theme users.
Added Starlight to the project for improved documentation capabilities, including internalization support and enhanced styling. This will provide a more streamlined and user-friendly experience for users accessing documentation across different languages and platforms.
Created the 'PostFeedback.astro' and 'SocialShare.astro' component files to enrich the UI interface. The PostFeedback component renders a user feedback section with a title and two responsive buttons. Whereas, the SocialShare component provides users with hyperlinks to popular social media platforms - it also enables copy-pasting of current page links using the ClipboardJS utility function and dropdown functionality from the Preline plugin.
This commit introduces a new Bookmark button component along with its corresponding functionality using localStorage. It also updates the blog post layout by adding the Bookmark button, SocialShare, and PostFeedback components as well as restructuring the post tags section for better UI.
