Add accordion to faq.

src/components/accordion/accordion.astro

@@ -7,7 +7,7 @@ export interface Props {
 const { title, id } = Astro.props;
 ---
 
-<details class="group mb-4">
+<details class="group mb-4" id={id} data-faq>
   <summary
     aria-expanded="false"
     aria-controls={id}
@@ -18,7 +18,32 @@ const { title, id } = Astro.props;
     <span aria-hidden="true" class="group-open:block hidden">−</span>
   </summary>
 
-  <div id={id} class="pl-4">
+  <div class="pl-4">
     <slot />
   </div>
 </details>
+
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    const hash = window.location.hash.substring(1); // Remove #
+    if (hash) {
+      const details = document.getElementById(hash) as HTMLDetailsElement | null;
+      if (details) {
+        details.open = true;
+      }
+    }
+
+    // Update the URL when a detail is toggled
+    const detailsElements = document.querySelectorAll('details');
+    detailsElements.forEach((details) => {
+      details.addEventListener('toggle', () => {
+        const id = details.id;
+        if (details.open) {
+          window.history.pushState(null, '', `#${id}`);
+        } else {
+          window.history.pushState(null, '', window.location.pathname); // Remove the hash
+        }
+      });
+    });
+  });
+</script>

src/content/pages/faq.mdx

@@ -20,37 +20,41 @@ subtitle: Frequently Asked Questions about EuroPython
   <li>**8 March 2025** [Financial Aid](/finaid/) Programme starts</li>
   <li>**11 March 2025:** [Sponsorship](/sponsor) Sign-up Starts</li>
   <li>**27 March 2025:** [Ticket sales](/tickets) open!</li>
+  <li>**February/March 2025** Programme selection process</li>
+  <li>**March 2025** Visa Information Page opens</li>
 </ul>
 
 <ul className="milestone-todo">
-  <li>**February/March 2025** Programme selection process</li>
-  <li>**March 2025** Visa Information Page opens</li>
   <li>**01 April 2025** Session preview</li>
   <li>**20 April 2025** Schedule published</li>
   <li>**9 May 2025** Financial Aid Programme closes</li>
   <li>**14 – 20 July 2025:** EuroPython 2025!🎊 </li>
   <li>**September 2025** EuroPython 2025 Videos published</li>
 </ul>
 
-## **Q. When and where is EuroPython 2025 taking place?**
+<Accordion title="When and where is EuroPython 2025 taking place?" id="when-where">
 
