Add accordion to faq.

Author: nikoshell

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,19 @@ 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;
+      }
+    }
+  });
+</script>

src/content/pages/faq.mdx

@@ -32,25 +32,29 @@ subtitle: Frequently Asked Questions about EuroPython
   <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,35 @@ 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>
 
-A. Ticket sales are expected to open in March. Stay tuned for updates!
+<Accordion title="When do ticket sales start, and how much will they cost?" id="tickets">
 
-## **Q. Is there a Financial Aid Programme for EuroPython 2025?**
+  Ticket sales are expected to open in March. Stay tuned for updates!
 
-A. Yes! Our Financial Aid Programme is now open. The application period runs from **8 March to 9 May**.
+</Accordion>
+
+<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">
 
-A. Absolutely! We will provide a dedicated Visa Information Page with instructions on how to request a support letter. More details will be available once ticket sales open.
+  Absolutely! We will provide a dedicated Visa Information Page with instructions on how to request a support letter. More details will be available once ticket sales open.
 
-## **Q. When can sponsors start signing up?**
+</Accordion>
 
-A. Sponsorship sign-up is now open. Some packages may be limited, so don't wait and sign up soon!
+<Accordion title="When can sponsors start signing up?" id="sponsors">
+
+  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.
 
+</Accordion>
+
 **Sign up by 28 March to receive a 10% Early Bird discount.**
 
 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].