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 1398 additions and 982 deletions
src/contents/Contribution/Wiki/wiki.tsx
View file @ 3fd292fd
import { Section } from "../../../components/sections";
import { Subesction } from "../../../components/sections";
import { WikiTabs } from "./wiki-tabs";
export function Wiki () {
return (
<Section title="Wiki" id="Wiki">
<Subesction title="Wiki Developement" id="Our Contributions2">
<WikiTabs></WikiTabs>
</Section>
</Subesction>
);
}
\ No newline at end of file
src/contents/Contribution/collabs.tsx
View file @ 3fd292fd
import { H4 } from "../../components/Headings";
import { PDF } from "../../components/Pdfs";
import { Section } from "../../components/sections";
import { Subesction } from "../../components/sections";
import { useNavigation } from "../../utils";
......@@ -8,12 +8,11 @@ export function CollabContribution(){
const {goToPagesAndOpenTab} = useNavigation();
return(
<Section title="Collaborations" id="Collaborations">
<H4 id="Handbook-heading" text="Hanbook for download"/>
<Subesction title="LNP Handbook" id="Our Collaborations2">
<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"/>
</Section>
</Subesction>
)
}
\ No newline at end of file
src/contents/Contribution/contribution.tsx
View file @ 3fd292fd
import { GuidePDF } from "../../components/Pdfs";
import { Section, Subesction } from "../../components/sections";
import { useTabNavigation } from "../../utils/TabNavigation";
import { MeetUP } from "./BFH/bfh";
import { CollabContribution } from "./collabs";
import { PatientContribution } from "./patient-contribution";
import { SafetyContribution } from "./safety-contribution";
import { Wiki } from "./Wiki/wiki";
......@@ -9,11 +10,38 @@ export function Contribution() {
useTabNavigation();
return (
<>
<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 <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/>
<SafetyContribution/>
<CollabContribution/>
<PatientContribution/>
<Wiki/>
<Section title="Our Collaborations" id="Our Collaborations">
<Subesction title="MeetUp Guideline" id="Our Collaborations1">
<GuidePDF/>
<p>In cooperation with the iGEM teams Hamburg and Frankfurt, we have developed a comprehensive guideline for the organization of a meet-up. This guideline serves as a template for other iGEM teams and provides a complete overview of all essential aspects that should be considered when planning and organizing a successful meet-up. It covers all the necessary content, from initial brainstorming to practical implementation, and is designed to help teams organize their own events smoothly. </p>
<p>Additionally, in collaboration with iGEM Münster, we created a video podcast that summarizes the developments and feedback from the participating teams and reflects on both Meet-ups. It was particularly interesting to observe the growth of the team members and the progress of their projects. The video podcast will be featured on the Wiki page of Team Münster and will also be included here after the Wiki freeze. </p>
</Subesction>
<CollabContribution/>
</Section>
<Section title="Our Contributions" id="Our Contributions">
<SafetyContribution/>
<Wiki/>
</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 <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>
</>
);
}
......
src/contents/Contribution/patient-contribution.tsx
View file @ 3fd292fd
import { TwoLinePDF } from "../../components/Pdfs";
import { Section } from "../../components/sections";
import { H4 } from "../../components/Headings";
import { PDF, TwoLinePDF } from "../../components/Pdfs";
export function PatientContribution(){
return(
<>
<Section title="Patient Matters" id="Patient Matters" >
<div className='row align-items-center'>
<div className='col '>
<H4 text="Patient consent form"/>
<TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/patienteneinwilligung-mustervorlage-igem-2.pdf" name="patienteneinwilligung-mustervorlage-igem-2.pdf"/>
</div>
<div className='seperator-2 col-2'>
</div>
<div className='col '>
<TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/final-hygiene-concept.pdf" name="final-hygiene-concept.pdf"/>
</div>
<H4 text="Questionnaire for sample collection "/>
<TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/translated-questionnaire-cf-patients.pdf" name="translated-questionnaire-cf-patients.pdf"/>
</div>
<p>When working with primary cultures, it is extremely important to consider the bioethical aspects of the project. To address this, we sat down with the Ethics Officer at Bielefeld University, Dr. Berens, and discussed the matter with her. As a result, we created a patient consent form for the donors of primary cells, which we also want to present as a template for future German iGEM teams. <b>However, we want to emphasize that it is not guaranteed to be comprehensive, nor does it have any legal approval.</b></p>
<H4 text="Hygiene Concept"/>
<PDF link="https://static.igem.wiki/teams/5247/pdfs/final-hygiene-concept.pdf" name="final-hygiene-concept.pdf"/>
</div>
</Section>
</>
......
src/contents/Contribution/safety-contribution.tsx
View file @ 3fd292fd
import { H4 } from "../../components/Headings";
import { PDF } from "../../components/Pdfs";
import { Section } from "../../components/sections";
import { Subesction } from "../../components/sections";
import { PatientContribution } from "./patient-contribution";
export function SafetyContribution(){
return(
<>
<Section title="Primary Culture Safety Guideline" id="Safety Guideline" >
<Subesction title="Biosafety & Security" id="Our Contributions1" >
<H4 text="Primary Culture Safety Guideline"/>
<p>In the early phases of our project, we encountered several challenges while working to bring it together. We quickly decided to focus on human biomaterials, specifically cultivating primary human nasal epithelial cells from both Cystic Fibrosis (CF) patients and wild-type controls. To ensure compliance, we carefully evaluated the safety regulations of our institution and government. Our contribution includes three key elements: </p>
<ol>
<li> A guideline outlining the proper handling of biomaterials according to BSL2 standards, along with additional safety measures to ensure secure experimental design. </li>
<li> A clinical trial-style questionnaire designed to assess the medical history of participants donating nasal epithelial cells. </li>
<li> A hygiene protocol aimed at improving safety and cleanliness standards in various institutions and sanitary facilities. </li>
</ol>
<PDF link="https://static.igem.wiki/teams/5247/pdfs/primary-culture-guideline.pdf" name="primary-culture-guideline.pdf"/>
</Section>
<PatientContribution/>
<p>By contributing these frameworks, we enable future iGEM teams to overcome potential limitations that may arise during project development. These resources provide clear guidelines and tools to ensure safety, regulatory compliance, and efficient workflow, allowing teams to focus on advancing their research without facing similar challenges. </p>
</Subesction>
</>
)
......
src/contents/Home Folder/svg-one.tsx 0 → 100644
View file @ 3fd292fd
This diff is collapsed.
src/contents/Home.tsx
View file @ 3fd292fd
import { FadeIn } from "../components/FadeIn";
import { Breathe } from "../components/Breathe";
import { Problems } from "../components/Problems";
import { AirbuddyAnim } from "../components/AirbuddyAnim";
import { PrimeGuideAnimOne, PrimeGuideAnimTwo } from "../components/PrimeGuide";
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();
const {goToPageAndScroll} = useNavigation();
/* */
return (
<>
<div className="col">
<div className="col">
<div className="col header-container landing-page-header" id="landing-page-header">
<div className="row align-items-center">
<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 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 header-container landing-page-header" id="landing-page-header-2">
<div className="row align-items-center">
<div className="col header-button-row">
<div><H5 text="Take a tour through our highlights:"/> </div>
<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="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>
</p>
</div>
<div className="col header-button-row">
<p>
<div className="col">
<button onClick={() => goToPageAndScroll("scrollstart", "")}> <b>SCROLL</b> to see introductory animation.</button>
</div>
</p>
<p>
<div className="col">
<button onClick={() => goToPageAndScroll("Abstract", "/description")} > <b>CLICK</b> to go directly to our Project Description.</button>
......@@ -25,78 +107,36 @@ export function Home() {
</p>
<p>
<div className="col">
<button onClick={() => goToPageAndScroll("sciency", "")}> <b>SKIP</b> to jump straight to the scienicy part of the animation.</button>
<button onClick={() => goToPageAndScroll("sciency", "")}> <b>JUMP</b> straight to the science part of the animation.</button>
</div>
</p>
<p>
<div className="col">
<button onClick={() => goToPageAndScroll("scrollstart", "")}> <b>SCROLL</b> to see whole animation.</button>
</div>
</p>
</div>
<div className="col header-button-row">
<div><H5 text="Or take a tour through our highlights:"/> </div>
<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="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>
</p>
</div>
</div>
</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>
</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>
<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/gifs/oneintwenty-no-bg-cropped.gif" bg=''></FadeIn>
<FadeIn filepath="https://static.igem.wiki/teams/5247/landing/gifs/2k-anim-transparent-bg.gif" bg='https://static.igem.wiki/teams/5247/landing/backgrounds/background-2-text.webp'></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>
<img src="https://static.igem.wiki/teams/5247/landing-page/lp-2.svg"/>
<div className="row">
<div className="col button-x">
<button onClick={() => goToPageAndScroll("Approach2H", "/description")} > Lung-Specific Lipid Nanoparticle</button>
</div>
<div className="col button-x">
<button onClick={() => goToPageAndScroll("Approach1H", "/description")} > Next-Generation Prime Editing Technology
</button>
</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>
......@@ -104,7 +73,7 @@ export function HPFeedback(){
</Collapsible>
</div>
<H4 text="Stakeholer Analyses"></H4>
<H4 text="Stakeholder Analyses"></H4>
<HPconTabs/>
</div>
)
......@@ -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>
......@@ -32,33 +34,33 @@ export function HPEducation(){
<div id="edu-overview" className="edu-cycletab" style={{display: "block"}}>
<H4 id="edu-heading" text="If not as a special prize - then why?"/>
<H4 id="edu-heading" text="Education as part of a integrated human practice - but why?"/>
<p>While education is not directly considered part of Human Practices in iGEM, it remains a vital component of synthetic biology and scientific advancement
for several important reasons:</p>
<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 participating in "Der Teuto ruft!" very positively influenced our approach to further communication. </p>
acceptable. We are confident that participating in "Der Teuto ruft!" very positively influenced our approach to further communication. </p>
<H4 text="References"></H4>
<EduSources/>
</div>
......@@ -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>
<div id="out-overview" className="out-cycletab" style={{display: "block"}}>
<H4 id="out-why-heading" text="If not as a special prize - then why?"/>
<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>
<p>While being a superficial contact, publich enganegment and outreach serves as a reminder that science does not happen in isolation - it is rooted
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 laying the groundwork for a deeper connection between us and our project and the general public. </p>
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>
<H4 id="out-heading" text="Our public engagement"/>
<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">
......@@ -10,7 +11,7 @@ export function HPSupplement(){
<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 cystic fibrosis (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.