diff --git a/src/contents/Contribution/collabs.tsx b/src/contents/Contribution/collabs.tsx index 224e256d7f5bb440c11cf0f3f7daaf4afb61323b..ce4b0fd1c71e89a9f2bd4f14ad22fc3fe1d2fc88 100644 --- a/src/contents/Contribution/collabs.tsx +++ b/src/contents/Contribution/collabs.tsx @@ -9,7 +9,7 @@ export function CollabContribution(){ return( <Subesction title="LNP Handbook" id="Our Collaborations2"> - <p>In collaboration with the iGEM teams Linkoping, Patras, Radboud-University and TERMOSZ-Selye-HUN, we contributed a comprehensive overview of lipid-based delivery systems. Our contribution to the handbook aims to provide future iGEM teams with a deeper understanding of LNP (Lipid Nanoparticle) development. By bringing together diverse teams and innovative solutions, we strive to make a positive impact on the emerging field of LNP design. Our goal is to enhance the accessibility of various LNP formulations and adapt this promising technology for a wide range of therapeutic applications. </p> + <p>In collaboration with the iGEM teams <a href="https://2024.igem.wiki/linkoping/">Linkoping</a>, <a href="https://2024.igem.wiki/patras/">Patras</a>, <a href="https://2024.igem.wiki/radboud-university/team">Radboud University</a> and <a href="https://2024.igem.wiki/termosz-selye-hun/">TERMOSZ-Selye-HUN</a>, we contributed a comprehensive overview of lipid-based delivery systems. Our contribution to the handbook aims to provide future iGEM teams with a deeper understanding of LNP (Lipid Nanoparticle) development. By bringing together diverse teams and innovative solutions, we strive to make a positive impact on the emerging field of LNP design. Our goal is to enhance the accessibility of various LNP formulations and adapt this promising technology for a wide range of therapeutic applications. </p> <p>Download our LNP Hanbook that was created in <a onClick={() => goToPagesAndOpenTab('colls2024', '/human-practices')}>cooperation</a> with the team <a href="https://2024.igem.wiki/linkoping/">Linköping</a>.</p> <PDF link="https://static.igem.wiki/teams/5247/pdfs/liposomes-handbook.pdf" name="liposomes-handbook.pdf"/> </Subesction> diff --git a/src/contents/Contribution/contribution.tsx b/src/contents/Contribution/contribution.tsx index 6fc80c8b8697ebb88442560d28a9be923b26e9c5..2b550cfc6519453d58dc721183b4c6af0e345b63 100644 --- a/src/contents/Contribution/contribution.tsx +++ b/src/contents/Contribution/contribution.tsx @@ -12,7 +12,7 @@ export function Contribution() { <> <Section title="Abstract" id="Abstract"> <p>The BFH European Meet-Up showcased significant contributions to the iGEM community through extensive collaborations and innovative advancements. Our key contributions include the development of the BFH Guideline in partnership with iGEM teams Hamburg and Frankfurt, providing a blueprint for future Meet Ups, and a collaborative video podcast with iGEM Münster, offering insights into team growth. </p> - <p>Additionally, we contributed to the LNP Handbook with teams from Linkoping, Patras, Radboud University, and TERMOSZ-Selye-HUN, advancing lipid-based delivery systems for therapeutic use. </p> + <p>Additionally, we contributed to the LNP Handbook with teams from <a href="https://2024.igem.wiki/linkoping/">Linkoping</a>, <a href="https://2024.igem.wiki/patras/">Patras</a>, <a href="https://2024.igem.wiki/radboud-university/team">Radboud University</a>, and <a href="https://2024.igem.wiki/termosz-selye-hun/">TERMOSZ-Selye-HUN</a>, advancing lipid-based delivery systems for therapeutic use. </p> <p>On the scientific front, we developed practical tools like a collection of optimized protocols, the PreCL reporter system for Prime Editing, and the innovative PrimeGuide Prime Editing technology, enhancing research efficiency and precision. Our AirBuddy lipid nanoparticle system represents a breakthrough in gene therapy, offering a safer and more effective method for lung-specific RNA and DNA delivery. These collaborations and innovations will have a lasting impact, supporting future iGEM teams and driving forward synthetic biology research. </p> </Section> <MeetUP/> @@ -34,7 +34,7 @@ export function Contribution() { </Section> <Section title="Conclusion" id="Conclusion"> <p>Throughout the BFH European Meet-Up, we actively engaged in meaningful collaborations and made significant contributions to the iGEM community. In partnership with iGEM teams Hamburg and Frankfurt, we developed the BFH Guideline, a comprehensive resource designed to help future teams successfully organize Meet Ups. Our collaboration with iGEM Münster resulted in a video podcast that reflects on the growth and progress of participating teams, providing valuable insights for future competitions. </p> - <p>Additionally, we worked alongside teams from Linkoping, Patras, Radboud University, and TERMOSZ-Selye-HUN to contribute to the LNP Handbook, advancing knowledge in lipid-based delivery systems for therapeutic applications. </p> + <p>Additionally, we worked alongside teams from <a href="https://2024.igem.wiki/linkoping/">Linkoping</a>, <a href="https://2024.igem.wiki/patras/">Patras</a>, <a href="https://2024.igem.wiki/radboud-university/team">Radboud University</a>, and <a href="https://2024.igem.wiki/termosz-selye-hun/">TERMOSZ-Selye-HUN</a> to contribute to the LNP Handbook, advancing knowledge in lipid-based delivery systems for therapeutic applications. </p> <p>On the scientific front, we created a collection of protocols, the PreCL reporter system, and the innovative PrimeGuide Prime Editing technology, all of which aim to enhance research efficiency and precision. Our AirBuddy nanoparticle system for lung-specific delivery further exemplifies our commitment to advancing gene therapy solutions. These collaborations and contributions not only enriched the event but will continue to have a lasting impact on future iGEM teams and synthetic biology research. </p> </Section> diff --git a/src/data/hptimelinedata.tsx b/src/data/hptimelinedata.tsx index 710201e4e068d8b0674e0eaf35a9eb82fc37a1f5..62708174e233db2839b6026680531156c64dadf6 100644 --- a/src/data/hptimelinedata.tsx +++ b/src/data/hptimelinedata.tsx @@ -779,7 +779,7 @@ export const timelinedata: Array<TimelineDatenpunkt> = [ quoteNachname: "Sahami Moghaddam, Teammember", quoteVorname: "Asal", quote: "I had a great time educating the kids about gene therapy and CF in a playful way, and there were some very interesting conversations with the parents.", - summary: [<p> <OurLink tabId='teutoruft' scrollToId="teuroruft-heading" path='' text="Der Teuto ruft!"/> is a community event in Bielefeld where iGEM Bielefeld participated to raise awareness about Cystic Fibrosis (CF) and gene therapy. They engaged children through interactive experiments, such as creating lung models and simulating mucus to help them understand the challenges faced by CF patients. Adults were informed about their gene therapy project and had meaningful discussions about the implications of CF treatment. Collaborating with other institutions like the life science student initiative btS, the team expanded their outreach. Despite changeable weather, the event was a success in educating the public and improving science communication.</p>], + summary: [<p> <OurLink tabId='teutoruft' scrollToId="teuroruft-heading" path='human-practices' text="Der Teuto ruft!"/> is a community event in Bielefeld where iGEM Bielefeld participated to raise awareness about Cystic Fibrosis (CF) and gene therapy. They engaged children through interactive experiments, such as creating lung models and simulating mucus to help them understand the challenges faced by CF patients. Adults were informed about their gene therapy project and had meaningful discussions about the implications of CF treatment. Collaborating with other institutions like the life science student initiative btS, the team expanded their outreach. Despite changeable weather, the event was a success in educating the public and improving science communication.</p>], months: "June" }, { @@ -874,7 +874,7 @@ export const timelinedata: Array<TimelineDatenpunkt> = [ quote: "Public health insurance operates under an economic efficiency principle, meaning the most cost-effective treatments are preferred. But if gene therapies become the only treatment option for certain conditions, they will likely have to be included in the coverage, which could be a challenge for the system.", aimofcontact: "The main objective of the contact was to learn from the discussion on issues related to Cystic Fibrosis (CF), gene therapy, health insurance processes and regulatory pathways. In particular, we wanted to understand the real-world challenges and technical aspects of gene editing, especially prime editing, as well as the complexities of approval and reimbursement of gene therapies for CF patients.", insights: "The regulatory approval process, particularly by the European Medicines Agency (EMA) for advanced medical devices, has highlighted the bureaucratic hurdles that gene therapies must overcome. We learned that such therapies for Cystic Fibrosis have to navigate complex European and German regulatory systems. The discussion on the AMNOG process was crucial. We learnt that the additional benefit of a therapy is assessed for reimbursement by the statutory health insurance funds. We implemented this insight in our project by considering the long-term regulatory and economic effects as important milestones for therapy development. We also gained insight into how public and private health insurers may differ in their reimbursement of such therapies. Public insurers have stricter guidelines, while private insurers can be more flexible, but both require strict justification, especially for rare diseases such as Cystic Fibrosis. Information on newborn screening and genetic counselling covered by public health insurance was crucial to understanding how preventive measures for CF are managed. This underlines the importance of early intervention and diagnosis in our project. Atypical forms of CF, where health insurance companies do not cover treatment due to non-standardised test results, were identified as a key problem. This helped us to recognise the need for more adaptable insurance policies and clearer pathways for the treatment of atypical cases in our project plans. The debate about whether healthcare systems can afford the high costs of gene therapies highlighted an important issue in the current medical landscape. We have incorporated this insight into our project by discussing possible cost-effective alternatives and the need for thorough cost-benefit analysis in the development of treatments.", - implementation: [<p>After the interview, we further tailored our project to focus on a simple delivery method to reduce the therapeutic effort. To gain an overview of the regulatory requirements and to better deliver the project, one of our team members attended a <HPLinktoOtherHPTab tab="gxpcourse" text="GxP course"/> to ensure we met all the necessary standards. To deepen our knowledge of entrepreneurship, we conducted further interviews with start-ups and <OurLink tabId="Further Engagement3H" path="\human-practices" text="industrial companies" />, which gave us important insights into practical implementation. These steps ensure that our project is not only based on scientific research, but also takes into account the practical, regulatory and social aspects that are crucial to bringing new CF therapies to the market. We are currently developing strategies to successfully implement our ideas and the project in the future.</p>], + implementation: [<p>After the interview, we further tailored our project to focus on a simple delivery method to reduce the therapeutic effort. To gain an overview of the regulatory requirements and to better deliver the project, one of our team members attended a <HPLinktoOtherHPTab tab="gxpcourse" text="GxP course"/> to ensure we met all the necessary standards. To deepen our knowledge of entrepreneurship, we conducted further interviews with start-ups and <OurLink tabId="Further Engagement3H" path="human-practices" text="industrial companies" />, which gave us important insights into practical implementation. These steps ensure that our project is not only based on scientific research, but also takes into account the practical, regulatory and social aspects that are crucial to bringing new CF therapies to the market. We are currently developing strategies to successfully implement our ideas and the project in the future.</p>], interview: <> <QaBox q="To start with this interview. Do you have any questions about this project?" a="Are you writing a paper on this, or are you conducting actual laboratory research? Or is it primarily literature review? How does your work look?" /> diff --git a/src/sidebars/igbS.tsx b/src/sidebars/igbS.tsx index f1040be59aab6a4538711f0ba0a0104b959946e5..fca3b3ea6a0db38db2dfc87e1eb6e95d9f0fab1a 100644 --- a/src/sidebars/igbS.tsx +++ b/src/sidebars/igbS.tsx @@ -14,6 +14,5 @@ export function iGemBielefeldSidebar(){ const tabs = [ {tab: "Bielefeld University"}, { tab: "History"}, - { tab: "Steering Committee", subtabs: ["Function", "Jörn"]}, - {tab: "Future"} + { tab: "Steering Committee"} ]; \ No newline at end of file diff --git a/src/utils/openTab.ts b/src/utils/openTab.ts index 0084e14b41b20eb3f5f6a4fbc64a5ff4822d1fe8..5f482489b041a56157d1716b57659320d63297d8 100644 --- a/src/utils/openTab.ts +++ b/src/utils/openTab.ts @@ -1,9 +1,9 @@ // Function to open a main tab export const openTab = (tabId: string, tabClass: string) => { - console.log(`Trying to find tab with ID ${tabId}`); + // console.log(`Trying to find tab with ID ${tabId}`); const selectedTab = document.querySelector(`#${tabId}`); if (selectedTab) { - console.log('Tab found!'); + //console.log('Tab found!'); const tabs = document.getElementsByClassName(tabClass); for (let index = 0; index < tabs.length; index++) { (tabs[index] as HTMLElement).style.display = 'none'; diff --git a/src/utils/useNavigation.ts b/src/utils/useNavigation.ts index 067dcb074871310923df9b0d1f1dd8d3549d4ed0..70b203e72c7ab14e00e02cc316037e7b397d88cc 100644 --- a/src/utils/useNavigation.ts +++ b/src/utils/useNavigation.ts @@ -52,33 +52,66 @@ export const useNavigation = () => { - const goToPlace = ({ path, scrollToId,tabId, subTabId, collapseId, tabincolId}: { path: string, scrollToId?: string, tabId?: string, subTabId?: string, collapseId?: string, tabincolId?: string}) => { - let url = `${path}`; + const goToPlace = ({ + path, + scrollToId, + tabId, + subTabId, + collapseId, + tabincolId + }: { + path: string; + scrollToId?: string; + tabId?: string; + subTabId?: string; + collapseId?: string; + tabincolId?: string; + }) => { + // Den vollständigen Pfad erstellen, indem wir den basePath und path kombinieren + let url = `/${path.startsWith("/") ? path.slice(1) : path}`; + + + + let paramsAdded = false; + console.log("Found path: " + path) + // 1. Tab-Logik (tabId und subTabId) if (tabId) { + console.log("Found tabID: " + tabId) url += `?tab=${tabId}`; + paramsAdded = true; if (subTabId) { + console.log("Found subTabId: " + subTabId) url += `&subTab=${subTabId}`; } } - if (collapseId && !tabId) { - url += `?collapseId=${collapseId}`; - if (tabincolId) { - url += `&colTab=${tabincolId}`; - } - } + + // 2. Collapse-Logik (collapseId und tabincolId) if (collapseId) { - url += `&collapseId=${collapseId}`; + console.log("Found collapseId: " + collapseId) + if (!tabId) { + // Wenn kein tabId gesetzt ist, fügen wir collapseId hinzu + url += url.includes('?') ? `&collapseId=${collapseId}` : `?collapseId=${collapseId}`; + paramsAdded = true; + } if (tabincolId) { - url += `&colTab=${tabincolId}`; + console.log("Found tabincolId: " + tabincolId) + url += `&colTab=${tabincolId}`; } } - if (scrollToId && !tabId || scrollToId && !collapseId) { - url += `?scrollTo=${scrollToId}`; - } else if (scrollToId && tabId || scrollToId && collapseId) { - url += `&scrollTo=${scrollToId}`; - } + + // 3. Scroll-Logik (scrollToId) + if (scrollToId) { + console.log("Found scrollToId: " + scrollToId) + paramsAdded = true; + // Wenn bereits Parameter existieren, fügen wir & hinzu, ansonsten ? + const separator = paramsAdded ? '&' : '?'; + url += `${separator}scrollTo=${scrollToId}`; + } + console.log("Final URL:", url); + + // Navigiere zur URL navigate(url); - } + }; return { goToPlace, goToPageAndScroll, goToPagesAndOpenTab, goToPageWithTabAndScroll, goToPageWithNestedTabs, goToPageWithTabAndCollapsible, goToTextsAndOpenCollapsible };