fix: register page iframe

Author: ginifizz

pwa/app/(con)/[locale]/con/2025/components/HomePage.tsx

@@ -39,17 +39,14 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
             <p className="flex-1 text-lg md:text-xl font-extrabold pb-6 lg:text-3xl md:text-left">
               {t("2025.baseline")}
             </p>
-            <p className="flex-1 text-sm md:text-md font-extrabold pb-6 lg:text-lg md:text-left">
-              {t("2025.subbaseline")}
-            </p>
             <div className="flex gap-2">
               {currentEdition === "2025" && (
                 <BuyButton className="mr-2" id="cover">
                   {t("buy_tickets")}
                 </BuyButton>
               )}
-              <Button empty to={`/${locale}/con/2024/review`}>
-                {t("2025.previous_edition")}
+              <Button empty to={`/${locale}/con/2025/call-for-papers`}>
+                {t("2025.cfp.title")}
               </Button>
             </div>
           </div>

pwa/app/(con)/[locale]/con/2025/tickets/RegisterPage.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { useContext } from "react";
+import { useContext, useEffect } from "react";
 import { LanguageContext } from "contexts/con/LanguageContext";
 import SectionTitle from "components/con/common/typography/SectionTitle";
 import SectionSubTitle from "components/con/common/typography/SectionSubtitle";
@@ -36,14 +36,31 @@ export default function RegisterPage() {
     getLocaleDictionary?.()[2025].tickets.expect.points || [];
 
   const onIframeLoaded = () => {
+    console.log("loaded !");
     const iframe = document.getElementById(
       "yurplan-widget-141690"
     ) as HTMLIFrameElement | null;
+    console.log("iframe ?", !!iframe);
     if (!iframe) return;
+    const loader = document.getElementById("loader");
+    loader?.classList.add("hidden");
+
     const contenu = iframe.contentWindow?.document.body.scrollHeight;
     iframe.style.height = contenu + "px";
   };
 
+  useEffect(() => {
+    const iframe = document.getElementById(
+      "yurplan-widget-141690"
+    ) as HTMLIFrameElement | null;
+    if (!iframe) return;
+    const handleLoad = () => {
+      const loader = document.getElementById("loader");
+      loader?.classList.add("hidden");
+    };
+    iframe.addEventListener("load", handleLoad, true);
+  }, []);
+
   return (
     <>
       <div className="container max-w-5xl flex flex-col items-center py-12 relative z-10">
@@ -144,17 +161,38 @@ export default function RegisterPage() {
               </div>
             ))}
           </div>
-          <div className="yurplan-widget-container max-w-5xl container pb-40 md:pt-12 -mb-[180px]">
+          <svg
+            id="loader"
+            className="loader animate-spin mx-auto mt-8 size-10 text-blue"
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+          >
+            <circle
+              className="opacity-25"
+              cx="12"
+              cy="12"
+              r="10"
+              stroke="currentColor"
+              strokeWidth="4"
+            ></circle>
+            <path
+              className="opacity-75"
+              fill="currentColor"
+              d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            ></path>
+          </svg>
+          <div className="yurplan-widget-container max-w-5xl container pb-20 md:pt-12">
             <iframe
-              onLoad={() => onIframeLoaded()}
               title="yurplan"
               src={`https://yurplan.com/events/API-Platform-Conference-2025/138927/tickets/widget?widget=dGlja2V0aW5nV2lkZ2V0WXBfMTM2ODk5XzE0MTY5MA%3D%3D&from=widget_141690&wversion=1&culture=${locale}`}
               width="100%"
               height="100%"
               frameBorder="0"
               scrolling="no"
+              loading="eager"
               className="yurplan-widget"
-              style={{ height: "auto", clipPath: "inset(0px 0px 180px 0px);" }}
+              style={{ height: "auto" }}
               id="yurplan-widget-141690"
               data-id="141690"
             ></iframe>

pwa/data/con/2025/footer.ts

@@ -12,6 +12,40 @@ const footer = [
       },
     ],
   },
