Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • 2024/bielefeld-cebitec
  • l-sanfilippo/bielefeld-ce-bi-tec-temp
2 results
Show changes
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 1645 additions and 1439 deletions
src/contents/Home.tsx
View file @ 3fd292fd
import { FadeIn } from "../components/FadeIn";
import { Breathe } from "../components/Breathe";
import { Problems } from "../components/Problems";
import { useTabNavigation } from "../utils/TabNavigation";
import { H5 } from "../components/Headings";
import PreCyse from "../components/precyse";
import { useNavigation } from "../utils";
import { OurLink } from "../components/Link";
export function Home() {
useTabNavigation();
......@@ -15,13 +12,75 @@ export function Home() {
<div className="col">
<div className="col header-container landing-page-header" id="landing-page-header">
<div className="row align-items-center">
<img src="https://static.igem.wiki/teams/5247/photos/header/bild.webp" />
<div className="col">
<img src="https://static.igem.wiki/teams/5247/thaw/2024-preise.webp" id="lpbild"/>
</div>
<div className="col-3">
<img src="https://static.igem.wiki/teams/5247/thaw/gold-medaille-wiki.webp" />
</div>
</div>
<br/>
<h3>And present our mRNA-based <b>gene therapy</b> for <b>targeted and safe</b> reconstitution of CFTR to restore the mucociliary clearance of patients with <b>Cystic Fibrosis</b>.</h3>
<h3 style={{textAlign: "center"}}>Our Project, Our Victory</h3>
<h4 style={{textAlign: "center"}}>Gold Medal for Excellence in Synthetic Biology and Engineering Success as one of the best therapeutic projects</h4>
<p style={{textAlign: "center"}}>A true honor for our <b>cutting-edge</b> contributions to the world of synthetic biology and <b>engineering breakthroughs</b>.</p>
<br/>
</div>
</div>
<div className="row align-items-center">
<div className="col center">
<img style={{margin: "auto"}} height="400px" className="center" src="https://static.igem.wiki/teams/5247/thaw/best-integrated-human-pratices.webp" />
</div>
<div className="col">
<img style={{margin: "auto"}} height="400px" className="center" src="https://static.igem.wiki/teams/5247/thaw/best-presentation-award.webp" />
</div>
<div className="col">
<img style={{margin: "auto"}} height="400px" className="center" src="https://static.igem.wiki/teams/5247/thaw/safety-and-security-neu.webp" />
</div>
</div>
<div className="row align-items-center" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
<div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
<h3 style={{textAlign: "center"}}>Best Integrated Human Practices</h3>
</div>
<div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
<h3 style={{textAlign: "center"}}>Best Presentation</h3>
</div>
<div className="col" style={{marginBottom: "none !important", paddingBottom: "0px !important"}}>
<h3 style={{textAlign: "center"}}>Safety and Security Award</h3>
</div>
</div>
<div className="row align-items-center" >
<div className="col">
<p style={{textAlign: "center"}}>Ethical, impactful, and groundbreaking science</p>
</div>
<div className="col">
<p style={{textAlign: "center"}}>Ability to communicate complex science with clarity and impact</p>
</div>
<div className="col">
<p style={{textAlign: "center"}}>Unmatched safety standards, ensuring innovation with responsibility</p>
</div>
</div>
<br/><br/>
<p style={{textAlign: "center"}}>In 2024, our groundbreaking work in <b>synthetic biology</b> and <b>medical engineering</b> was recognized with <b>multiple prestigious awards</b>,
marking a monumental achievement in our journey. These <b>honors</b> are not just trophies — they represent the <b>passion</b>, <b>innovation</b>,
and excellence embedded in every aspect of our project.</p>
<p style={{textAlign: "center"}}>These <b>honors</b> don’t just validate our science — they affirm our <b>vision</b> for a healthier, smarter, and more sustainable future.
</p>
<h4 style={{textAlign: "center"}}>Experience the Journey </h4>
<p style={{textAlign: "center"}}>Dive deeper into our award-winning work. Watch our <b>epic presentation</b> and explore the full scope of our project.
</p>
<p style={{textAlign: "center"}}>Check out the videos and more to see how we are <b>pushing the boundaries</b> of what's possible:
</p>
<p style={{textAlign: "center"}}><OurLink text="Our Project Overview" path="description" scrollToId="Abstract"/></p>
<p style={{textAlign: "center"}}>Award-Winning Presentation Video</p>
<div style={{textAlign: "center"}} className="row align-items-center">
<div className="col">
<iframe title="Bielefeld-CeBiTec: Next-Generation Prime Editing as Cystic Fibrosis Gene Therapy (2024) - Team Presentation [English]" width="560" height="315" src="https://video.igem.org/videos/embed/479e7f99-6931-47bc-9193-d4367beba4f2" frameBorder="0" allowFullScreen sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
</div>
</div>
<div className="col">
{/* <div className="col">
<div className="col header-container landing-page-header" id="landing-page-header-2">
<div className="row align-items-center">
<div className="col header-button-row">
......@@ -29,7 +88,7 @@ export function Home() {
<p>
&#8594; <a href="description?scrollTo=Abstract">What is <PreCyse/>? </a> <br/> <br/>
&#8594; <a href="engineering?tab=tab-our-cycle&scrollTo=ourcycle">What is our strategy?</a> <br/> <br/>
&#8594; <a href="experiments?tab=heading">How did we do this?</a> <br/> <br/>
&#8594; <a href="materials-methods?scrollTo=introduction">How did we do this?</a> <br/> <br/>
&#8594; <a href="results?scrollTo=experimental-design">What did we archieve?</a> <br/> <br/>
&#8594; <a href="parts?scrollTo=Parts Collection2">What parts are we contributing?</a> <br/> <br/>
&#8594; <a href="judging?scrollTo=OverviewH">What are our special awards?</a>
......@@ -58,7 +117,15 @@ export function Home() {
</div>
</div>
</div>
</div> */}
{/* Spacing Block */}
<div className='col' style={{ 'height': '150vh' }}></div>
<FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp1.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp1.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp2.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp2.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp3.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp3.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp4.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp4.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/thaw/lp5.webp" bg='https://static.igem.wiki/teams/5247/thaw/lp5.webp'></FadeIn>
<img src="https://static.igem.wiki/teams/5247/landing-page/lp-2.svg"/>
<div className="row">
<div className="col button-x">
......@@ -70,74 +137,6 @@ export function Home() {
</div>
</div>
<div className="row mt-4">
<div className="col" id="erstecol">
<div className="col">
<div style={{'position': 'relative',
'zIndex': '1',
'top': '10vh',
'left': '0vw',
'scale': '0.25'}}>
<div id="scrollstart"></div>
<img src="https://static.igem.wiki/teams/5247/landing/indicator.webp"></img>
</div>
<Breathe></Breathe>
<Problems></Problems>
{/* Spacing Block */}
<div className='col' style={{ 'height': '150vh' }}></div>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/200k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-1-text.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-5-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-5-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-6-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-6-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-7-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-7-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-8-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-8-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-9-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-9-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-10.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-10.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-11-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-11-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-12.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-12.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-13-2.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-13-2.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-14.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-14.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-15.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-15.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-16.webp" bg='https://static.igem.wiki/teams/5247/landing-page/lp-16.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-17.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-17.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-18-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-18-2.svg'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing-page/lp-19-2.svg" bg='https://static.igem.wiki/teams/5247/landing-page/lp-19-2.svg'></FadeIn>
{/*
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/3k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-3-text.webp'></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/treatment-2.gif" bg=''></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/airbuddy.gif" bg=''></FadeIn>
<AirbuddyAnim></AirbuddyAnim>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/primeguide.webp" bg=''></FadeIn>
<PrimeGuideAnimOne></PrimeGuideAnimOne>
<PrimeGuideAnimTwo></PrimeGuideAnimTwo>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/precyse.gif" bg=''></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/proofofconcept.gif" bg=''></FadeIn> */}
{/* Spacing Block */}
<div className='col' style={{ 'height': '100vh' }}></div>
</div>
</div>
</div>
</>
);
}
src/contents/Human Practices/.DS_Store
View file @ 3fd292fd
No preview for this file type
src/contents/Human Practices/Feedback.tsx
View file @ 3fd292fd
......@@ -5,63 +5,32 @@ import { Collapsible } from "../../components/Collapsible";
import PreCyse from '../../components/precyse';
import { HPconTabs } from './Conclisuin';
import { useNavigation } from '../../utils';
import { useTabNavigation } from '../../utils/TabNavigation';
export function HPFeedback(){
const {goToPageWithTabAndScroll} = useNavigation();
useTabNavigation();
return(
<div>
<p>Through our project, the insights and feedback from various stakeholders and experts played a crucial role in shaping and refining our approach. We actively integrated their input into the design, execution, and public engagement aspects of our work, ensuring a human-centered, scientifically sound solution. Below, we highlight key contributors and how their feedback impacted the project's development across multiple phases. </p>
<H4 text="Our surveys on cystic fibrosis and gene therapy"></H4>
<p>From our outreach efforts, we learned that many people lack knowledge about cystic fibrosis and desire more education on the subject. The same applies to gene therapy, with most individuals expressing openness to treatment options, which reinforces our commitment to pursuing this approach. </p>
<H4 text="Our surveys on Cystic Fibrosis and gene therapy"></H4>
<p>From our outreach efforts, we learned that many people lack knowledge about Cystic Fibrosis and desire more education on the subject. The same applies to gene therapy, with most individuals expressing openness to treatment options, which reinforces our commitment to pursuing this approach. </p>
<p>However, we recognize the importance of handling the public's trust and lack of knowledge responsibly. We aim to educate the community about safety and ethical considerations surrounding gene therapy. </p>
<p>In response, we have decided to implement feedback by creating informative materials such as flyers and utilizing platforms like <a onClick={() => goToPageWithTabAndScroll({tabId: 'mukomove', scrollToId: "cf-month" , path: '/human-practices'})}>mukoMOVE</a>, <a onClick={() => goToPageWithTabAndScroll({tabId: 'teutoruft', scrollToId: "teuroruft-heading" , path: '/human-practices'})}>”Teuto ruft!”</a>, <a onClick={() => goToPageWithTabAndScroll({tabId: 'akademie', scrollToId: "student-academy-heading" , path: '/human-practices'})}>SchülerInnenakademie</a>, and <a href='https://www.instagram.com/igem.bielefeld/?hl=de'>social media</a> to raise awareness and provide education. </p>
<figure>
<div className="row">
<div className="col">
<img src="" alt="" />
</div>
<div className="col">
<img src="" alt=""/>
</div>
</div>
<figcaption><b>Figure x.</b> Caption </figcaption>
</figure>
<figure>
<div className="row">
<div className="col">
<img src="" alt="" />
</div>
<div className="col">
<img src="" alt=""/>
</div>
</div>
<figcaption><b>Figure x.</b> Caption </figcaption>
</figure>
<figure>
<div className="row">
<div className="col">
<img src="" alt="" />
</div>
<div className="col">
<img src="" alt=""/>
</div>
</div>
<figcaption><b>Figure x.</b> Caption </figcaption>
</figure>
<p><strong>Lack of knowledge about CF:</strong> Many people are unfamiliar with cystic fibrosis and expressed a need for more education on the subject.</p>
<p><strong>Lack of knowledge about CF:</strong> Many people are unfamiliar with Cystic Fibrosis and expressed a need for more education on the subject.</p>
<p><strong>Gene therapy openness:</strong> Most individuals showed openness to gene therapy treatments, reinforcing our commitment to pursuing this therapeutic approach.</p>
<p><strong>Gene therapy openness:</strong> Most individuals showed openness to gene therapy treatments, reinforcing our commitment to pursuing this therapeutic approach.</p>
<p><strong>Building public trust:</strong> Recognized the importance of handling the public's trust and addressing the knowledge gap about gene therapy in a responsible and transparent manner.</p>
<p><strong>Building public trust:</strong> Recognized the importance of handling the public's trust and addressing the knowledge gap about gene therapy in a responsible and transparent manner.</p>
<p><strong>Education and ethical considerations:</strong> Committed to educating the public on safety and ethical aspects of gene therapy to foster understanding and trust.</p>
<p><strong>Education and ethical considerations:</strong> Committed to educating the public on safety and ethical aspects of gene therapy to foster understanding and trust.</p>
<p><strong>Implementation of feedback:</strong> Created informative materials (flyers) and expanded outreach through platforms like Muko Move, Teuto ruft, SchülerInnenakademie, and social media to increase awareness and provide education.</p>
<p><strong>Implementation of feedback:</strong> Created informative materials (flyers) and expanded outreach through platforms like Muko Move, Teuto ruft, SchülerInnenakademie, and social media to increase awareness and provide education.</p>
<div>
<Collapsible id="collapsible1" open={false} title="Full results of our surveys">
<p> We are proud of our surveys on gene therapy and cystic fibrosis (CF), which explore knowledge about the disease and willingness to embrace gene
<p> We are proud of our surveys on gene therapy and Cystic Fibrosis (CF), which explore knowledge about the disease and willingness to embrace gene
therapy as a potential treatment. Since we wanted to differentiate between the general public and affected CF patients, we created two different
surveys. 187 people partipipated in the survey for the general public and 185 people participated in the survey for patients and next of kin.</p>
<div className="row align-items-center">
......@@ -78,7 +47,7 @@ export function HPFeedback(){
</div>
<div className="row ">
<div className="col">
<p>The majority of respondents (62.70%) indicated that they or their relative require medical treatment or therapy daily. Weekly treatment was necessary for 14.59%, while 9.73% needed therapy several times per week. Only 6.49% reported needing treatment either monthly or rarely. The high frequency of daily treatments highlights the heavy burden of managing cystic fibrosis and reinforces the potential appeal of gene therapy, which could reduce the need for constant medical intervention. </p>
<p>The majority of respondents (62.70%) indicated that they or their relative require medical treatment or therapy daily. Weekly treatment was necessary for 14.59%, while 9.73% needed therapy several times per week. Only 6.49% reported needing treatment either monthly or rarely. The high frequency of daily treatments highlights the heavy burden of managing Cystic Fibrosis and reinforces the potential appeal of gene therapy, which could reduce the need for constant medical intervention. </p>
</div>
<div className="col">
<p>A significant majority, 78.72%, indicated that they would be open to gene therapy if it significantly improved symptoms, while only 1.42% said no. This overwhelming support aligns with the hope patients have for less invasive and more effective treatments. This also reflects the possibility of gene therapy becoming a central treatment method, especially given the heavy therapeutic load CF patients already carry.</p>
......@@ -133,7 +102,7 @@ function DetailedAnalysis(){
<p>56.76% of respondents reported that they are related to someone with CF, while 43.24% stated they are affected by CF themselves. This likely reflects the fact that many parents completed the survey on behalf of their children, as CF is typically diagnosed at a young age. The high involvement of parents underscores how the disease impacts not just the patients themselves but also their families, who are deeply involved in the day-to-day management of CF. This highlights the importance of considering both the perspectives of young patients and their families when discussing gene therapy and CF treatments, as parents often play a critical role in decision-making regarding new treatment options.</p>
</div>
<div className="col">
<p>82.89% of respondents have heard of cystic fibrosis, while 17.11% had not. The high level of awareness about CF suggests that the general public is relatively informed about the condition, possibly due to the visibility of the disease through media, health campaigns, or personal connections to affected individuals. However, the 17% unfamiliar with CF indicates that further outreach is necessary, particularly focusing on this demographic to spread knowledge about the disease and potential treatments, including gene therapy. </p>
<p>82.89% of respondents have heard of Cystic Fibrosis, while 17.11% had not. The high level of awareness about CF suggests that the general public is relatively informed about the condition, possibly due to the visibility of the disease through media, health campaigns, or personal connections to affected individuals. However, the 17% unfamiliar with CF indicates that further outreach is necessary, particularly focusing on this demographic to spread knowledge about the disease and potential treatments, including gene therapy. </p>
</div>
<div className="col">
<p>The majority of respondents (44.17%) learned about CF through media channels, such as television, news, or the internet. Other significant sources of information include family and friends (25.15%), as well as educational institutions (20.86%). Interestingly, only 3.68% of respondents learned about CF from healthcare providers, suggesting that the disease is more commonly understood through external sources rather than direct medical education. This reliance on media and personal connections highlights the importance of accurate and accessible information in the public domain, especially when considering the introduction of gene therapy as a treatment option. </p>
......@@ -160,7 +129,7 @@ function DetailedAnalysis(){
</div>
<div className="col">
<p>42.16% of respondents rated the impact of cystic fibrosis on daily life as a 3 out of 5, indicating a moderate effect. Additionally, 32.97% rated the impact as a 2, while 12.43% rated it as a 4. Only 4.32% of respondents felt that CF had a very strong impact (rating it a 5), and 8.11% rated it a 1, suggesting little to no daily effect. These results indicate that for many patients and families, CF has a notable but varied impact on daily life, reinforcing the importance of treatments like gene therapy that could alleviate the burden. </p>
<p>42.16% of respondents rated the impact of Cystic Fibrosis on daily life as a 3 out of 5, indicating a moderate effect. Additionally, 32.97% rated the impact as a 2, while 12.43% rated it as a 4. Only 4.32% of respondents felt that CF had a very strong impact (rating it a 5), and 8.11% rated it a 1, suggesting little to no daily effect. These results indicate that for many patients and families, CF has a notable but varied impact on daily life, reinforcing the importance of treatments like gene therapy that could alleviate the burden. </p>
</div>
<div className="col">
......@@ -186,7 +155,7 @@ function DetailedAnalysis(){
</div>
<div className="col">
<p>The survey reveals that 36.79% of respondents identified emotional stress as the most stressful aspect of cystic fibrosis, closely followed by physical symptoms at 32.78%. Social restrictions were noted by 17.73% of respondents, and financial burden was a concern for 11.37%. Only 1.34% cited other factors. These results show that emotional and physical challenges dominate the stressors for patients and families, highlighting the need for treatments like gene therapy that could reduce both the physical and emotional burdens of managing CF. </p>
<p>The survey reveals that 36.79% of respondents identified emotional stress as the most stressful aspect of Cystic Fibrosis, closely followed by physical symptoms at 32.78%. Social restrictions were noted by 17.73% of respondents, and financial burden was a concern for 11.37%. Only 1.34% cited other factors. These results show that emotional and physical challenges dominate the stressors for patients and families, highlighting the need for treatments like gene therapy that could reduce both the physical and emotional burdens of managing CF. </p>
</div>
</div>
</div>
......
src/contents/Human Practices/Further Engagement/Collaborations.tsx
View file @ 3fd292fd
import { ButtonOne } from "../../../components/Buttons";
import { H4 } from "../../../components/Headings";
import { LoremMedium } from "../../../components/Loremipsum";
import { PDF } from "../../../components/Pdfs";
export function HPCollabs(){
import { H5, H4 } from "../../../components/Headings";
import { PDF } from "../../../components/Pdfs";
import { useTabNavigation } from "../../../utils/TabNavigation";
import { ButtonOneWithScroll } from "../../../components/Buttons";
return (
export function HPCollabs(){
useTabNavigation();
return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="col">
<ButtonOne openclass="coll-cycletab" text="Overview" open="coll-overview"></ButtonOne>
</div>
<div className="col">
<ButtonOne openclass="coll-cycletab" text="Collabs in 2024" open="colls2024"></ButtonOne>
</div>
<div className="col">
<ButtonOne openclass="coll-cycletab" text="LNP Handbook" open="Handbook"></ButtonOne>
</div>
<div className="row align-items-center" >
<div className="col ">
<ButtonOneWithScroll openclass="coll-cycletab" text="Overview" open="coll-overview" scrollId="coll-heading"/>
</div>
<div className="col ">
<ButtonOneWithScroll openclass="coll-cycletab" text="Collabs in 2024" open="colls2024" scrollId="colls2024-heading"/>
</div>
<div className="col ">
<ButtonOneWithScroll openclass="coll-cycletab" text="LNP Handbook" open="Handbook" scrollId="Handbook-heading"/>
</div>
</div>
<div id="coll-overview" className="coll-cycletab" style={{display: "block"}}>
<H4 id="coll-overview-heading" text=""/>
<LoremMedium/>
<H4 id="coll-heading" text="Collaborations as part of a integrated human practice - but why?"/>
<p>Collaboration is at the heart of innovative science, especially in projects with significant societal and clinical implications such as ours. By actively engaging with stakeholders across disciplines, we ensured that our work addressed real-world needs and took ethical and practical considerations into account.</p>
<p>For example, partnerships with patients and advocacy groups provided a deeper understanding of living with CF and shaped our patient-centered approach. Discussions with medical professionals highlighted the clinical challenges and regulatory requirements we needed to address. Collaborating with other iGEM teams allowed us to share methodologies, refine protocols, and integrate diverse expertise into our project.</p>
<p>These interactions didn't just guide the scientific direction of our work - they emphasised the wider impact of synthetic biology. By combining our technical efforts with stakeholder input, we ensured that our solutions were not only innovative, but also feasible, ethical and impactful. Collaboration thus became the foundation of a truly integrated human practice, bridging the gap between science, society and application.</p>
<H4 id="coll-our-heading" text="Our Collaborations"/>
<p>Collaboration was key to the success of our project. By engaging with patients, advocacy groups, medical professionals, and other iGEM teams, we gained valuable insights into the clinical, ethical, and practical challenges of addressing Cystic Fibrosis. These partnerships shaped our patient-centered approach, refined our methodologies, and ensured our solutions are impactful and feasible. Through collaboration, we bridged the gap between science and society, creating a truly integrated human practice.
</p>
</div>
<div id="colls2024" className="coll-cycletab" style={{display: "none"}}>
<H4 id="colls2024-heading" text="Collaboration with Lingköping"/>
<H4 text="Home University of Linköping"/>
<H4 id="colls2024-heading" text="Home University of Linköping"/>
<p>The University of Linköping is one of the bigger universities located in Sweden. Since its inception in 1975, it has become a very innovative and highly renowned institution. </p>
<p>The project of Linköpings iGEM 2024 team: (description taken from their website)</p>
<p>“The product composition will depend on the enzyme missing or malfunctioning in each of the disease types. We’re going to target autosomal recessive congenital ichthyosis, as this is the one our friend is struggling with. We will focus on the consequences of mutations in three different genes (TGM1, ALOXE3, ALOX12B) that can underlie this condition [5]. However, if our approach turns out to be successful, after some adjustments, the protocol could be applied for the remaining types of the disease as well. First of all, we’ll engineer E. coli to produce the chosen enzymes encoded by the corresponding genes we chose: transglutaminase 1, Epidermis-type lipoxygenase 3, Arachidonate 12-lipoxygenase and then we will purify them from the bacteria. Once this system is established and optimized, we’ll proceed to design a functioning delivery system that we will encapsulate the enzymes in. We have decided to produce modulated liposomes that will be able to keep the enzymes active while transporting them. Once the target skin layer is reached, the liposomes will fuse with the membranes of the cells of interest, delivering the product to its final destination. Functioning liposomes packed with the produced enzymes will then be incorporated into a suitable medium to facilitate the topical application for the patients”. </p>
<H4 text="iGEM team Liu project our idea"/>
<p>We first made contact with the team of LIU via email, due to both our teams’ interest in working with LNP based delivery systems. It rapidly became apparent that our two teams could benefit from a corporation especially since the team of LiU was working on an LNP handbook at the time.</p>
<H5 text="Biosafety and Security"/>
<p>Early in our project, we faced challenges working with human biomaterials, particularly cultivating primary human nasal epithelial cells from both CF patients and controls. To address these, we made three key contributions:</p>
<ol>
<li>A guideline for handling biomaterials in compliance with BSL2 standards.{/* [Link guideline] */}</li>
<li>A clinical trial-style questionnaire to assess donor medical history.{/* [Link Link questionaire] */}</li>
<li>A hygiene protocol to improve safety and cleanliness in research facilities.{/* [Link hygiene protocoll] */}</li>
</ol>
<p>
These frameworks ensure that future iGEM teams can overcome similar challenges, ensuring safety and regulatory compliance while streamlining their workflow.
We contributed an extensive collection of optimized protocols for future iGEM teams, integrating our experiences to make synthetic biology more accessible. By embedding safety standards, we enable teams to confidently work with human biomaterials, ensuring regulatory compliance and efficient progress.
</p>
<H5 text="PreCL Reporter System "/>
<p>To test Prime Editing systems targeting the CF-specific delF508 mutation, we developed the PreCL reporter system [Link engineering of PreCL], which offers high sensitivity, minimal noise, and precise fluorescence detection. This versatile tool, adaptable for CRISPR and base editing, enhances the precision of genetic research, particularly in CF studies.
We optimized pegRNA design{/* [linkpegrna] */} by incorporating the TevoPreQ1 RNA motif, improving stability and Prime Editing efficiency. Our innovations, including silent edits and fine-tuned sequences, boost editing accuracy, providing a robust tool for genetic research. </p>
<H5 text="Prime Editing Technology PrimeGuide & Lipid Nanoparticle System AirBuddy "/>
<p>Our PrimeGuide{/* [link] */}system introduces a novel eukaryotic RNA-binding DNA-nickase, a smaller alternative to Cas9. Enhanced with a more efficient Reverse Transcriptase and optimized RNA-binding proteins, this advancement improves Prime Editing accuracy and safety for genetic mutation correction.
We developed AirBuddy{/* [link] */}, a lung-specific RNA/DNA delivery system optimized for gene therapies targeting lung diseases. With low cytotoxicity, efficient cellular uptake, and cost-effective storage, AirBuddy revolutionizes lung disease treatments by providing a safer and more effective delivery method. </p>
<H5 text="Wiki Development"/>
<p>To support future iGEM teams, we developed troubleshooting guides for HTML and CSS{/* [link] */}, making wiki development more accessible and easier to manage.
Through these contributions, we provide valuable tools and frameworks to advance synthetic biology, ensuring safer, more efficient research and therapeutic development for the iGEM community. </p>
</div>
<div id="Handbook" className="coll-cycletab" style={{display: "none"}}>
<H4 id="Handbook-heading" text="Hanbook for download"/>
<PDF link="https://static.igem.wiki/teams/5247/pdfs/liposomes-handbook.pdf" name="liposomes-handbook.pdf"/>
</div>
</div>
)
}
\ No newline at end of file
src/contents/Human Practices/Further Engagement/Education.tsx
View file @ 3fd292fd
......@@ -5,14 +5,16 @@ import { TabScrollLink } from "../../../components/Link";
import PreCyse from "../../../components/precyse";
import EduSources from "../../../sources/education-souces";
import { useNavigation } from "../../../utils";
import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPEducation(){
const {goToPageAndScroll} = useNavigation();
useTabNavigation();
return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="row align-items-center" >
<div className="col">
<ButtonOneWithScroll openclass="edu-cycletab" text="Overview" open="edu-overview" scrollId="edu-heading"/>
</div>
......@@ -38,24 +40,24 @@ export function HPEducation(){
<ul>
<li>To help people make <b>informed choices</b> and encourage <b>emancipation through education</b>.</li>
<li>Only informed participants allow for <b>ethical engagement</b>.</li>
<li>To ensure <b>continuous learning</b> in order to secure the future of synthetic biology and cystic fibrosis research.</li>
<li>To ensure <b>continuous learning</b> in order to secure the future of synthetic biology and Cystic Fibrosis research.</li>
<li>Only awareness and knowledge can <b>prevent misuse and misinformation</b>.</li>
</ul>
<p>This is applicable to both cystic fibrosis and synthetic biology in general.</p>
<p>This is applicable to both Cystic Fibrosis and synthetic biology in general.</p>
<p>Many people gravitate towards fields they are interested in. Awareness, exploration, and receiving new knowledge are necessary to cultivate an authentic
interest, which, together with positive social interaction, forms a promising foundation for a lasting interest<TabScrollLink tab="edu-overview" num="1" scrollId="desc-edu"/>. As future researchers and part of a
competition aiming for continuous innovation, we feel education is an important ascpect that should not be shrugged off under the guise of focusing on Human Practices.</p>
<H4 id="edu-why-heading" text="Our educational activities"/>
<p>In both "Der Teuto ruft!" and the CeBiTec Student Academy, our team focused on education through personal contact not only as way to spread
awareness about cystic fibrosis, but to spread the love we have for what we do. </p>
awareness about Cystic Fibrosis, but to spread the love we have for what we do. </p>
<p>We are glad to have had the possibility to work with such different audiences. While "Der Teuto ruft!" had a focus on families and required a creative
approach, the "Schüler*innen Akademie" and "MINT Sommer" allowed us to interact with aspiring researchers who may very well be our future classmates at
Bielefeld University.
</p>
<p>However, we came to realize that "Der Teuto ruft!" may have been the more impactful event for our personal growth. It took us out of the familiar
"science bubble" and into a space where we could interact with the general public—people who don’t necessarily have a scientific background. This
experience reminded us how non-scientists perceive complex topics like gene therapy and cystic fibrosis. It also highlighted the importance of not only
experience reminded us how non-scientists perceive complex topics like gene therapy and Cystic Fibrosis. It also highlighted the importance of not only
ethical responsibility but also social responsibility in communicating science. We gained and regained insight into the concerns, misconceptions, and
hopes that the public has regarding synthetic biology, allowing us to better understand what is not only scientifically sound but also socially
acceptable. We are confident that participating in "Der Teuto ruft!" very positively influenced our approach to further communication. </p>
......@@ -85,11 +87,11 @@ Due to our collaboration with the Student Academy, we conducted the nanopore seq
<div id="teutoruft" className="edu-cycletab" style={{display: "none"}}>
<H4 id="teuroruft-heading" text="Educational city tour for young and old"/>
<H5 id="Der Teuto ruft!" text=" What is “Der Teuto ruft!” and why we participate"/>
<p>"Der Teuto ruft!" is an outreach event located all over the city of Bielefeld where various local companies and institutions engage with the public to inform them about their work. Since we wanted to raise awareness for cystic fibrosis and present our approach to developing an optimized gene therapy to combat this disease, our participation in the "Der Teuto ruft!" event in Bielefeld was the perfect opportunity to do so.</p>
<p>"Der Teuto ruft!" is an outreach event located all over the city of Bielefeld where various local companies and institutions engage with the public to inform them about their work. Since we wanted to raise awareness for Cystic Fibrosis and present our approach to developing an optimized gene therapy to combat this disease, our participation in the "Der Teuto ruft!" event in Bielefeld was the perfect opportunity to do so.</p>
<H5 id="What was our strategy?" text="What is our strategy?"/>
<p>Our goal was to educate children about the challenges faced by CF patients, especially the ones with lung problems. The knowledge which we gained at the <a onClick={() => goToPageAndScroll ('commworkshop', '/contribution')}> Science Communication Workshop </a> as part of the <a onClick={() => goToPageAndScroll ('bfh-european-meetup', '/contribution')}> BFH Meetup </a> was the optimal basis to plan our outreach to the public. We engaged the children with activities like coloring lung images and conducting experiments to experience and understand lung related symptoms.
One such experiment involved creating a lung model from balloons and straws, demonstrating the difficulty patients have in breathing by having the children blow into the straws. Additionally, we set up a tank with a mixture of starch and water to simulate mucus and placed a ball on top. The children tried to blow the ball across the surface, illustrating how hard it is for air to move through mucus compared to water, where the ball moved much more easily.
The very little ones could paint coloring pages which we designed and printed for them. For the adults, we provided information about our project and discussed the implications and potential of gene therapy for cystic fibrosis. These conversations as well as the results of our <a onClick={() => goToPageAndScroll ('our-surveys-on-cystic-fibrosis-and-gene-therapy', '/human-practices')}> survey on CF and gene therapy </a> which was conducted events like these made it abundantly clear that degrees of knowledge on this topic widely vary throughout the public and we were happy to fill in the existing gaps in people's knowledge and exchange points of view on gene therapy.
The very little ones could paint coloring pages which we designed and printed for them. For the adults, we provided information about our project and discussed the implications and potential of gene therapy for Cystic Fibrosis. These conversations as well as the results of our <a onClick={() => goToPageAndScroll ('our-surveys-on--Cystic Fibrosis-and-gene-therapy', '/human-practices')}> survey on CF and gene therapy </a> which was conducted events like these made it abundantly clear that degrees of knowledge on this topic widely vary throughout the public and we were happy to fill in the existing gaps in people's knowledge and exchange points of view on gene therapy.
Moreover, we connected with other institutions and participants at the event. We shared our booth at Bielefeld’s “Skulpturenpark” on the outside with <a href="https://bts-ev.de/bielefeld/" title="btS" > btS </a>, the life science student initiative from Bielefeld University, with whose members we had stimulating discussions as well. We were more than delighted when the city of Bielefeld featured us on their Instagram, highlighting our presence during "Der Teuto ruft!". This collaboration helped us reach a wider audience and raise awareness about our research efforts.</p>
<br/>
{/* <a href="https://unibielefeldde.sharepoint.com/sites/iGEM2024teams/_layouts/15/stream.aspx?id=%2Fsites%2FiGEM2024teams%2FFreigegebene%20Dokumente%2FGeneral%2FFotos%2C%20Videos%20und%20Co%2FTeuto%20ruft%2FVideo%20Insta%20Teuto%20Ruft%2Emov&ga=1&referrer=StreamWebApp%2EWeb&referrerScenario=AddressBarCopied%2Eview%2Ee4a43a55%2Dfff3%2D4b44%2Db081%2Dad26306f93e0" title="video Teuto ruft" > watch me</a>
......@@ -98,7 +100,7 @@ Moreover, we connected with other institutions and participants at the event. We
<div className="row align-items-center">
<div className="col">
<H5 id="conclusion" text="What is our conclusion"/>
<p>Despite the changeable weather, we could educate many people of Bielefeld's community about cystic fibrosis, our therapeutic approach and gene therapy in general and had the opportunity to improve our science communication for the future as well so it was a successful event! </p>
<p>Despite the changeable weather, we could educate many people of Bielefeld's community about Cystic Fibrosis, our therapeutic approach and gene therapy in general and had the opportunity to improve our science communication for the future as well so it was a successful event! </p>
</div>
<div className="col">
<figure>
......@@ -129,13 +131,13 @@ Moreover, we connected with other institutions and participants at the event. We
<img src="https://static.igem.wiki/teams/5247/photos/hp/mintsommerlogo.png" style={{width:"30%", height:"20%"}}/>
<div className="col">
<p>“MINT Summer 2024” is a comprehensive program designed primarily for high school graduates of the class of 2024, who are considering pursuing studies in STEM fields (Science, Technology, Engineering, and Mathematics, including teaching degrees). The program is perfect for those who are still uncertain if they want to study in STEM or which specific discipline aligns best with their interests.</p>
<p>Our participation in <a href="https://www.uni-bielefeld.de/studium/studieninteressierte/mint-sommer/" title="Mint Summer" >MINT Summer </a> offered us the chance to raise awareness of cystic fibrosis and showcase our cutting-edge approach to develop an optimized gene therapy to combat this disease. Through the event we engaged with potential future scientists and researchers, informing them about our project, iGEM and the importance of scientific research in advancing medical treatments. This program not only allows us to share our mission but also to inspire the next generation of STEM students by highlighting the real-world impact of their studies. </p>
<p>Our participation in <a href="https://www.uni-bielefeld.de/studium/studieninteressierte/mint-sommer/" title="Mint Summer" >MINT Summer </a> offered us the chance to raise awareness of Cystic Fibrosis and showcase our cutting-edge approach to develop an optimized gene therapy to combat this disease. Through the event we engaged with potential future scientists and researchers, informing them about our project, iGEM and the importance of scientific research in advancing medical treatments. This program not only allows us to share our mission but also to inspire the next generation of STEM students by highlighting the real-world impact of their studies. </p>
</div>
</div>
<H5 id="strategy summer" text="What was our strategy?"/>
<p>Our objective at MINT Summer was to inform attendees, especially aspiring STEM students, about the unique challenges faced by cystic fibrosis (CF) patients, with a particular focus on lung-related complications. We drew heavily on the insights gained from the Science Communication Workshop at the BFH Meetup, which provided us with the perfect framework to meticulously plan our outreach for this event. This foundation allowed us to craft engaging and educational activities that effectively conveyed the complexities of CF to our audience, ensuring our message was both impactful and accessible. </p>
<p>Our objective at MINT Summer was to inform attendees, especially aspiring STEM students, about the unique challenges faced by Cystic Fibrosis (CF) patients, with a particular focus on lung-related complications. We drew heavily on the insights gained from the Science Communication Workshop at the BFH Meetup, which provided us with the perfect framework to meticulously plan our outreach for this event. This foundation allowed us to craft engaging and educational activities that effectively conveyed the complexities of CF to our audience, ensuring our message was both impactful and accessible. </p>
<p>We took the opportunity to explain the iGEM competition and our project to participants. We shared how iGEM is a global competition that brings together student teams to solve real-world problems using synthetic biology. We discussed how our approach aims to correct the genetic mutation responsible for CF, potentially offering a more effective treatment. By engaging with attendees, we were able to highlight the significance of our research and the impact it could have on improving the lives of those affected by this challenging condition. They got the opportunity to contribute to our project by participating in our survey. </p>
<p>Over the time of two weeks, we established meaningful connections with professors, students, and participants across various STEM fields during the event, like the student initiative btS and the Campusbrauerei Bielefeld. Sharing our project with the life science students was helpful, motivating and opened the door to engaging discussions that enriched our perspective and fostered collaboration. These interactions allowed us to connect with experts and students from different disciplines, enhancing our understanding of how our gene therapy research for cystic fibrosis fits within the broader scientific landscape.</p>
<p>Over the time of two weeks, we established meaningful connections with professors, students, and participants across various STEM fields during the event, like the student initiative btS and the Campusbrauerei Bielefeld. Sharing our project with the life science students was helpful, motivating and opened the door to engaging discussions that enriched our perspective and fostered collaboration. These interactions allowed us to connect with experts and students from different disciplines, enhancing our understanding of how our gene therapy research for Cystic Fibrosis fits within the broader scientific landscape.</p>
<H5 id="conclusion summer" text="What is our conclusion?"/>
<p>The experience allowed us to refine our science communication skills and connect with a broad range of STEM professionals and students. Overall, the event was a valuable opportunity for both education and professional growth, making it a rewarding and impactful experience for our team. </p>
</div>
......
src/contents/Human Practices/Further Engagement/FurtherEngagement.tsx
View file @ 3fd292fd
import { Section, Subesction } from "../../../components/sections";
import { useTabNavigation } from "../../../utils/TabNavigation";
import { HPCollabs } from "./Collaborations";
import { HPEducation } from "./Education";
import { HPEntrepreneur } from "./Entrepreneurship";
......@@ -6,7 +7,7 @@ import { HPOutreach } from "./Outreach";
import { HPPartnerships } from "./Partnerships";
export function HPFurtherEngagement(){
useTabNavigation();
return(
<Section title="Further Engagement" id="Further Engagement">
<Subesction title="Education" id="Further Engagement1">
......
src/contents/Human Practices/Further Engagement/Outreach.tsx
View file @ 3fd292fd
import { ButtonOne } from "../../../components/Buttons";
import { H4 } from "../../../components/Headings";
import { useTabNavigation } from "../../../utils/TabNavigation";
import { useNavigation } from "../../../utils/useNavigation";
export function HPOutreach(){
const { goToPagesAndOpenTab } = useNavigation();
useTabNavigation();
return(
<div className="col">
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="col">
<div className="row align-items-center" >
<div className="col ">
<ButtonOne openclass="out-cycletab" text="Overview" open="out-overview"></ButtonOne>
</div>
<div className="col">
<div className="col ">
<ButtonOne openclass="out-cycletab" text="MUKOmove" open="mukomove"></ButtonOne>
</div>
<div className="col">
<div className="col ">
<ButtonOne openclass="out-cycletab" text="Waffle Sale" open="Waffle sale"></ButtonOne>
</div>
</div>
......@@ -23,7 +25,7 @@ export function HPOutreach(){
<H4 id="out-why-heading" text="Public engament as part of a integrated human practice - but why?"/>
<p>While many of our efforts in science communication were educational, we also recognized the importance of public engagement through activities
that were not focused on formal education but rather on raising awareness. Initiatives like MUKOmove and our waffle sale were essential in bringing
cystic fibrosis (CF) into public focus and showing a visible commitment to the cause.</p>
Cystic Fibrosis (CF) into public focus and showing a visible commitment to the cause.</p>
<p>Public enganegment and outreach serves as a reminder that science does not happen in isolation - it is rooted
in real-world problems that impact individuals and communities. Establishing presence allows diverting interest to our project and our cause which in turn
paves the way to edcuate interested people and to lay the groundwork for a deeper connection between us and our project and the general public. </p>
......@@ -31,7 +33,7 @@ export function HPOutreach(){
<p>Our public engagement served both as a form of spreading awareness and to establish first contacts. By inviting other people in Bielefeld to join our team
for MUKOmove, we were able to reach a wider audience and foster connections that extended beyond our university.</p>
<p>In addition to our in-person events, we used social media as a tool to keep the community engaged and updated. We shared our progress in
MUKOmove, promoted our events, and posted educational content about cystic fibrosis and gene therapy. Our social media presence helped us
MUKOmove, promoted our events, and posted educational content about Cystic Fibrosis and gene therapy. Our social media presence helped us
stay connected with a broader audience, ensuring that even those who could not attend our events could still follow along and support our mission.</p>
<p>
Through these efforts, we also made valuable connections, resulting in an interview with the "Muko Dino" <a onClick={() => goToPagesAndOpenTab('dino', '/human-practices')}>Thomas Malenke</a>. This highlighted the power
......@@ -43,8 +45,8 @@ export function HPOutreach(){
<H4 text="Waffle Sale"></H4>
<div className="row">
<div className="col">
<p>To support our research project and raise funds for our iGEM team at Bielefeld University, we decided to organize a waffle sale in the main hall of the university. This initiative was aimed at raising awareness about our project and collecting funds for our research into cystic fibrosis. </p>
<p>The sale took place in cystic fibrosis awareness month May in the Great Hall of our University. As people passed by, we engaged them by introducing our research group and explaining our project’s objectives. We shared information about cystic fibrosis and why we are raising money. Our goal was to not only just to sell waffles, but also to educate the university community about our research and its’ potential impact. The response has been overwhelmingly positive. Many were genuinely interested in our work and asked for more details about our research and the goals of our project. This enthusiasm strengthened our commitment to the project and highlighted the importance of community involvement in scientific research. </p>
<p>To support our research project and raise funds for our iGEM team at Bielefeld University, we decided to organize a waffle sale in the main hall of the university. This initiative was aimed at raising awareness about our project and collecting funds for our research into Cystic Fibrosis. </p>
<p>The sale took place in Cystic Fibrosis awareness month May in the Great Hall of our University. As people passed by, we engaged them by introducing our research group and explaining our project’s objectives. We shared information about Cystic Fibrosis and why we are raising money. Our goal was to not only just to sell waffles, but also to educate the university community about our research and its’ potential impact. The response has been overwhelmingly positive. Many were genuinely interested in our work and asked for more details about our research and the goals of our project. This enthusiasm strengthened our commitment to the project and highlighted the importance of community involvement in scientific research. </p>
<p>The waffle sale was a great success, both in terms of raising funds and increasing awareness about our work within the university. It was a collaborative effort that brought our team closer together and demonstrated the power of community support in advancing scientific research. </p>
</div>
<div className="col-4">
......@@ -56,20 +58,19 @@ export function HPOutreach(){
</div>
<div id="mukomove" className="out-cycletab" style={{display: "none"}}>
<H4 id="cf-month" text="Cystic fibrosis awareness month"/>
<H4 id="cf-month" text="Cystic Fibrosis awareness month"/>
<div className="row">
<div className="full-small col-3">
<img className="max400" src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/po-mukomove/wir-plakat-mukomove.jpeg"></img>
</div>
<div className="col">
<h3>What is MUKOmove?</h3>
<p>As part of the cystic fibrosis awareness month May, we took part in this year's <a href="https://www.muko.info/mukomove">MUKOmove</a> from May 8th to May
<p>As part of the Cystic Fibrosis awareness month May, we took part in this year's <a href="https://www.muko.info/mukomove">MUKOmove</a> from May 8th to May
12th under the team name iGEM Bielefeld. MUKOmove is a participatory sports initiative organized by
<a href="https://www.muko.info/"> Mukoviszidose e.V.</a>, the German Cystic Fibrosis Association, aimed at raising awareness and funds
for cystic fibrosis research and support. This annual event encourages individuals and teams to
for Cystic Fibrosis research and support. This annual event encourages individuals and teams to
engage in various physical activities, track their movement, and share their experiences online. </p>
<button>Spenden</button>
</div>
<button onClick={() => window.location.href = "https://spenden.muko.info/"}>Donate</button>
</div>
<br/>
<div className="row">
......@@ -78,8 +79,8 @@ export function HPOutreach(){
<p>While MUKOmove was not a scientific or educational event, it played an important role in demonstrating our presence in the broader CF
community.</p>
<p>We did not stop at our participation itself - we wanted to make other people from our university and city
aware of the event and collect sport hours for cystic fibrosis with them by inviting them to join our team.
Our survey about cystic fibrosis awareness and our discussions with <a onClick={() => goToPagesAndOpenTab('InvWesthoff', '/human-practices?tab=')}>Kathrin Westhoff</a>, the head of a
aware of the event and collect sport hours for Cystic Fibrosis with them by inviting them to join our team.
Our survey about Cystic Fibrosis awareness and our discussions with <a onClick={() => goToPagesAndOpenTab('InvWesthoff', '/human-practices?tab=')}>Kathrin Westhoff</a>, the head of a
practice for physiotherapy in Gütersloh who is also treating young CF patients, showed us how little known
this illness still is. Especially the interview with the physiotherapist made us realize how important
exercise is for everyone and how it brings a community together - we wanted to establish MUKOmove in
......@@ -105,8 +106,9 @@ export function HPOutreach(){
<br/>
<h3>What did we achieve?</h3>
<p>We are happy to announce that both movement goals were surpassed: Team iGEM Bielefeld was able to collect 358 sport hours, and everyone who took part in MUKOmove together collected 36,542 sport hours! </p>
<p>The MUKOmove was therefore a complete success, and we take pride in having contributed to the goal while raising more awareness for cystic fibrosis in our region and Germany as a whole.</p>
<p>The MUKOmove was therefore a complete success, and we take pride in having contributed to the goal while raising more awareness for Cystic Fibrosis in our region and Germany as a whole.</p>
</div>
</div>
</div>
);
}
\ No newline at end of file
src/contents/Human Practices/Further Engagement/Partnerships.tsx
View file @ 3fd292fd
import { H4 } from "../../../components/Headings";
import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPPartnerships(){
useTabNavigation();
return(
<div className="col">
<H4 text="CF Vests"></H4>
<p>CF Vests Worldwide is a dedicated charity organization committed to providing life-saving vest equipment to those in need, regardless of their financial situation. But they can't do it alone — they need your support. Help us make a difference! By donating to CFVWW, you can directly impact the lives of cystic fibrosis patients, giving them the chance to breathe easier and live fuller lives. Every contribution counts.</p>
<p><strong>Join us in the fight against cystic fibrosis.</strong> <a href="https://donorbox.org/igem"> Donate today</a> and help us bring hope, one vest at a time! Together, we can change lives.</p>
<p>CF Vests Worldwide is a dedicated charity organization committed to providing life-saving vest equipment to those in need, regardless of their financial situation. But they can't do it alone — they need your support. Help us make a difference! By donating to CFVWW, you can directly impact the lives of Cystic Fibrosis patients, giving them the chance to breathe easier and live fuller lives. Every contribution counts.</p>
<p><strong>Join us in the fight against Cystic Fibrosis.</strong> <a href="https://donorbox.org/igem"> Donate today</a> and help us bring hope, one vest at a time! Together, we can change lives.</p>
</div>
)
}
\ No newline at end of file
src/contents/Human Practices/Further Engagement/SupMaterial.tsx
View file @ 3fd292fd
import { DownloadLink } from "../../../components/Buttons";
import { Section } from "../../../components/sections";
import { useTabNavigation } from "../../../utils/TabNavigation";
export function HPSupplement(){
useTabNavigation();
return(
<Section title="Supplementary Material" id="Supplementary Material">
<div className="row">
<div className="col">
<p>Click here to see our raw data of our surverys.</p>
<p>Click here to see our raw data of our surverys</p>
</div>
<div className="col">
<DownloadLink url="https://static.igem.wiki/teams/5247/pdfs/raw-data-surveys.pdf" fileName="raw-data-surveys.pdf"></DownloadLink>
<DownloadLink url="https://static.igem.wiki/teams/5247/pdfs/raw-data-survey.pdf" fileName="raw-data-survey.pdf"></DownloadLink>
</div>
</div>
</Section>
......
src/contents/Human Practices/HP svgs/swots.tsx
View file @ 3fd292fd
......@@ -255,7 +255,7 @@ export function SWOTone(){
textDecoration="none"
transform="matrix(1 0 0 1 640.685 5388)"
>
{"of cystic fibrosis"}
{"of Cystic Fibrosis"}
</text>
<text
fill="#000000"
......
src/contents/Human Practices/HP-abstract.tsx
View file @ 3fd292fd
import { Section } from "../../components/sections"
import { useTabNavigation } from "../../utils/TabNavigation";
export function HPAbstract(){
useTabNavigation();
return(
<Section title="Abstract" id="Abstract">
<p>As the iGEM Bielefeld-CeBiTec team, our project aimed to develop a gene therapy for cystic fibrosis (CF) with a human-centered approach.
From the beginning, we engaged extensively with CF patients, clinicians, regulatory bodies, and researchers to ensure that our solution
addressed real-world needs. We established continuous feedback loops to refine and evolve our project at every stage, incorporating insights
from diverse stakeholders to create a responsible, impactful, and ethically sound therapy. Our mission was not just to develop a technical
solution but to create one that aligns with societal values and patient expectations. </p>
<p>Our integrated Human Practices approach was not just an addition to our project—it was the foundation on which every decision was built. By actively
engaging with CF patients, healthcare professionals, and regulatory experts, we ensured that their feedback directly shaped our
project, from design to implementation. Our patient-centered, globally focused approach not only addresses disparities in CF treatment but also sets
a new standard for accessibility and ethical reflection. We extensively documented our methodologies, including CF cell culture protocols and stakeholder
engagement processes, to empower future teams to build upon our success. Our thoughtful integration of diverse stakeholder insights, combined with expert
guidance in regulatory compliance, nanoparticle research, and gene therapy, ensures that our project is responsible, scientifically sound, and globally
impactful. </p>
<p>As the iGEM Bielefeld-CeBiTec team, we adopted a human-centered approach and provided a comprehensive framework of <strong>seven reglementations</strong> for future iGEM teams, establishing <strong>seven frameworks</strong> that were validated through our project. Our methodology was shaped by over <strong>80 interviews with stakeholders and institutions</strong> , creating a comprehensive and multidimensional perspective on the complex challenge of gene therapy for Cystic Fibrosis (CF). Through <strong>33 key interviews</strong> , we navigated <strong>seven thematic areas</strong> simultaneously, incorporating <strong>five iterative feedback loops</strong> to ensure the project’s refinement at every stage.
</p>
<p> Our approach offers future iGEM teams and the synthetic biology community a valuable blueprint for responsible and ethical project development. By actively engaging with CF patients, clinicians, researchers, and regulatory bodies, we ensured that real-world needs and societal values were central to our project's evolution. Our efforts culminated in a thoughtful, scientifically sound solution, setting new standards for accessibility, patient focus, and regulatory compliance. Future teams can leverage our documented methodologies to further their own impact, ensuring that innovation remains aligned with the needs of those it serves.
</p>
</Section>
)
}
\ No newline at end of file
src/contents/Human Practices/IHP.tsx
View file @ 3fd292fd
This diff is collapsed.
src/contents/Human Practices/Introduction.tsx
View file @ 3fd292fd
......@@ -4,25 +4,27 @@ import PreCyse from "../../components/precyse";
import { BlockQuoteB } from "../../components/Quotes";
import { Section } from "../../components/sections";
import { useNavigation } from "../../utils";
import { useTabNavigation } from "../../utils/TabNavigation";
export function HPIntroduction(){
const {goToPageAndScroll} = useNavigation();
useTabNavigation();
return(
<Section title="Introduction" id="Introduction">
<H5 text="- Connecting our project to real life -"/>
<BlockQuoteB text="Science and everyday life cannot and should not be separated." cite="Rosalind Franklin"/>
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "1vh"}}>
<div className="col">
<div className="row align-items-center">
<div className="col ">
<ButtonOne openclass="intro-cycletab" text="Our Understanding of HP" open="understanding"></ButtonOne>
</div>
<div className="col">
<div className="col ">
<ButtonOne openclass="intro-cycletab" text="Our Mission & Vision" open="mission"></ButtonOne>
</div>
<div className="col">
<div className="col ">
<ButtonOne openclass="intro-cycletab" text="Our Approach" open="approach"></ButtonOne>
</div>
<div className="col">
<div className="col ">
<ButtonOne openclass="intro-cycletab" text="Our Target Groups" open="targets"></ButtonOne>
</div>
</div>
......@@ -31,13 +33,13 @@ export function HPIntroduction(){
<p>This year, we at iGEM Bielefeld-CeBiTec have consciously chosen a <b>human-centered project design</b>. At the heart of our iGEM project is
one key pillar: <b>Human Practice</b>. Our goal is to understand the impact of our project on society, the scientific community and the world
as whole. This is not just about the technical effectiveness of our parts, but also about how the solution is embraced in everyday
practice, and the potential long-term impact it could have for cystic fibrosis patients and their families all over the world.
practice, and the potential long-term impact it could have for Cystic Fibrosis patients and their families all over the world.
</p>
<p>With our human-centered approach, we aim to address fundamental iGEM Human Practice questions and beyond:
</p>
<p style={{textAlign: "center"}}> <b>How does our project affect the world around us?</b></p>
<p style={{textAlign: "center"}}> <b>How does the world around us influence our project? </b></p>
<p>From the very beginning, it was our priority to identify various stakeholders and meet people affected by cystic fibrosis early on to <b>actively involve</b> them throughout the planning and development process. This collaborative approach allowed us to ensure that our project
<p>From the very beginning, it was our priority to identify various stakeholders and meet people affected by Cystic Fibrosis early on to <b>actively involve</b> them throughout the planning and development process. This collaborative approach allowed us to ensure that our project
addresses real needs and contributes to solutions for as many different people as possible. Without the critical advice, varied perspectives
and input from our stakeholders, it would have been impossible to identify and reflect on all aspects of our project. We made every
effort to <b>deeply understand</b> their values and backgrounds, allowing us to integrate their feedback into our solutions.
......@@ -45,23 +47,21 @@ export function HPIntroduction(){
</div>
<div className="col intro-cycletab" id="mission" style={{display: "none"}}>
<p>We view Human Practice as an opportunity to <b>go beyond practical lab work and traditional science</b> and to learn about
the needs of people affected by cystic fibrosis. It’s a chance for us to creatively engage with different aspects of our project
the needs of people affected by Cystic Fibrosis. It’s a chance for us to creatively engage with different aspects of our project
while developing an awareness of the responsibilities that come with it.
</p>
<p>
As part of our <PreCyse/> project, we performed intensive brainstorming sessions and expert consultations. We conducted comprehensive
<a onClick={() => goToPageAndScroll("our-surveys-on-cystic-fibrosis-and-gene-therapy", "/human-practices")}>surveys</a> among the public and people with cystic fibrosis and their relatives. We focused on critical aspects such as the <b>needs of our
<a onClick={() => goToPageAndScroll("our-surveys-on--Cystic Fibrosis-and-gene-therapy", "/human-practices")}> surveys</a> among the public and people with Cystic Fibrosis and their relatives. We focused on critical aspects such as the <b>needs of our
target groups, safety, ethics, design, implementation, and business</b> — each guided by the core values of our team. Based on these interactions
and the recommendations of the Human Practice committee, we have developed an optimal strategy for our project, ensuring that our work is not
only innovative but also mindful of its broader impact on society.
{/* */}
</p>
</div>
<div className="col intro-cycletab" id="approach" style={{display: "none"}}>
<p>It was important to us as a team to not only offer technical solutions, but to show that our project can contribute to the larger context of ongoing initiatives and movements to optimize health care. We wanted to really understand the feedback and insights of the stakeholders to gain a better understanding of how our project fits into the overall picture of living with cystic fibrosis, the current state of research and how it can be used to reduce the health care gap.
<p>It was important to us as a team to not only offer technical solutions, but to show that our project can contribute to the larger context of ongoing initiatives and movements to optimize health care. We wanted to really understand the feedback and insights of the stakeholders to gain a better understanding of how our project fits into the overall picture of living with Cystic Fibrosis, the current state of research and how it can be used to reduce the health care gap.
</p>
<p>Our strategy includes:</p>
<p><b>Our strategy includes:</b></p>
<ul>
<li>Identifying key target groups</li>
<li>Establishing meaningful and lasting communication with stakeholders</li>
......@@ -71,9 +71,9 @@ export function HPIntroduction(){
<li>Designing and incorporating representative surveys</li>
<li>Reflect on how these values have been incorporated into our project</li>
</ul>
<p>With this approach and the support of our stakeholders, our ultimate goals are to:</p>
<p><b>With this approach and the support of our stakeholders, our ultimate goals are to:</b></p>
<ul>
<li>Improve care for cystic fibrosis patients</li>
<li>Improve care for Cystic Fibrosis patients</li>
<li>Optimize the availability of essential medications</li>
</ul>
......@@ -82,7 +82,7 @@ export function HPIntroduction(){
<p>Our target groups are composed of <b>academic and clinical experts</b> to build a bridge between research and practical application.
In addition, engaging with CF <b>patients</b> across different age groups and countries and their relatives leads to an awareness of
the special needs and demands of our project and to an understanding of the limitations and challenges in everyday CF life. The
integration of regulatory ethics serves to evaluate how our project might be implemented in German and international <b>government</b>
integration of regulatory ethics serves to evaluate how our project might be implemented in German and international <b>government </b>
regulations for gene therapeutics. The exchange with <b>companies</b> contributes to understanding the chances and challenges in business of
establishing a start-up and what it takes to get our idea on the market for real life application. The continuous exchange between the
different groups contributes significantly to the successful implementation of the project. First-hand information from our target groups
......
src/contents/Human Practices/Overwiev.tsx
View file @ 3fd292fd
import { BlockQuoteB } from "../../components/Quotes";
import { useTabNavigation } from "../../utils/TabNavigation";
export function HPOverview(){
useTabNavigation();
return(
<div className="col">
<section id="OverviewH">
<h2 id="Overview"></h2>
<img src="https://static.igem.wiki/teams/5247/ihp-schaubild.webp" alt="Stakeholder Overview"></img>
<strong>Figure: Visualization of the Human-Centric Approach by iGEM Bielefeld-CeBiTec 2024</strong><p>Our project has been supported by over 80 individuals and institutions, enhancing our integrative human practices. We are deeply grateful for the invaluable feedback and the collective effort of everyone who has contributed to our vision of safe and precise gene therapy through PreCyse. Thank you for your support!
</p>
<span id="hp-quote"><BlockQuoteB
text="Human Practices is the study of how your work affects the world, and how the world affects your work."
cite="- Peter Carr, Director of Judging"
/> </span>
<img src="https://static.igem.wiki/teams/5247/photos/overview-ihp-final-final-min.webp" alt="Stakeholder Overview"></img>
<p>In the development of our project, we embraced a holistic and human-centric approach, putting people at the core of our efforts. Our goal was to foster interdisciplinary collaboration and open dialogue, ensuring that diverse perspectives shaped the trajectory of our work. Over the course of this journey, we have engaged with more than 80 individuals and institutions, who have significantly influenced our project.
The strength of our approach lies in its interdisciplinary nature. We have brought together representatives from a wide range of categories, each playing a vital role in shaping the direction and success of our initiative. These categories include: </p>
<ol>
......
src/contents/description.tsx
View file @ 3fd292fd
This diff is collapsed.
src/contents/engineering.tsx
View file @ 3fd292fd
This diff is collapsed.
src/contents/example.tsx
View file @ 3fd292fd
......@@ -10,7 +10,7 @@ import React from 'react';
import { Bar, Doughnut, PolarArea } from 'react-chartjs-2';
import { Chart as ChartJS, Tooltip, Legend, BarElement, CategoryScale, LinearScale, Title, RadialLinearScale } from 'chart.js';
/* import ProteinViewer from '../components/Fanzorviewer.tsx'; */
import { useTabNavigation } from "../utils/TabNavigation.tsx";
import { useTabNavigation } from "../utils/TabNavigation";
ChartJS.register(
......@@ -168,16 +168,16 @@ export function Example() {
<p> Add a dummy sponsor to this slider.</p>
<SimpleSlider>
<a className="sponsor-container" href="https://bts-ev.de/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
</a>
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
</a>
<a className="sponsor-container" href="www.idtdna.com">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
</a>
<a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
</a>
</SimpleSlider>
</div>
......
src/contents/experiments.tsx deleted 100644 → 0
View file @ 108943d3
import { H2 } from "../components/Headings";
import { useTabNavigation } from "../utils/TabNavigation";
export function Experiments() {
useTabNavigation();
return (
<>
<H2 id="heading" text="Heading" ></H2>
<div className="row mt-4">
<div className="col-lg-8">
</div>
</div>
</>
);
}