From 859804343e9934506c5b9ef135992a00177cf73e Mon Sep 17 00:00:00 2001
From: Max Luca Beckmann <mbeckmann@techfak.de>
Date: Tue, 1 Oct 2024 19:44:29 +0200
Subject: [PATCH] links in collapsibles (hp)

---
 src/contents/Human Practices/Conclisuin.tsx | 23 +++++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/contents/Human Practices/Conclisuin.tsx b/src/contents/Human Practices/Conclisuin.tsx
index 72a1d22b..5f3b6a03 100644
--- a/src/contents/Human Practices/Conclisuin.tsx	
+++ b/src/contents/Human Practices/Conclisuin.tsx	
@@ -21,7 +21,7 @@ export function HPconclusion(){
                 <H5 text="Feedback Loops and Project Evolution "/>
                 <p>We employed a structured feedback cycle based on Gibbs' Reflection Cycle, ensuring our design continuously evolved with stakeholder input. From initial design to public outreach, every phase of PreCyse was shaped by the feedback we received, allowing us to develop a patient-centered and globally relevant solution. </p>
                 <H5 text="Documentation and Future Guidance "/>
-                <p>We are committed to transparency and open science. Our detailed documentation of stakeholder interactions and methods—including protocols for working with human nasal epithelial cells [Link]—provides a foundation for future iGEM teams. Our outreach efforts, including educational materials and public engagement campaigns, help foster a broader understanding of CF and gene therapy, reflecting iGEM’s vision of responsible and impactful scientific practices. </p>
+                <p>We are committed to transparency and open science. Our detailed documentation of stakeholder interactions and methods—including protocols for working with <a onClick={() => goToPageAndScroll ('Cell Culture3', '/materials-methods')}> human nasal epithelial cells </a>—provides a foundation for future iGEM teams. Our outreach efforts, including educational materials and public engagement campaigns, help foster a broader understanding of CF and gene therapy, reflecting iGEM’s vision of responsible and impactful scientific practices. </p>
                 
                 <H4 text="Next Steps"/>
                 <ol>
@@ -327,10 +327,11 @@ function AnalyseWischmeyer(){
  }
 function AnalyseMattijs(){
     const {goToPagesAndOpenTab} = useNavigation(); 
+    const {goToPageAndScroll} = useNavigation();
     return(
      <Collapsible title="Mattjis Bulcaen – University of Leuven, CF and Prime Editing Expert" id="mattijsanalyseC">
         <p>Mattijs Bulcaen, being a researcher working on a topic very close to ours, provided invaluable guidance in the early stages of our project. He gave us an insight into the current advances in the field that we that we were able to make use of later on. He reviewed with us our own ideas and considerations, such as the use of the PEAR reporter system. Following our interview with Mattijs we integrated the structural motif trevopreQ1 into the pegRNA, which enhanced the prime editing efficiency - a critical improvement we successfully tested and demonstrated in our results.  </p>
-         <p>Our decision of first testing prime editing in HEK293 cells instead of other cell lines or primary cells was also based on his statement that HEK cells are by far the easiest to archieve editing in. Mattijs additionally recommended the use of HEK293T cell lines overexpressing CFTR and CFTR F508del[link]. However, after conducting patch clamp measurements, we found that the HEK cells were unsuitable for our needs, requiring us to adjust our testing system. As a result, we switched to <a onClick={() => goToPagesAndOpenTab('ignatova', '/human-practices')}>Ignatova's</a> cells from Hamburg for further experiments. </p>
+         <p>Our decision of first testing prime editing in HEK293 cells instead of other cell lines or primary cells was also based on his statement that HEK cells are by far the easiest to archieve editing in. Mattijs additionally recommended the use of <a onClick={() => goToPageAndScroll ('Cell Culture', '/materials-methods')}> HEK293T cell lines </a> overexpressing CFTR and CFTR F508del. However, after conducting patch clamp measurements, we found that the HEK cells were unsuitable for our needs, requiring us to adjust our testing system. As a result, we switched to <a onClick={() => goToPagesAndOpenTab('ignatova', '/human-practices')}>Ignatova's</a> cells from Hamburg for further experiments. </p>
           <figure>
             <div className="row">
             <div className="col">
@@ -562,7 +563,7 @@ function AnalyseRnhale(){
          <p>Dr. Benjamin Winkeljann from <a href="https://rnhale.com/" >Rnhale</a> provided crucial technical guidance that significantly enhanced our project. His expertise in spray-dried lipid nanoparticles (LNPs) allowed us to improve the shelf-life and scalability of our formulations. We learned about the limitations of CF therapies regarding international access, cost, and availability, which highlighted the need for sustainable solutions. </p>
         <p>We discovered that spray drying is an effective method for stabilizing LNPs, enabling transport without refrigeration — a more environmentally friendly approach that reduces energy consumption.  </p>
         <p>Our close collaboration with RNhale will continue even after the wiki freeze, focusing on producing spray-dried LNPs and testing them on our primary cultures. We are also investigating how to enhance the stability of LNPs, particularly in protecting RNA from heat damage, and are seeking experts in chitosan for further support. </p>
-        <p>During discussions with a young startup entrepreneur, we explored the possibility of pursuing an <a onClick={() => goToPageAndScroll ('Further Engagement3H', '/human-practice')}> entrepeneuship-oriented </a>  project but ultimately decided to focus on a human-centered approach that prioritizes the needs of CF patients over cost-driven industrial pathways. </p>
+        <p>During discussions with a young startup entrepreneur, we explored the possibility of pursuing an <a onClick={() => goToPageAndScroll ('Further Engagement3H', '/human-practices')}> entrepeneuship-oriented </a>  project but ultimately decided to focus on a human-centered approach that prioritizes the needs of CF patients over cost-driven industrial pathways. </p>
         <figure>
             <div className="row">
             <div className="col">
@@ -588,10 +589,12 @@ function AnalyseRnhale(){
     ) 
  }
 function AnalyseJoshua(){
+    const {goToPagesAndOpenTab} = useNavigation();
+    const {goToPageAndScroll} = useNavigation();
     return(
      <Collapsible title="Joshua – Vice president of CF Vest international, Father of a CF child" id="joshuaanalyseC">
-        <p>Through discussions with Joshua[Link] [HP_Interview_Joshua.docx ], we learned that CF statistics are inadequate, primarily representing the white population, which skews understanding of the disease's prevalence. We discovered that in Asian countries like Thailand, CF is underrepresented, leading to insufficient access to therapies and medications. </p>
-        <p>This awareness sharpened our focus on the need for improved science communication and highlighted the ongoing issues of racism and discrimination within scientific research. In response, we are committed to enhancing the data landscape in Germany by creating surveys[Link] [PO_Survey Public and Patients.docx ] in both German and English to gather broader insights and increase outreach. </p>
+        <p>Through discussions with <a onClick={() => goToPagesAndOpenTab ('joshua', '/human-practices')}> Joshua </a>, we learned that CF statistics are inadequate, primarily representing the white population, which skews understanding of the disease's prevalence. We discovered that in Asian countries like Thailand, CF is underrepresented, leading to insufficient access to therapies and medications. </p>
+        <p>This awareness sharpened our focus on the need for improved science communication and highlighted the ongoing issues of racism and discrimination within scientific research. In response, we are committed to enhancing the data landscape in Germany by creating <a onClick={() => goToPageAndScroll ('our-surveys-on-cystic-fibrosis-and-gene-therapy', '/human-practices')}> surveys </a> in both German and English to gather broader insights and increase outreach. </p>
         <figure> 
             <img src="link" alt="what is in the pic"/> 
             <figcaption> 
@@ -612,9 +615,10 @@ function AnalyseJoshua(){
     ) 
  }
 function AnalyseWesthoff(){
+    const {goToPagesAndOpenTab} = useNavigation();
    return(
     <Collapsible title="Katrin Westhoff – Physiotherapist at local community " id="westhoffanalyseC">
-        <p>Katrin Westhoff’s expertise[Link] [HP_KatrinWesthoff(Physio).docx] in CF physiotherapy reinforced our approach to develop an inhalation-based therapy, especially for young patients. Her experience with children highlighted the need for a simple, accessible treatment, as younger patients may struggle with responsibility and consistency in therapy. This validated our decision to focus on inhalation delivery for ease of use. </p>
+        <p><a onClick={() => goToPagesAndOpenTab ('westhoffinv', '/human-practices')}> Kathrin Westhoff expertise </a>  in CF physiotherapy reinforced our approach to develop an inhalation-based therapy, especially for young patients. Her experience with children highlighted the need for a simple, accessible treatment, as younger patients may struggle with responsibility and consistency in therapy. This validated our decision to focus on inhalation delivery for ease of use. </p>
         <p>Additionally, we recognized through her insights that gene therapy, while impactful, is not a complete solution. Physiotherapy remains crucial in CF care, and our approach now integrates this understanding into a more holistic treatment plan. </p>
         <div><img src="https://static.igem.wiki/teams/5247/photos/hp/besuch-westhoff/matte.webp" /></div>
         <p><strong>Expertise in CF physiotherapy:</strong> Reinforced the importance of developing an inhalation-based therapy, especially for young CF patients.</p>
@@ -631,10 +635,11 @@ function AnalyseWesthoff(){
    ) 
 }
 function AalyseOlariu(){
+    const {goToPagesAndOpenTab} = useNavigation();
    return(
     <Collapsible title="Prof. Dr. Olariu – Physician and Clinical CF Expert " id="olariuanalyseC">
         <p>Prof. Olariou's clinical insights shaped our project by emphasizing the complexities of CF treatment and the emotional burden on patients and families. His focus on early diagnosis, infection risks, and psychosocial impacts led us to design a solution that reduces the long-term care burden</p>
-        <p>Following his advice, we consulted psychologists[Link] (HP_Interview_Psychologinnen.docx ) to integrate mental health considerations and tailored our therapy to address different disease severities. Prof. Olariu also highlighted racial and global disparities in CF care, prompting us to explore these issues through further research and interviews. </p>
+        <p>Following his advice, we consulted <a onClick={() => goToPagesAndOpenTab ('psychol', '/human-practices')}> psychologists </a> to integrate mental health considerations and tailored our therapy to address different disease severities. Prof. Olariu also highlighted racial and global disparities in CF care, prompting us to explore these issues through further research and interviews. </p>
         <div><img src="https://static.igem.wiki/teams/5247/integrated-human-practices/on-our-way-to-interview-psychologists.webp" alt=""/></div>
         <p>His guidance on balancing treatment effectiveness with cost and overmedication concerns ensured our project remained patient-centered and practical. We also expanded our outreach efforts, raising CF awareness and collecting public data to align our project with community needs. </p>
         <figure> 
@@ -662,11 +667,11 @@ function AalyseOlariu(){
 }
 
 function AnalyseMax(){
-
+    const {goToPagesAndOpenTab} = useNavigation();
     return(
         <Collapsible title="Max Beckmann – CF Patient and fellow student" id="maxanalyseC">
             <p>Max's input as a cystic fibrosis (CF) patient directly influenced several key aspects of our project. After learning about the daily challenges of living with CF, we adapted our gene therapy approach to target the lungs, aligning our treatment with patient needs. His insights on the shortcomings of existing therapies strengthened our focus on developing a more effective solution.</p>
-            <p>Following Max's feedback, we implemented changes to our hygiene plan[Link], ensuring it meets the needs of immunocompromised individuals which we later presented to Mr. Johannfunke[Link], contact person for students with disabilities and impairments at the university of bielefeld, and checked its feasibility. Max’s perspective also shaped the content of our outreach materials, helping us portray CF in a more realistic and respectful way during the whole project. </p>
+            <p>Following Max's feedback, we implemented changes to our <a onClick={() => goToPagesAndOpenTab ('Patient MattersH', '/contribution')}> hygiene plan</a>, ensuring it meets the needs of immunocompromised individuals which we later presented to <a onClick={() => goToPagesAndOpenTab ('johannfunke', '/human-practices')}> Mr. Johannfunke</a>, contact person for students with disabilities and impairments at the university of bielefeld, and checked its feasibility. Max’s perspective also shaped the content of our outreach materials, helping us portray CF in a more realistic and respectful way during the whole project. </p>
             <p>Additionally, Max contributed to the project by donating cells for our experiments, which allowed us to test our model systems effectively. Our ongoing communication with him has ensured that we stay patient-focused throughout, continually refining our approach based on his experiences. </p>
             <div className="row"> 
     	        <div className="col"> 
-- 
GitLab