-A. EuroPython 2025 will take place on **14 – 20 July 2025**. Mark your calendars!
+  EuroPython 2025 will take place on **14 – 20 July 2025**. Mark your calendars!
 
 The conference will return to **Prague, Czech Republic**, with the main conference hosted at the [Prague Congress Centre (PCC)](https://www.praguecc.cz/en/homepage).
 
 Need help getting around? Check out [how to navigate Prague](/where) and our volunteer-curated [Prague exploration tips](/explore).
 
-## **Q. What will the schedule look like?**
+</Accordion>
 
-A. The conference will be organised into three phases:
+<Accordion title="What will the schedule look like?" id="schedule">
+
+  The conference will be organised into three phases:
 
 1. **Monday & Tuesday (14 & 15 July):** Tutorials & Workshops
 2. **Wednesday – Friday (16 – 18 July):** Main Conference Days
 3. **Saturday & Sunday (19 & 20 July):** Sprint Days
 
-## **Q. What will the programme include?**
+</Accordion>
+
+<Accordion title="What will the programme include?" id="programme">
 
-A. Expect a diverse programme with around **20 hands-on tutorials & workshops**, **120 talks**, and interactive discussions and events.
+  Expect a diverse programme with around **20 hands-on tutorials & workshops**, **120 talks**, and interactive discussions and events.
 
 We aim to cover the many ways Python is used to solve problems and create exciting projects.
 
@@ -59,24 +63,30 @@ Curious about what to expect? Check out the [EP2024 programme](https://ep2024.eu
 We are always keen to hear new ideas on how to enrich the programme and other activities you are interested in oraganising.
 Share your ideas with the programme team at [[email protected]](mailto:[email protected]).
 
-## **Q. When can I submit a talk proposal?**
+</Accordion>
+
+<Accordion title="When can I submit a talk proposal?" id="submit">
 
-A. Sadly, at this point you cannot. The [Call for Proposals (CfP)](/programme/cfp) was open from **the 10th of January to the 3rd of February 2025** (including an extension of the original deadline).
+  Sadly, at this point you cannot. The [Call for Proposals (CfP)](/programme/cfp) was open from **the 10th of January to the 3rd of February 2025** (including an extension of the original deadline).
 
 Need support with your submission? Explore our [Speaker Mentorship Programme](/programme/mentorship/) for guidance.
 
-## **Q. How are talks reviewed and selected?**
+</Accordion>
 
-A. This year, the first **100 proposals** will be quickly screened by the programme team, and feedback for possible improvements will be provided.
+<Accordion title="How are talks reviewed and selected?" id="review">
+
+  This year, the first **100 proposals** will be quickly screened by the programme team, and feedback for possible improvements will be provided.
 
 Once the CfP closes, all proposals go through **community voting and two rounds of review and refinement** to finalise the programme.
 
 Learn more about our selection process [here](/programme/selection/).
 
 
-## **Q. What support is available for speakers?**
+</Accordion>
+
+<Accordion title="What support is available for speakers?" id="support">
 {/*
-A. Accepted speakers receive a **free ticket**. Details about ticket for speakers will be shared later.
+  Accepted speakers receive a **free ticket**. Details about ticket for speakers will be shared later.
 */}
 
 Speakers needing travel support are encouraged to apply for [Financial Aid](/finaid).
@@ -85,25 +95,34 @@ We actively support first-time speakers and welcome participation from under-rep
 
 Got any questions? Reach out to us at [[email protected]](mailto:[email protected]).
 
-## **Q. When do ticket sales start, and how much will they cost?**
+</Accordion>
+
+<Accordion title="When do ticket sales start, and how much will they cost?" id="tickets">
 
-A. Ticket sales are already open! For more info, check out our [tickets](/tickets) page. Capacity is limited, so hurry up.
+  Ticket sales are already open! For more info, check out our [tickets](/tickets) page. Capacity is limited, so hurry up.
 
-## **Q. Is there a Financial Aid Programme for EuroPython 2025?**
+</Accordion>
 
-A. Yes! Our Financial Aid Programme is now open. The application period runs from **8 March to 9 May**.
+<Accordion title="Is there a Financial Aid Programme for EuroPython 2025?" id="financial-aid">
+
+  Yes! Our Financial Aid Programme is now open. The application period runs from **8 March to 9 May**.
 
 If you need support to attend the conference, we encourage you to apply **as early as possible**, so you don't miss your chance to be part of EuroPython 2025! More details are available in our [Financial Aid page](/finaid).
 
-## **Q. Can I get a visa support letter for my application?**
+</Accordion>
+
+<Accordion title="Can I get a visa support letter for my application?" id="visa">
+
+  Yes. We have a dedicated [Visa Information Page](/visa) with details on how to obtain the support letter. Please refer to the Ministry of Foreign Affairs of Czech Republic for information, including the application process for a [Schengen visa for the purpose of “business” when attending a conference](https://mzv.gov.cz/jnp/en/information_for_aliens/short_stay_visa/conference.html).
 
-A. Yes. We have a dedicated [Visa Information Page](/visa) with details on how to obtain the support letter. Please refer to the Ministry of Foreign Affairs of Czech Republic for information, including the application process for a [Schengen visa for the purpose of “business” when attending a conference](https://mzv.gov.cz/jnp/en/information_for_aliens/short_stay_visa/conference.html).
+</Accordion>
 
-## **Q. When can sponsors start signing up?**
+<Accordion title="When can sponsors start signing up?" id="sponsors">
 
-A. Sponsorship sign-up is now open. Some packages may be limited, so don't wait and sign up soon!
+Sponsorship sign-up is now open. Some packages may be limited, so don't wait and sign up soon!
 See our [sponsorship page](/sponsor) for details on 2025 packages and add-ons.
 
 **~Sign up by 28 March to receive a 10% Early Bird discount.~** While the Early Bird discount of 10% has now ended, we encourage sponsors to act quickly as spots are limited.
 
 Our goal is to make EuroPython sponsorship accessible to a wide range of organisations eager to support the community. If you're interested in sponsoring EuroPython 2025 or future editions, please get in touch with our sponsors team at [email protected].
+</Accordion>