2024-02-14 05:48:53 +04:00
|
|
|
---
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
// Import necessary components from individual files
|
2024-02-14 05:48:53 +04:00
|
|
|
import EmailInput from "./input/EmailInput.astro";
|
|
|
|
import PasswordInput from "./input/PasswordInput.astro";
|
|
|
|
import Checkbox from "./input/Checkbox.astro";
|
2024-02-15 00:17:43 +04:00
|
|
|
import GoogleBtn from "../buttons/GoogleBtn.astro";
|
|
|
|
import AuthBtn from "../buttons/AuthBtn.astro";
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
// Config object for customization of the component
|
2024-02-15 00:17:43 +04:00
|
|
|
const config = {
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
id: "hs-toggle-between-modals-register-modal", // Modal identifier
|
|
|
|
title: "Sign up", // Main heading
|
|
|
|
subTitle: "Already have an account?", // Sub-heading text
|
|
|
|
loginBtn: "Sign in here", // Text for login button
|
|
|
|
loginBtnDataHS: "#hs-toggle-between-modals-login-modal", // Target link for login button
|
2024-02-15 00:17:43 +04:00
|
|
|
};
|
2024-02-14 05:48:53 +04:00
|
|
|
---
|
|
|
|
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Root element of the registration modal with the id and styling -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<div
|
2024-02-15 00:17:43 +04:00
|
|
|
id={config.id}
|
2024-02-14 05:48:53 +04:00
|
|
|
class="hs-overlay absolute start-0 top-0 z-50 hidden h-full w-full hs-overlay-backdrop-open:bg-neutral-900/90"
|
|
|
|
>
|
|
|
|
<div
|
|
|
|
class="m-3 mt-0 opacity-0 transition-all ease-out hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 sm:mx-auto sm:w-full sm:max-w-lg"
|
|
|
|
>
|
|
|
|
<div class="mx-auto w-full max-w-md p-6">
|
|
|
|
<div
|
|
|
|
class="mt-7 max-h-full overflow-hidden rounded-xl border border-neutral-200 bg-neutral-100 shadow-sm dark:border-neutral-700 dark:bg-neutral-800"
|
|
|
|
>
|
|
|
|
<div class="p-4 sm:p-7">
|
|
|
|
<div class="text-center">
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<h2
|
2024-02-14 05:48:53 +04:00
|
|
|
class="block text-2xl font-bold text-neutral-800 dark:text-neutral-200"
|
|
|
|
>
|
2024-02-15 00:17:43 +04:00
|
|
|
{config.title}
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
</h2>
|
2024-02-14 05:48:53 +04:00
|
|
|
<p class="mt-2 text-sm text-neutral-600 dark:text-neutral-400">
|
2024-02-15 00:17:43 +04:00
|
|
|
{config.subTitle}
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Button to toggle login modal -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<button
|
2024-04-07 18:23:16 +04:00
|
|
|
class="rounded-lg p-1 font-medium text-orange-400 decoration-2 outline-none ring-zinc-500 hover:underline focus-visible:ring dark:text-orange-400 dark:ring-zinc-200 dark:focus:outline-none"
|
2024-02-15 00:17:43 +04:00
|
|
|
data-hs-overlay={config.loginBtnDataHS}
|
2024-02-14 05:48:53 +04:00
|
|
|
>
|
2024-02-15 00:17:43 +04:00
|
|
|
{config.loginBtn}
|
2024-02-14 05:48:53 +04:00
|
|
|
</button>
|
|
|
|
</p>
|
|
|
|
</div>
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- The form for user registration -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<div class="mt-5">
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Google signup button -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<GoogleBtn title="Sign up with Google" />
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Dividing line with 'Or' text -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<div
|
|
|
|
class="flex items-center py-3 text-xs uppercase text-neutral-400 before:me-6 before:flex-[1_1_0%] before:border-t before:border-neutral-200 after:ms-6 after:flex-[1_1_0%] after:border-t after:border-neutral-200 dark:text-neutral-500 dark:before:border-neutral-600 dark:after:border-neutral-600"
|
|
|
|
>
|
|
|
|
Or
|
|
|
|
</div>
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Registration form -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<form>
|
|
|
|
<div class="grid gap-y-4">
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Email input field -->
|
2024-02-18 23:16:41 +04:00
|
|
|
<EmailInput id="register-email" errorId="register-email-error"/>
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Password input field -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<PasswordInput
|
|
|
|
id="create-password"
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
errorId="register-password-error"
|
2024-02-14 05:48:53 +04:00
|
|
|
content="8+ characters required"
|
|
|
|
/>
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Password confirmation input field -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<PasswordInput
|
|
|
|
label="Confirm Password"
|
|
|
|
id="confirm-password"
|
|
|
|
errorId="confirm-password-error"
|
|
|
|
content="Password does not match the password"
|
|
|
|
/>
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Checkbox with a label and a link for accepting the terms and conditions -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<Checkbox label="I accept the " , id="terms-agree">
|
|
|
|
<a
|
2024-04-07 18:23:16 +04:00
|
|
|
class="font-medium text-orange-400 decoration-2 hover:underline dark:text-orange-400 dark:focus:outline-none"
|
2024-02-14 05:48:53 +04:00
|
|
|
href="#">Terms and Conditions</a
|
|
|
|
>
|
|
|
|
</Checkbox>
|
Refactor multiple components, enhance comments, and rename
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.
2024-02-18 07:41:36 +04:00
|
|
|
<!-- Submit button for the registration form -->
|
2024-02-14 05:48:53 +04:00
|
|
|
<AuthBtn title="Sign up" />
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|