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.
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.
Deleted StarlightLayout.astro file and removed its references in various markdown files. Also, extended the sidebar configuration in the astro.config.mjs to include translations and added menu items under the Tools & Equipment section.
The CSS properties in the starlight_main.css, starlight.css files were updated for both dark and light modes to improve color consistency and design elements such as background gradients and list marker color. Layouts of the MDX files (first-project-checklist.mdx, getting-started.mdx, and welcome-to-docs.mdx) were also updated to use the Starlight Layout.
The CSS properties in the starlight_main.css, starlight.css files were updated for both dark and light modes to improve color consistency and design elements such as background gradients and list marker color. Layouts of the MDX files (first-project-checklist.mdx, getting-started.mdx, and welcome-to-docs.mdx) were also updated to use the Starlight Layout.
Modified accent colors in both dark and light modes for better visibility and consistency across the application. Included a hover effect for primary action buttons to improve user interaction. Also, adjustments were made to the border radius for certain elements, giving them a more modern and rounded appearance. These changes aim to enhance the overall user experience and the visual design of the application.
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 'unsafe-eval' to the script-src directive in Content-Security-Policy header. This allows the use of eval() and similar methods for JavaScript within the project's scope. However, be aware that this might increase the risk of cross-site scripting attacks.
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.
Company policies have changed so our workflow should reflect that. Therefore, ESLint and related dependencies were removed along with corresponding sections in package.json, package-lock.json and GitHub Actions workflow.
Modified the GitHub Actions workflow to use a specific version of PNPM. This can ensure a consistent environment for the setup and execution of necessary tools and
Introduced new GitHub Actions workflows for installing necessary tools (PNPM, Node.js) and dependencies. Also added jobs to perform code quality checks using Astro and ESLint to ensure code quality and standards.
The astro-critters package has been removed resulting in updates in the astro.config.mjs, package.json and package-lock.json files. The code in astro.config.mjs has been reformatted for better readability.
Added the astro-critters package to improve critical CSS inlining and prioritization. This update involves changes to both the astro.config.mjs to import the package and set it up for integration, and package.json along with package-lock.json to add the package.
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 versions of @astrojs/vercel and astro packages in package.json are upgraded. This change was necessary to utilize the latest features and improvements provided by these updated versions.
The versions of @astrojs/vercel and astro packages in package.json are upgraded. This change was necessary to utilize the latest features and improvements provided by these updated versions.
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.
