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.
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.