+  {
+    title: "footer.the_event.title",
+    links: [
+      {
+        title: "footer.the_event.links.venue",
+        link: "/{{locale}}/con/2025/#venue",
+      },
+      {
+        title: "footer.the_event.links.speakers",
+        link: "/{{locale}}/con/2025/#speakers",
+      },
+      {
+        title: "footer.the_event.links.pricing",
+        link: "/{{locale}}/con/2025/#pricing",
+      },
+    ],
+  },
+  {
+    title: "footer.legal.title",
+    links: [
+      {
+        title: "footer.legal.links.faq",
+        link: "/{{locale}}/con/2025/faq",
+      },
+      {
+        title: "footer.legal.links.code_of_conduct",
+        link: "/{{locale}}/con/2025/code-of-conduct",
+      },
+      {
+        title: "footer.legal.links.transparency",
+        link: "/{{locale}}/con/2025/transparency",
+      },
+    ],
+  },
 ];
 
 export default footer;

pwa/data/con/2025/legal/en/code-of-conduct.md

@@ -0,0 +1,46 @@
+---
+type: legal
+---
+
+# Code of conduct
+
+## TL;DR
+
+API Platform Con is dedicated to providing an **inclusive experience for everyone**. All participants (attendees, speakers, sponsors and staff) are required to agree with the following code of conduct to help ensure a **safe environment for everybody**.
+
+## PURPOSE
+
+API Platform Con is an **inclusive experience for every participants and speakers**, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, religion, or sexual identity and orientation.
+
+Sexual language and imagery, including in talks, can make people feel uncomfortable. Unwelcome sexual attention from conference participants, which can include inappropriate questions of a sexual nature, asking for sexual favours or repeatedly asking for dates or contact information may be sanctioned or expelled from the conference without a refund at the discretion of the conference organizers.
+
+## ANTI-HARASSMENT
+
+Harassment includes, but is not limited to:
+
+- Verbal comments that reinforce social structures of domination related to **gender, gender identity and expression, sexual orientation, disability, physical appearance, body size, ethnicity, age, religion**
+- **Unwelcome sexual attention**
+- Deliberate **intimidation, stalking** or **following**
+- Insistent **photo-taking**
+- **Sustained disruption** of talks or other events
+- **Inappropriate physical contact**
+- Invasion of **personal space**
+- Advocating for, or encouraging, any of the above behavior
+
+## REPORTING
+
+We value your attendance. If someone makes you or anyone else feel unsafe or unwelcome, please **report it as soon as possible**, we will do our best to assist with any concerns you might have. Conference staff can be identified by their conference-specific staff t-shirts.
+
+You can make a personal report by:
+
+- Contacting a **staff member**, identified by staff badges or shirts. Our staff will **ensure you are safe and cannot be overheard**. They may involve other event staff to ensure your report is managed properly. Once safe, we'll ask you to tell us about what happened. This can be upsetting, but we'll handle it as respectfully as possible, and you can bring someone to support you. You won't be asked to confront anyone and we won't tell anyone who you are. Our team will be happy to help you contact hotel/venue security, local support services, or otherwise assist you to feel safe for the duration of the event.
+- Emailing us: <[email protected]>
+- **Calling us**: we’ll publish a phone number that is staffed during main conference hours.
+
+&nbsp;
+&nbsp;
+&nbsp;
+
+---
+
+_Original source and credit: [The Ada Initiative](https://geekfeminism.wikia.org/wiki/Conference_anti-harassment/Policy)_

pwa/data/con/2025/legal/en/faq.md

@@ -0,0 +1,97 @@
+---
+type: legal
+---
+
+# Frequently Asked Questions
+
+## What is the API Platform Conference, and who is it for?
+
+The API Platform Conference is a two-day event dedicated to the [API Platform’s](https://api-platform.com/) framework and its ecosystem. This conference brings together innovative companies and a community of developers of all skill levels. Topics cover a wide range of areas, such as APIs, PHP, Symfony, Go, JavaScript, FrankenPHP, and more. Sessions are delivered in both English and French, with two parallel tracks.
+
+The 2024 API Platform Conference gathered 700 attendees (400 on-site and 300 online). Whether you’re a developer, CTO, or a marketing professional working in a company specializing in these technologies, this event is for you!
+
+## Where does the event take place and how do we get there?
+
+The API Platform Conference takes place in [Lille](https://en.lilletourism.com/), meeting point of big European cities. The conferences are held in [Euratechnologies](https://www.euratechnologies.com/), the 1st startup incubator and accelerator in Europe. All conferences will be streamed online.
+
+## Is there a Code of Conduct?
+
+The API Platform Conference is dedicated to providing **an inclusive experience for everyone**. Take a look at our [Code of Conduct page](/con/2025/code-of-conduct/).
+
+## Is there a Nursing room at the event?
+
+If you need to pump milk, there will be a room reserved for you with a refrigerator. If you want to bring your baby and you are breastfeeding, please contact [Cécile](mailto:[email protected]), and she will ensure that you are welcomed with the best conditions.
+
+## What is the refund policy?
+
+Tickets **are non refundable**. Tickets will only be refunded if Les-Tilleuls.coop cancels the event. However, you can transfer your ticket by your own: please reach [Cécile](mailto:[email protected]) once you've found a buyer so that she can change the name on the badge.
+
+## Can I convert my on-site ticket to an online ticket?
+
+You can convert your on-site ticket to an online ticket. However, please note that the price difference between the two tickets is non-refundable. If you wish to convert your ticket, [email us](mailto:[email protected]) and we will do our best to help you.
+
+## Can I convert my online ticket to an on-site ticket?
+
+You can convert your online ticket to an on-site ticket. The price difference between the online ticket and the current on-site rate at the time of your request will be charged to you. If you need to convert your ticket, [contact us](mailto:[email protected]).
+
+## Can I access to a car park?
+
+Once you’re arrived in Lille, we invite you to use public transport. You will find all travel information on how to get to the event [on this link](#venue).
+
+The nearest metro station is Canteleu Euratechnologies, located at 10min walking distance from the event. Lille is also a bike-friendly city and has a bike-sharing station in front of the main track. There are, however, paid car parks nearby but in limited numbers.
+
+## Is the on-site event accessible to people with reduced mobility?
+
+Yes: the main entrance, all conference rooms, the exhibitors village and toilets are accessible to people with reduced mobility. You need a special arrangement? Email [Cécile](mailto:[email protected]) and she will come back to you asap.
+
+## I haven’t received the access to the online conference, how do I get it?
+
+Your invitation with your personal access will be sent a couple of hours before the D-day. If you didn’t receive anything, check your spam or trash for an email from <[email protected]>. If you still do not find it, email us <[email protected]> with your order email or order ID and we will get it to you as soon as possible.
+
+## When does the event start?
+
+The doors will open on **September 18 at 08:30 AM** and the opening keynote will start at 09:30 AM. After presenting a piece of ID at the reception desk, you will receive your access badge.
+
+## How do I buy my ticket? Can I buy it at the registration desk?
+
+You can buy your ticket on [our website](#pricing). You can also buy tickets at our registration desk.
+
+## Can I join and leave the event at any time?
+
+Your badge allows you to enter and exit the venue as you wish.
+
+## Is there a special price?
+
+The API Platform Conference, whether it is the in-person or online edition, is **free for students or unemployed developers**. Contact us at <[email protected]> to get your voucher (a proof of school attendance will be asked).
+
+## Can I get lunch at the venue?
+
+The on-site edition of the API Platform Conference gives you access to **coffee and vegetarian lunch breaks** provided by our caterer. Otherwise, several restaurants and food trucks are surrounding the area.
+
+## Is there wifi?
+
+A wifi connection will be provided by Euratechnologies. Logins will be indicated at the venue.
+
+## Can I leave my belongings in a cloakroom?
+
+There will be **a cloakroom** available at the venue. Les-Tilleuls.coop declines all responsibility for loss or theft.
+
+## Do I have a guaranteed seat?
+
+**Seats are not allocated**: we advise you to be present a few minutes before the launch of each conference.
+
+## Can I ask questions at speakers?
+
+During the last minutes of each conference, it would be possible to **question the speakers**. Raise your hand and a staff member will bring you a microphone.
+
+## Am I allowed to take pictures of the conference?
+
+You can take pictures of the venue and of the conferences, just **be careful to not disturb the speakers during their talk** and do not insist on taking pictures of the participants. Note that you are likely to be photographed and to appear on our communication media.
+
+## How can I share the event through social media?
+
+Use the hashtag **#ApiPlatformCon** and don’t forget to mention [@ApiPlatform](https://twitter.com/ApiPlatform)!
+
+## Can I distribute flyers?
+
+Unless you are a partner of the event, **it is forbidden to distribute anything to the participants** without the prior authorisation of the organisers.

pwa/data/con/2025/legal/en/transparency.md

@@ -0,0 +1,26 @@
+---
+type: legal
+---
+
+# Revenues transparency
+
+API Platform Con is financed by only two sources of revenues: [ticketing](#pricing) and [sales of sponsor packages](#partners) to tech companies in exchange for visibility.
+
+Also, by organizing this event, we wanted to be **financially accessible for everyone**. For instance, online tickets are **free for students and unemployed developers**. However, making this day has various costs:
+
+- **Conference rooms rentals** and hiring of audiovisual professionals.
+- **Speakers’ travel** accommodation.
+- **Catering**: orders of morning, lunch and afternoon coffee breaks and buffets.
+- **Communication & marketing**: graphic design, printing of rollups, badges and goodies, web advertising.
+
+\
+ 
+
+If profits are made from this event, **they will be donated to the development of the [API Platform project](/)**.
+
+\
+ 
+
+---
+
+If you have any other questions about the event’s financing, please contact us: <[email protected]>.

pwa/data/con/2025/legal/fr/code-of-conduct.md

@@ -0,0 +1,44 @@
+---
+type: legal
+---
+
+# Code de conduite
+
+## TL;DR
+
+L'API Platform Conference s'engage à offrir une **expérience inclusive à ses participants et participantes**. Toutes les personnes présentes (auditeurs, auditrices, speakers, partenaires et staff) s'engagent à respecter et à suivre le code de conduite suivant afin de garantir **un environment sûr pour tout le monde**.
+
+## ENGAGEMENT 
+
+L'API Platform Conference est un événement qui vise à être **inclusif pour toutes les personnes qui y participent**, indépendamment de facteurs tels que l'âge, la taille, le handicap, l'ethnicité, les caractéristiques sexuelles, l'identité et l'expression de genre, le niveau d'éducation, le statut socio-économique, la nationalité, l'apparence personnelle, la religion, ou l'identité et l'orientation sexuelles.
+
+L'utilisation d'un langage ou d'imagerie à caractère sexuel, y compris pendant les conférences, peut provoquer un malaise chez certaines personnes. Les comportements sexuellement déplacés de la part des participants à la conférence, tels que des questions inappropriées à caractère sexuel, des demandes (répétées ou non) de faveurs sexuelles, de rendez-vous ou de coordonnées peuvent entraîner l'expulsion de la conférence sans remboursement.
+
+## HARCÈLEMENT
+
+Nous condamnons toute forme de harcèlement. Cela comprend (mais n'est pas limité à) :
+
+- Les commentaires verbaux qui renforcent les structures sociales de domination liées au **genre, à l'identité et à l'expression de genre, à l'orientation sexuelle, au handicap, à l'apparence physique, à la taille, à l'appartenance ethnique, à l'âge, à la religion**.
+- **L'attention sexuelle importune**
+- **L'intimidation, le stalking** ou **le suivi délibéré** d'une personne
+- La prise insistante de **photos**
+- **La perturbation** de discussions ou de l'événement
+- **Le contact physique inapproprié**
+- L'invasion de **l'espace personnel**
+- La défense ou l'encouragement de l'un des comportements susmentionnés.
+
+## REPORTING
+
+Si vous vous sentez ou si vous remarquez que quelqu'un se sent en insécurité, **veuillez nous le signaler dès que possible** :
+
+- Rapprochez-vous **d'un membre du staff**, identifiable par son t-shirt spécifique. Il ou elle **s'assurera que vous êtes en un endroit sécurisé où vous ne serez pas entendu·e**, nous ne divulguerons pas votre identité à quiconque. Une fois en sécurité, nous vous demanderons de nous raconter ce qui s'est passé. Nous comprenons que cela peut être intimidant, mais nous ferons de notre mieux pour vous mettre à l'aise. 
+- Envoyez-nous **un e-mail** : <[email protected]>
+- **Téléphonez-nous** : un numéro de téléphone sera mis à disposition pendant tout l'événement.
+
+&nbsp;
+&nbsp;
+&nbsp;
+
+---
+
+_Certaines parties de ce Code de Conduite sont basées sur le wiki [Geek Feminism](https://geekfeminism.wikia.org/wiki/Conference_anti-harassment/Policy), sous licence Creative Commons Zero._