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.
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 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 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.
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 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.
This commit updates the versions for several package dependencies in the `package.json` and `package-lock.json` files. Additionally, it adds the "gsap" package to the dependencies list. The commit also introduces ARIA roles to the "AnnouncementBanner.astro" component for improved accessibility. These labels help assistive technology, like screen readers, interpret the banner's purpose and information.
Added "eager" loading attribute to the image tags in two Astro components: TabContent and TestimonialItem. This optimization allows images to load immediately as soon as the page starts loading, improving the user's visual experience when first accessing the page.
Updated the versions of @astrojs/check, @astrojs/vercel and astro packages in package.json and package-lock.json. Also enabled the directRenderScript experimental feature in astro.config.mjs. Refactored navigation link active class logic in NavLink.astro to use 'DOMContentLoaded' event for better performance.
The CSS class associated with the button in the AnnouncementBanner component has been modified. Specifically, the backdrop brightness in dark mode has been updated to ensure better visibility and user experience. This change takes into consideration users who prefer dark themed interfaces.
The button title on the main page has been changed to "Explore ScrewFast on GitHub". Also, the title for AnnouncementBanner is now optional, enabling use of the banner without a predefined title, increasing its reusability. The CSS styles have also been updated to accommodate these changes.
The HeroSection component code has been refactored to include a whole new block component called ReviewComponent, which contains code for presenting avatars, review ratings, and the number of reviews previously contained within HeroSection alone. This enhances code modularity. Now, HeroSection simply imports and utilizes ReviewComponent when needed, making the code more concise and easier to manage.
Color scheme for the text and hover effect within the 'AnnouncementBanner' component has been updated for better visibility and user interface aesthetics. The changes predominantly involve the adjustment of 'text-neutral' and 'text-neutral-hover' classes in the Astro component file. These changes are expected to greatly enhance user readability and overall UI experience.
The 'banner-pattern.svg' asset has been moved from the 'src/images' directory to the 'public' directory. References to this asset have been updated accordingly in 'AnnouncementBanner.astro'. The move facilitates more efficient asset management and ensures correct file referencing.
In several areas of the code, event handlers had an unused event parameter. This change removes these unused parameters to improve the code's readability and maintainability. Specifically, the changes were made in the "Navbar.astro", "[...slug].astro", and "services.astro" components.
The 'bannerId' property has been removed from the AnnouncementBanner component as it is unneeded. This change has been reflected in both the component definition and places where the component is used, resulting in cleaner and more maintainable code.
Implemented a new Announcement Banner component on the main page. This banner features a dismiss button and is customizable with dynamic properties for title, bannerId, button Id, button title, and URL. Also, added a new SVG file for the banner's background pattern.
The commit modifies several components to streamline their code by minimizing extra comments and embedded interfaces. This alteration enhances overall code readability. Furthermore, the 'loading=eager' attribute has been added to image components in CardBlogRecent and CardBlog templates to optimize loading performance by instructing the browser to load these images as soon as possible.
This commit introduces two new components (TestimonialItem and StatsGrid) to modularize the display of testimonial and statistics information. It also updates the TestimonialsSection to utilize these new components and receive parameters through its props. The MainPage's data source has been adjusted to send the required props for these changes.
This commit improves the clarity of code comments in several Astro components for better understanding of their functionality. Changes were also made to the 'rounded' class in UI cards for improved visual appearance. In the README file, detailed explanations of project structure, customization process, key features, tools and technologies used, and their roles are provided to enhance project documentation.
In response to the changes made to the directory structure of the project, the code has been refactored to adjust image import paths across various sections. It also involves reorganizing components into appropriate folders based on their roles in the application. Along with this, a new utility file for navigation links has been introduced, and configurations for authorizing remote images have been added to Astro configuration file, suggesting an enhancement in SEO performance.
Redundant semicolons in password input fields in 'RegisterModal.astro' and 'LoginModal.astro' files have been removed. This addresses unnecessary symbols inserted in the code, ensuring cleaner and more readable syntax. 'aria-describedby' attribute in 'RegisterModal.astro' was also adjusted for better accessibility.
The website URL references in the project have been updated from 'https://screw-fast.vercel.app' to 'https://screwfast.uk'. In addition, the 'robots.txt' settings have been optimized to specify different crawl delays for different bots, providing a more granular control over how search engines interact with our website. Also, minor adjustments have been made to the PasswordInput component to streamline the 'aria-describedby' attribute.
This commit introduces adjustments to several UI elements, including title alignment, font sizes, and avatars loading. The updates aim to improve the overall visual appeal and user experience on the website. In addition, better error handling has been added to form inputs, including adding unique error IDs for each form's email input to enhance user feedback and accessibility.
Multiple Astro UI components such as sections, buttons, and modals have been refactored for better code efficiency and cleanliness. Inline comments have been enhanced to provide more context and explanation, improving understanding of components and their properties. Renamed TestimonialsSection2 to TestimonialsSectionAlt for better semantics.
Refactored multiple Astro UI components, including sections, buttons, and modals, with a focus on code cleanliness and efficiency. This included revising import statements, reordering and redefining CSS classes, and updating HTML elements. Enhanced inline comments to add context and explanations, especially registering the purpose of components and properties for improved understanding. The Accordion-related functionality was removed, pointing towards a redesign of its element usage. Moreover, TestimonialsSection2 was renamed to TestimonialsSectionAlt for better semantics.
