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.
The changes made include code refactoring and reformatting in several files for better readability, and to adhere to best practices. Detailed and intuitive comments were added to the code, improving clarity and understanding of the codebase. There were also some class adjustments and minor changes in several files ranging from reordering class listings to updating element selections. Import statements were also modified for clarity. Accordion functionality was removed, potentially indicating a pending replacement or enhancement.
Several component files have been refactored to improve code clarity and ease of maintenance. This includes introducing comprehensive comments explaining the functionality and purpose of sections of the code, as well as leveraging Astro.js for more streamlined data sourcing. The commit also includes the removal of redundant files from the vendor scripts directory as part of a general clean-up, improving overall codebase organization.
This commit refactors multiple component files for better understandability and maintainability. Detailed comments are added for enhanced readability. The data source is defined using Astro.js to simplify the process of acquiring data for the components. Unnecessary files like 'preline.js' from the vendor scripts directory are deleted as part of clean-up.
A new category called "Insights" has been added to the blog. New components such as individual insights page layout and individual insights card have been added. The new components also include astro content files for individual insight articles. This provides users with more in-depth information and can potentially increase user engagement.
Code has been updated to include insights as a new category of blog posts. Each blog post now also includes a related articles section at the bottom. The new feature enriches the content offering for users and potentially increases user engagement. The code has also been cleaned up for readability and consistency, improving maintainability long term.
This code introduces new Astro components for the blog pages and avatar elements, along with their corresponding layout and display factors. It also includes relevant asset imports, formatting utility functions, and mapping of blog content collection for dynamic content presentation.
Introduced four new Astro components: CardBlog, CardBlogRecent, CardSmall and CardWide, designed for displaying blog entries and products. These components have been equipped with asset imports, content collection types, and interactive prefetch links for better user experience and performance.
New scripts added to 'Navbar' component improve design functionality. 'NavLink' handling of current page has been refined to accurately reflect the current user's location with the addition of splitting the URL pattern. Changes in 'MainLayout' reflect updated script paths to match recent directory changes. These refinements improve usability and streamline codebase.
The GSAP (GreenSock Animation Platform) JavaScript library was not in use, thus the gsap.min.js file has been deleted from the public/assets/vendor directory. This removal is part of codebase cleanup to improve application performance and efficiency.
The 'prod.astro' page is deleted as a part of refactoring process. Also, title, src, alt, and url properties of ImgSmall and ImgWide components are now optional, which provides greater flexibility and reduces risk of errors when these components are used in various parts of application.
Product information previously stored in JSON files has been migrated to Markdown format for efficient content management. Additionally, added a new button component for 404 pages to improve navigation and user experience. Defined a new schema for product collections and included GSAP JavaScript library for future animations.
The new product file "b203.json" was added to the product description containing detailed descriptions, features and product aspects. In the "prod.astro" file, a product details page was implemented, which fetches data from the JSON file and presents it to the user. The changes also included the development of a "ProductTabBtn" component to improve code modularity and the user interface.
