jalil/achat-maison-albi-fr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
achat-maison-albi-fr/src/layouts/MainLayout.astro

74 lines
2.3 KiB
Text
Raw Normal View History

Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
---
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
// Importing necessary components
Refactor imports to utilize absolute paths 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.
2024-04-17 18:25:49 +04:00
import Meta from "@components/Meta.astro";
Update navbar import in MainLayout.astro
2024-06-29 03:40:52 +04:00
import Navbar from "@components/sections/navbar&footer/Navbar.astro";
Refactor components and update animation scripts
2024-06-29 03:38:42 +04:00
import FooterSection from "@components/sections/navbar&footer/FooterSection.astro";
Refactor imports to utilize absolute paths 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.
2024-04-17 18:25:49 +04:00
import { SITE } from "@data/constants";
Update image handling and responsive button text sizing Simplified image handling configuration in the "astro.config.mjs" by removing explicit sizing. Updated text sizing of PrimaryCTA and SecondaryCTA components to scale responsively in 2xl views. Aimed to improve the user interface and experience on larger screens.
2024-02-13 05:50:53 +04:00
Improve site's multi-language support by adding French translation 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.
2024-03-26 01:13:16 +04:00
// Setting expected props
Replace hardcoded constants with variables from constants file
2024-03-27 17:25:34 -05:00
const { title = SITE.title, meta, structuredData, lang = "en" } = Astro.props;
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
// Interface to type-check the properties
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
interface Props {
title?: string;
Update testimonials and improve code readability Refactored the image URL in testimonials and reduced redundancy in the FeaturesStats and accordion components, enhancing code readability. Also, implemented dynamic id generation in the FAQ component, improving scalability and maintainability. Added new pages to the website and updated the meta information, improving SEO.
2024-02-14 22:56:43 +04:00
meta?: string;
Refactor components to 'sections' directory and improve SEO 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.
2024-02-19 17:41:42 +04:00
structuredData?: object;
Update tsconfig and import paths for project-wide consistency 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.
2024-03-25 22:39:36 +04:00
lang?: string;
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
}
---
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
<!--
This is the main structure for the page.
We set the language of the page to English and add classes for scrollbar and scroll behavior.
-->
Improve site's multi-language support by adding French translation 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.
2024-03-26 01:13:16 +04:00
<html lang={lang} class="scrollbar-hide lenis lenis-smooth scroll-pt-16">
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
<head>
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
<!-- Adding metadata to the HTML document -->
Refactor components to 'sections' directory and improve SEO 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.
2024-02-19 17:41:42 +04:00
<Meta meta={meta} structuredData={structuredData} />
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
<!-- Define the title of the page -->
Remove unused authentication components and settings Due to design changes, removed old authentication components and related configuration settings in .idea and .vscode folders. Changes include elimination of subscription input, email input, login and register modals, and user interface blocks. All changes aim to clean up the codebase and eliminate unused or unnecessary code.
2024-02-14 05:47:32 +04:00
<title>{title}</title>
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
<script is:inline>
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
// Script to handle dark mode. It will check if the theme is stored in localStorage or if dark theme is preferred by system settings
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
if (
localStorage.getItem("hs_theme") === "dark" ||
(!("hs_theme" in localStorage) &&
window.matchMedia("(prefers-color-scheme: dark)").matches)
) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
</script>
Update various scripts and styles including Lenis library 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.
2024-06-21 19:09:44 +04:00
<script>
import "@scripts/lenisSmoothScroll.js";
Update product images paths and optimize scripts order in MainLayout Changed the paths of main product images for each product for clarity and better organization. Also rearranged the order of scripts in 'MainLayout.astro' to improve efficiency and made image properties in 'config.ts' optional for better flexibility in handling blueprint images.
2024-02-16 19:27:15 +04:00
</script>
ajoute Plausible
2025-01-05 02:50:58 +01:00
<script defer data-domain="achat-maison-albi.fr" src="https://plausible.io/js/script.outbound-links.js"></script>
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
</head>
<body
class="bg-neutral-200 selection:bg-yellow-400 selection:text-neutral-700 dark:bg-neutral-800"
>
Refactor code and enhance comments in multiple files 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.
2024-02-18 07:40:53 +04:00
<!--
Setting up the main structure of the page.
The Navbar is placed at the top, with a slot for the main content and FooterSection at the bottom.
-->
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
<div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8">
Update image handling and responsive button text sizing Simplified image handling configuration in the "astro.config.mjs" by removing explicit sizing. Updated text sizing of PrimaryCTA and SecondaryCTA components to scale responsively in 2xl views. Aimed to improve the user interface and experience on larger screens.
2024-02-13 05:50:53 +04:00
<Navbar />
Replace div tags with section tags in various components 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.
2024-02-19 09:36:37 +04:00
<main>
Improve site's multi-language support by adding French translation 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.
2024-03-26 01:13:16 +04:00
<slot />
Replace div tags with section tags in various components 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.
2024-02-19 09:36:37 +04:00
</main>
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
</div>
Update image handling and responsive button text sizing Simplified image handling configuration in the "astro.config.mjs" by removing explicit sizing. Updated text sizing of PrimaryCTA and SecondaryCTA components to scale responsively in 2xl views. Aimed to improve the user interface and experience on larger screens.
2024-02-13 05:50:53 +04:00
<FooterSection />
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
<style>
Update various scripts and styles including Lenis library 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.
2024-06-21 19:09:44 +04:00
/* CSS rules for the page scrollbar */
Add MainLayout to Astro layouts Implemented MainLayout with essential HTML structure including title, lenis library for scrolling, and theme choices in Astro.js. The MainLayout provides a foundational layout for the application, complete with pre-configured scripts for handling user preferences such as dark mode, and scripts for handling smooth scrolling behavior with the lenis library.
2024-02-12 05:46:39 +04:00
.scrollbar-hide::-webkit-scrollbar {
display: none;
}
.scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none;
}
</style>
</body>
</html>
Reference in a new issue Copy permalink