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.
The transformation animation has been replaced by a dynamic script that adjusts the width of the progress bar based on the user's scroll position. This functionality has been implemented for both desktop and mobile.
This commit updates the README file to reflect the addition of a dynamic ToC with a scroll progress indicator in the insights posts. The code related to this functionality has also been refactored in the insights file to split the logic within event listeners into separate functions, leading to higher readability and cleaner code.
The generateToc.ts file has been deleted and the way Table of Contents is generated in the insights page has been refactored. The refactoring changes include graphical enhancements, making the UI more dynamic, and implementing GSAP's ScrollTrigger for the headings. Increased readability and easier code maintenance are also anticipated from this.
This commit updates certain configurations for improved functionality. Significant updates have been made to enhance the structure of the 'insights' webpage, with the addition of scroll-triggered animations. A progress indicator has now been implemented, to improve interactivity and user experience.
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.
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.
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.
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.
This commit includes importing several image files and JSON data files in 'index.astro'. It adds unique data imports for FAQ, features, and several feature images. It also modifies existing component props to use imported data, enhancing code reusability and maintainability.
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.
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.
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.
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.
Included a comment in the '[...slug].astro' file within the src/pages/blog directory. This comment includes a URL providing an example of a more refined approach to choosing related blog posts.
This commit refactors the code to enable dynamic content generation for three components: FeaturesStats, Meta, and services pages. The FeaturesStats component now receives statistics data through its props, enabling easier content updates. Similar changes have been made in Meta to use site URL from Astro configuration file and dynamically generate image URLs. The services pages code has been refactored to generate articles using an array, making it more maintainable and reusable. This improves the flexibility and scalability of the codebase.
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 refactors several components to improve data handling and flexibility. It primarily modifies the way data is passed as props to the components. By taking advantage of the flexibility that comes with the use of props, components such as HeroSection, FeaturesStatsAlt, and TestimonialsSectionAlt have been enhanced to adjust and render content dynamically. This creates an improvement in code reusability and maintainability across the application. Additionally, optional rendering has been added for secondary elements such as subtitles and buttons.
The codebase has been optimised with a reorganisation of the component directories. This required modifications to some import paths to preserve functionality, notably in services.astro. The README file was also decluttered and reframed under development and deployment commands to improve new developer onboarding. These changes pave the way for better SEO performance and ease of extendibility.
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.
All component files have been moved to a newly created 'sections' directory for better organization. Changes in import paths are reflected in all dependent files. Also, implemented SEO enhancements by adding structured data and default meta descriptions to the Meta component, and adjusted it to accept these values as props from parent components.
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.
The div HTML tags in various components of the project have been replaced with more appropriate section tags for better semantic structure. This affects the TestimonialsSection, Products, FeaturesStats, and several other components. Options for minifying JavaScript in the process-html file have also been updated. In the MainLayout, a main tag has been added to wrap page content for better accessibility and semantics.
A new script for HTML minification has been added, which is run after the build process. Several dependencies were updated, including the Astro framework and its related plugins. The 'astro-critters' package and its usage in the Astro configuration were removed. A minor animation timing change was also made in the [...slug].astro file.
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.
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.
A conditional chaining operator has been added while mapping over post data tags to handle cases where the 'tags' field might not be present. This prevents the application from crashing in case 'tags' is undefined for a particular blog post.
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.
Replaced the image components with card components in the product section to enhance product display. Modified the grid layout for enhanced product representation. Also, implemented the complete functionality of the blog section by defining the blog collection, adding blog cards and content, and refining meta data in MainLayout for SEO optimization. Adjusted animation timeline and script paths for better load performance.
Updated 'src/pages/products/[...slug].astro' to conditionally render product images only when they exist. Prevents potential errors or breaks in layout when there is an absence of either 'first' or 'second' blueprint images for a particular product.
Introduced a new astro file 'src/pages/products/[...slug].astro' to handle individual product pages. This file imports necessary components and templates the main layout of a product page. The layout includes methods for fetching products, providing static paths, and scripts for page interactivity.
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.
