Skip to content
Snippets Groups Projects
Commit 78c61591 authored by Asal Sahami Moghaddam's avatar Asal Sahami Moghaddam
Browse files

Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

parents b28dce30 fae1e0ec
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 182 additions and 185 deletions
src/components/Complex-svg.tsx
+ 10
− 10
View file @ 78c61591
......@@ -2,7 +2,7 @@ import { useNavigation } from "../utils";
export default function SVG(){
const { goToPageWithTabAndScroll /* , goToTextsAndOpenCollapsible */ } = useNavigation();
const { goToPageWithTabAndScroll, /* , goToTextsAndOpenCollapsible */ goToPageAndScroll} = useNavigation();
return(
<svg
viewBox="0 0 1000 500"
......@@ -1201,7 +1201,7 @@ export default function SVG(){
fillRule="evenodd"
id="path149" />
{/* nSpuFz1 */}
<a>
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-nickase', path: '/engineering', scrollToId: "nic1head"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
......@@ -2807,7 +2807,7 @@ export default function SVG(){
fillRule="evenodd"
id="path351" />
{/* MLH1dn */}
<a>
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pe-systems', path: '/engineering', scrollToId: "pe-systems-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
......@@ -2828,7 +2828,7 @@ export default function SVG(){
transform="matrix(1,0,0,-1,16740.5,9532.5)"
id="path352" />
{/* La(1-194) */}
<a>
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pe-systems', path: '/engineering', scrollToId: "pe-systems-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
......@@ -2859,7 +2859,7 @@ export default function SVG(){
fillRule="evenodd"
id="path354" />
{/* PE6c reverse transcriptase */}
<a>
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pe-systems', path: '/engineering', scrollToId: "pe-systems-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
......@@ -2885,14 +2885,14 @@ export default function SVG(){
transform="matrix(-1,0,0,1,10490.8,8509.5)"
id="path356" />
{/* PCS/RTT */}
<a>
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pegrna', path: '/engineering', scrollToId: "pegrna-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(7802.59,8667)"
id="text357">PCS/RTT</text>
id="text357">PVS/RTT</text>
</a>
<path
d="M 0,0 4324.02,3.60892e-4"
......@@ -2931,7 +2931,7 @@ export default function SVG(){
transform="matrix(-1,0,0,1,13708.3,11011.5)"
id="spacerline" />
{/* Spacer */}
<a>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
......@@ -2939,9 +2939,9 @@ export default function SVG(){
fontSize="440px"
transform="translate(8283.81,11166)"
id="text360">Spacer</text>
</a>
{/* nPlmCasX */}
<a>
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-nickase', path: '/engineering', scrollToId: "nickase-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
......
src/contents/Contribution/Wiki/Wiki-downloads.tsx
+ 66
− 4
View file @ 78c61591
......@@ -10,15 +10,77 @@ export function WikiDown(){
<H4 text="Our Wiki Helper"/>
<PDF link='https://static.igem.wiki/teams/5247/pdfs/vokabelliste-wiki.pdf' name="vokabelliste-wiki.pdf"/>
<H4 text="svgs"/>
<div className="row">
<p>We did not use all of our svgs but since this file format looks so good, we want to offer all our svgs to future iGEMers. Feel free to save, rework and use these svgs.</p>
<div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/albuterol.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/design/icons/dna-strang-schmal-fat.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-capsule.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}}src="https://static.igem.wiki/teams/5247/scientific-figures/antibiotics-capsule.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/hypertonic-saline-single.svg"/>
</div>
</div>
<hr/>
<div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/cough.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src="https://static.igem.wiki/teams/5247/scientific-figures/hp-introduction-cycle-our-colors.svg"/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}}src="https://static.igem.wiki/teams/5247/scientific-figures/feedbackcycle.svg"/>
</div>
<hr/>
</div>
<div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
</div>
<hr/>
<div className="row" style={{maxHeight: "100px", marginBottom: "1rem", marginTop: "1rem"}}>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
<div className="col">
<img style={{maxHeight: "80px"}} src=""/>
</div>
</div>
</div>
......
src/contents/Contribution/Wiki/wiki-overview.tsx
+ 1
− 0
View file @ 78c61591
......@@ -3,6 +3,7 @@ export function WikiOverview(){
return(
<div>
<p>This content is not yet finished and will be reworked after the Jamboree.</p>
<p>To help teams get started, we wrote down what we wished we would have easily found while building our wiki with React.</p>
<p><b>Getting startet</b> explains some basics that are important to know. This especially concerns the differences between using plain HTML and React, but the structure of the wiki, too. </p>
<p><b>Troubleshooting</b> is an iteractive search for problems that may arise and how we solved them. </p>
......
src/contents/Human Practices/Conclisuin.tsx
+ 72
− 69
View file @ 78c61591
......@@ -113,17 +113,19 @@ function AnalyseNils(){
<Collapsible title="Nils Berelsmann & Hakan Soytürk - Specialists in yeast cultivation " id="nilsanalyseC">
<p>Nils Berelsmann and Hakan Soytürk, specialists in yeast cultivation, played pivotal roles in advancing our project. Nils provided us with a yeast strain compatible with <a onClick={() => goToPagesAndOpenTab('saito', '/human-practices')}>Dr. Saito's</a> recommendations, particularly one that doesn’t express proteases, which would degrade our nickase candidates. This strain was essential for maintaining the integrity of our engineered enzymes. </p>
<p>Hakan equipped us with the methodological expertise needed to work with yeast, guiding us through the complexities of yeast cultivation. With their support, we adapted our engineering design specifically for yeast expression. Nils also supplied us with a target vector optimized for yeast expression, which we successfully used to integrate a CasX nickase candidate. This proved especially valuable as our Spu candidates were difficult to integrate due to the use of overhangs. We are still working on this challenge, staying in close contact with the experts to refine our process. </p>
<figure>
<div className="row">
<div className="col">
<img src="" alt="" />
</div>
<div className="col">
<img src="" alt=""/>
</div>
<div className="row align-items-center">
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/nilshefe-hp.webp" alt="" />
</figure>
</div>
<div className="col">
<figure>
<img src="//TODO (ISI)" alt=""/>
</figure>
</div>
</div>
<figcaption><b>Figure x.</b> Caption </figcaption>
</figure>
<p><strong>Yeast strain provision:</strong> Nils provided a yeast strain compatible with Dr. Saito's recommendations, which does not express proteases that would degrade our nickase candidates, maintaining the integrity of our engineered enzymes.</p>
<p><strong>Methodological guidance:</strong> Hakan provided expertise in yeast cultivation, guiding us through the complexities of working with yeast.</p>
......@@ -142,28 +144,19 @@ function AnalyseSaito(){
<Collapsible title="Dr. Makoto Saito – Leading Research Expert for FANZOR" id="saitoanalyseC">
<p>Early in our project design, we decided to optimize the Prime Editing technology. From the literature, we identified FANZOR, a small, eukaryotic RNA-binding DNA endonuclease, as a potential alternative to Cas9 for our approach. Through collaboration with the enzyme’s discoverer, Dr. Makoto Saito, we were able to refine our engineering strategy. Dr. Saito encouraged us to modify the TNB domain of FANZOR using site-directed mutagenesis, ensuring the non-coding strand is not positioned in the active site of the RuvC domain. This approach mirrors the nickase strategy used in Cas12 variants. </p>
<p>Dr. Saito also motivated us to express our potential nickase variants in <i>Saccharomyces cerevisiae </i> to better characterize their functionality. He played a key role in supporting our decision to explore additional Cas endonuclease candidates, such as CasX, which is more closely related to Cas9 and Cas12, providing additional flexibility for our gene-editing goals. </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 className="row align-items-center">
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/saito.webp" alt="" />
</figure>
</div>
<div className="col">
<figure>
<img src="//TODO (ISI)" alt=""/>
</figure>
</div>
</div>
<figcaption><b>Figure x.</b> Caption </figcaption>
</figure>
<p><strong>FANZOR as Cas9 alternative:</strong> Identified FANZOR, a small eukaryotic RNA-binding DNA endonuclease, as a promising alternative to Cas9 for Prime Editing.</p>
<p><strong>Collaboration with Dr. Saito:</strong> Worked closely with the enzyme’s discoverer, Dr. Makoto Saito, to refine our engineering strategy for FANZOR.</p>
......@@ -183,18 +176,19 @@ function AnalyseKristian(){
<p>In close collaboration with Prof. Müller’s lab, we learned both basic and advanced cloning strategies within synthetic biology. Early on, Prof. Müller suggested making our Prime Editing complex smaller and more stable, enhancing its suitability for various therapeutic applications. His continuous support was crucial in guiding us through the cloning of all constructs, and as an expert in gene therapy, he provided ongoing feedback on the safety aspects of our research. </p>
<p>With access to a BSL2 laboratory provided by Müller’s team, we were able to successfully cultivate primary cell cultures. To ensure safe work conditions, we underwent training for biosafety procedures and routinely tested for HPV, HIV, HBV, and Mycoplasma contamination. Thanks to Müller’s guidance, we contributed a composite part to the iGEM registry. Our PreCyse cassette allows for modular Prime Editing systems that are particularly efficient, stable, and safe based on our research. </p>
<figure>
<div className="row">
<div className="col">
<img src="" alt="" />
</div>
<div className="col">
<img src="" alt=""/>
</div>
<div className="row align-items-center">
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/kristian-interview.webp" alt="" />
</figure>
</div>
<div className="col">
<figure>
<iframe title="Bielefeld-CeBiTec: Interview Müller AAV vs LNP (2024) [English]" width="560" height="315" src="https://video.igem.org/videos/embed/0613b6b8-7755-4373-9d86-9910fe30781f" frameBorder="0" allowFullScreen={true} sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
</figure>
</div>
</div>
<figcaption><b>Figure x.</b> Caption </figcaption>
</figure>
<div>Karussell</div>
<p><strong>Cloning strategies:</strong> Provided both basic and advanced cloning training, crucial for developing our Prime Editing complex within synthetic biology.</p>
<p><strong>Optimization of Prime Editing complex:</strong> Suggested making the Prime Editing complex smaller and more stable, enhancing its suitability for therapeutic applications.</p>
......@@ -213,8 +207,21 @@ function AnalyseKristian(){
function AnalyseSriram(){
return(
<Collapsible title="Dr. Sriram Vaidyanathan – Expert on Pediatric medicine and CF in Asia" id="sriramanalyseC">
<p>n our discussions with Dr. Sriram Vaidyanathan, we deepened our understanding of the genetic diversity of CF mutations, especially in Asian populations. He highlighted that while the F508del mutation is common worldwide, many rare CFTR mutations complicate diagnosis and treatment in specific regions.</p>
<p>In our discussions with Dr. Sriram Vaidyanathan, we deepened our understanding of the genetic diversity of CF mutations, especially in Asian populations. He highlighted that while the F508del mutation is common worldwide, many rare CFTR mutations complicate diagnosis and treatment in specific regions.</p>
<p>This insight pushed us to adapt our gene therapy approach to be more inclusive. We adjusted our strategy to ensure our therapy could target a broader range of CF mutations, making it more globally applicable. Dr. Vaidyanathan’s input shaped our efforts to create a treatment that addresses CF’s diverse genetic landscape. </p>
<div className="row align-items-center">
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/sriram-interview.webp" alt="" />
</figure>
</div>
<div className="col">
<figure>
<img src="//TODO (ISI)" alt=""/>
</figure>
</div>
</div>
<p><strong>Contamination challenge:</strong> Helped us address a major issue with fungal contamination in our CF cell cultures, which were unstable and prone to infection.</p>
<p><strong>Antibiotic solution:</strong> Recommended a specific antibiotic composition effective against fungal infections.</p>
......@@ -256,13 +263,13 @@ function AnalyseIgnatova(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/zoya-1.webp" alt="" />
<figcaption>Figure X</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="//TODO (ISI)" alt=""/>
<figcaption>Figure Y</figcaption>
</figure>
</div>
</div>
......@@ -282,13 +289,13 @@ function AnalyseWischmeyer(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/patch-clamp.webp " alt="" />
<figcaption>Figure X</figcaption>
<figcaption>Figure. Patch-clamp measurement.</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="//TODO (ISI)" alt=""/>
<figcaption>Figure Y</figcaption>
</figure>
</div>
</div>
......@@ -315,19 +322,20 @@ function AnalyseMattijs(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/mattijs.jpg"/>
<figcaption>Figure X</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/facs-results-mechanism/bild9.png"/>
<figcaption>Figure Y</figcaption>
<figcaption>Figure. Validation of different pegRNAs efficiency via Patch Clamp via FACS analysis. Portion of Living fluorescent cells against internal control, suggesting high efficient pegRNAs.
</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="//TODO (ISI)" alt=""/>
<figcaption>Figure Z</figcaption>
</figure>
</div>
</div>
......@@ -342,13 +350,12 @@ function AnalyseMichaela(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/scientific-figures/primary-cultures.webp " alt="" />
<figcaption>Figure X</figcaption>
</figure>
</div>
<div className="col gif-wrapper">
<figure>
<img src="https://video.igem.org/w/5Ux9MfiKnLYjEwSDW3VzUQ" alt=""/>
<figcaption>Figure Y</figcaption>
</figure>
</div>
</div>
......@@ -377,19 +384,19 @@ function AnalyseBerens(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/interview-berens.webp" style={{height:"90%", width:"auto"}} />
<figcaption>Figure X</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/deckblatt-safety-guideline.webp" style={{height:"90%", width:"auto"}}/>
<figcaption>Figure Y</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/bench-pipettieren.webp" alt=""/>
<figcaption>Figure Z</figcaption>
</figure>
</div>
</div>
......@@ -419,13 +426,13 @@ function AnalyseWeber(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/pr-sentation-ukm.webp" alt="" />
<figcaption>Figure X</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/orientierung.webp" alt=""/>
<figcaption>Figure Y</figcaption>
</figure>
</div>
</div>
......@@ -455,7 +462,7 @@ function AnalyseMoor(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/chitosan.webp" style={{height:"50%", width:"auto"}} alt=""/>
<figcaption>Figure X</figcaption>
</figure>
</div>
</div>
......@@ -483,13 +490,13 @@ function AnalyseKolonko(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/fanzor/sort-mtt.webp " alt="" />
<figcaption>Figure X</figcaption>
<figcaption>Figure. MTT Assay of LNPs from all iterations performed on HEK293 including Triton as negative control and untreated cells as positive control. Mean +/- SEM for n=6. For statistics one-way ANOVA was performed</figcaption>
</figure>
</div>
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/optimem-1.webp" style={{height:"55%", width:"auto"}} alt=""/>
<figcaption>Figure Y</figcaption>
</figure>
</div>
</div>
......@@ -522,7 +529,7 @@ function AnalyseRnhale(){
<img src="https://static.igem.wiki/teams/5247/photos/hp/hp-rnhale-zoom.png" alt=""/>
</div>
</div>
<figcaption><b>Figure 1.</b> Delivery Team Zoom call with RNhale </figcaption>
<figcaption>Figure. Delivery Team Zoom call with RNhale </figcaption>
</figure>
<p><strong>Expertise in spray-dried LNPs:</strong> Provided critical technical guidance, enhancing the shelf-life and scalability of our formulations.</p>
......@@ -546,9 +553,7 @@ function AnalyseJoshua(){
<p>This awareness sharpened our focus on the need for improved science communication and highlighted the ongoing issues of racism and discrimination within scientific research. In response, we are committed to enhancing the data landscape in Germany by creating <a onClick={() => goToPageAndScroll ('our-surveys-on-cystic-fibrosis-and-gene-therapy', '/human-practices')}> surveys </a> in both German and English to gather broader insights and increase outreach. </p>
<figure>
<img src="https://static.igem.wiki/teams/5247/photos/hp/joshua-zoom.webp" alt=""/>
<figcaption>
<b>Figure x.</b> FOTO Interview
</figcaption>
</figure>
<p><strong>Inadequate CF statistics:</strong> Highlighted that current CF data mainly represents the white population, skewing understanding of the disease’s true prevalence.</p>
......@@ -569,7 +574,7 @@ function AnalyseWesthoff(){
<Collapsible title="Katrin Westhoff – Physiotherapist at local community " id="westhoffanalyseC">
<p><a onClick={() => goToPagesAndOpenTab ('westhoffinv', '/human-practices')}> Kathrin Westhoff expertise </a> in CF physiotherapy reinforced our approach to develop an inhalation-based therapy, especially for young patients. Her experience with children highlighted the need for a simple, accessible treatment, as younger patients may struggle with responsibility and consistency in therapy. This validated our decision to focus on inhalation delivery for ease of use. </p>
<p>Additionally, we recognized through her insights that gene therapy, while impactful, is not a complete solution. Physiotherapy remains crucial in CF care, and our approach now integrates this understanding into a more holistic treatment plan. </p>
<div><img src="https://static.igem.wiki/teams/5247/photos/hp/besuch-westhoff/matte.webp" style={{height:"50%", width:"50%"}}/></div>
<div><img src="https://static.igem.wiki/teams/5247/photos/hp/besuch-westhoff/untitled-design.png" style={{height:"50%", width:"50%"}}/></div>
<p><strong>Expertise in CF physiotherapy:</strong> Reinforced the importance of developing an inhalation-based therapy, especially for young CF patients.</p>
<p><strong>Focus on accessibility:</strong> Her experience with children highlighted the need for a simple, easy-to-use treatment, validating our decision to focus on inhalation delivery.</p>
......@@ -630,14 +635,12 @@ function AnalyseMax(){
<div className="col">
<figure>
<img src="https://static.igem.wiki/teams/5247/integrated-human-practices/max-zellspende.webp" alt="Cell Donation"/>
<figcaption>
<b>Figure 1. </b> Cell donation
</figcaption>
</figure>
</div>
<div className="col">
<figure>
<iframe src="https://video.igem.org/w/3KNMSviTRvaKuNzQjxDZ7R" title="Bielefeld-CeBiTec: Interview with Max Beckmann (2024) [English]" width="500px" height="315"/>
<iframe title="Bielefeld-CeBiTec: Interview with Max Beckmann (2024) [English]" width="560" height="315" src="https://video.igem.org/videos/embed/16501867-a687-4205-949a-51ead876e109" frameBorder="0" allowFullScreen={true} sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
</figure>
</div>
</div>
......
src/contents/Human Practices/Feedback.tsx
+ 4
− 37
View file @ 78c61591
......@@ -16,48 +16,15 @@ export function HPFeedback(){
<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>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">
......
src/contents/Human Practices/Further Engagement/Collaborations.tsx
+ 1
− 2
View file @ 78c61591
......@@ -21,7 +21,6 @@ export function HPCollabs(){
</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"/>
<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>
......@@ -34,7 +33,7 @@ export function HPCollabs(){
<PDF link="https://static.igem.wiki/teams/5247/pdfs/liposomes-handbook.pdf" name="liposomes-handbook.pdf"/>
</div>
<div id="ent-overview" className="ent-interview" style={{display: "block"}}>
<div id="coll-overview" className="ent-interview" style={{display: "block"}}>
<H4 id="ent-heading" text="Collaborations as part of a integrated human practice - but why?"/>
<p>Entrepreneurship is not only an interesting possibility but necessary to turn our ideas and results into a real product that can help people. </p>
<p>That is why in this section we focus on the aspects of entrepreneurship that are crucial for the potential successful realisation of our project to develop new therapies for cystic fibrosis. A pivotal moment was our interview with Nicole Friedlein, which gave us valuable insights into the challenges and opportunities in the field of biomedical innovation. The discussions in the interview encouraged us to look more closely at the regulatory requirements, which is why one team member completed a GxP course and subsequently trained the team in this area. In addition, we conducted further interviews in the area of entrepreneurship to gain a better understanding of the practical aspects of business development. These experiences not only enriched the scientific depth of our project, but also sharpened our perspective on the practical implementation and market launch of new therapies.
......
src/contents/Human Practices/Overwiev.tsx
+ 5
− 1
View file @ 78c61591
......@@ -6,11 +6,15 @@ export function HPOverview(){
<div className="col">
<section id="OverviewH">
<h2 id="Overview"></h2>
<img src="https://static.igem.wiki/teams/5247/photos/overview-ihp-final-final-min.webp" alt="Stakeholder Overview"></img>
<figcaption>Figure 1. We </figcaption>
<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>
<img id="overview-stakeholders" 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
+ 3
− 3
View file @ 78c61591
......@@ -55,7 +55,7 @@ export function Description() {
<div className="col">
<p data-aos="zoom-y-out" >Cystic Fibrosis (CF) is a common life-limiting genetic disorder, particularly affecting the Caucasian population, with approximately <b>162,400 people worldwide</b> living with the condition <SupScrollLink label="7"/> . Statistically, about <b>one in every 3,300</b> white newborns is born with CF <SupScrollLink label="8"/> . And according to the German Cystic Fibrosis Registry, the average life expectancy for children born with CF in 2021 was around 57 years <SupScrollLink label="9"/> , highlighting the severe and life-shortening nature of the disease. </p>
<p>The modern understanding of CF dates back to 1922 when Dr. Dorothy Andersen, a pediatric specialist, first described the disease and coined the term "Cystic Fibrosis" <SupScrollLink label="10"/> . In Germany, it is commonly known as "Mukoviszidose," derived from the Latin words meaning "mucus" and "viscous" <SupScrollLink label="10"/> , emphasizing the characteristic thick, sticky mucus that defines the condition <SupScrollLink label="11"/><sup>,</sup><SupScrollLink label="12"/>. </p>
<p>Genetic research has identified over 1,700 mutations in the CFTR (Cystic Fibrosis Transmembrane Conductance Regulator) gene, with the ∆F508 mutation being the most common, affecting about 70% of CF patients. This mutation prevents the proper folding of the CFTR protein, significantly impairing its function <SupScrollLink label="13"/> . </p>
<p>Genetic research has identified over 1,700 mutations in the CFTR (Cystic Fibrosis Transmembrane Conductance Regulator) gene, with the F508del mutation being the most common, affecting about 70% of CF patients. This mutation prevents the proper folding of the CFTR protein, significantly impairing its function <SupScrollLink label="13"/> . </p>
<p>The CFTR protein regulates the flow of chloride ions across the membranes of cells in the lungs, digestive system, and other organs. This ion flow is essential for drawing water into surrounding tissues, which helps maintain the proper hydration and consistency of mucus. In patients with CF, the disruption of this process prevents sufficient water from entering the mucus, making it abnormally thick and sticky. The accumulation of this mucus leads to an obstruction of airways and digestive ducts, resulting in chronic lung infections, inflammation, impaired digestion, and malnutrition<SupScrollLink label="14"/> . </p>
<div className="casettecontainer" >
<figure>
......@@ -115,7 +115,7 @@ export function Description() {
<H4 text="CFTR in Cystic Fibrosis" id="CFTR-in-cftr" />
<p>In the lungs, this water movement is crucial for maintaining a thin, slippery layer of mucus that can trap and remove particles like dust and bacteria. The mucus is then moved out of the lungs by the action of cilia, tiny hair-like structures on the surface of epithelial cells. When the CFTR protein is defective, as in cystic fibrosis, chloride cannot properly exit the cells. This disrupts the osmotic gradient, preventing water from entering the mucus. As a result, the mucus becomes thick and sticky, making it difficult to clear and creating an ideal environment for bacterial infections, which leads to chronic inflammation and lung damage over time.</p>
<p>In the intestines, CFTR regulates fluid secretion into the digestive tract, which is vital for the normal movement of digestive contents. Without proper CFTR function, water movement is reduced, leading to thickened digestive fluids, blockages, and impaired nutrient absorption. This contributes to malnutrition and other digestive complications in cystic fibrosis patients. </p>
<p>By correcting the genetic mutations that lead to CFTR malfunction, such as the ∆F508 mutation, we aim to restore the proper balance of chloride and water movement, which is crucial for preventing the buildup of mucus and ensuring normal function in both the respiratory and digestive systems.</p>
<p>By correcting the genetic mutations that lead to CFTR malfunction, such as the F508del mutation, we aim to restore the proper balance of chloride and water movement, which is crucial for preventing the buildup of mucus and ensuring normal function in both the respiratory and digestive systems.</p>
</div>
</div>
</Subesction>
......@@ -184,7 +184,7 @@ export function Description() {
</Section>
<Section title="Our Approach" id="Approach">
<Subesction title="Mechanism" id="Approach1">
<p>The development of an improved Prime Editing complex holds great promise for advancing gene editing technologies. Our enhanced system, Prime Guide, addresses key limitations of conventional Prime Editing by focusing on four main areas: editing efficiency, precision, size, and safety. Prime Guide has been designed to target the ΔF508 mutation in cystic fibrosis with high accuracy, while minimizing off-target effects. By optimizing the pegRNA, reverse transcriptase, and nickase components, we aim to deliver precise and efficient genetic modifications.</p>
<p>The development of an improved Prime Editing complex holds great promise for advancing gene editing technologies. Our enhanced system, Prime Guide, addresses key limitations of conventional Prime Editing by focusing on four main areas: editing efficiency, precision, size, and safety. Prime Guide has been designed to target the F508del mutation in cystic fibrosis with high accuracy, while minimizing off-target effects. By optimizing the pegRNA, reverse transcriptase, and nickase components, we aim to deliver precise and efficient genetic modifications.</p>
<InfoBox title="Prime Editing" id="prime-editing">
<details>
<summary>Prime editing is a new method of gene editing based on an RNA-Protein complex. It was developed by a group of researchers revolving around Professor David Liu from Harvard University in 2019.<SupScrollLink label="15"/> </summary>
......
src/contents/judging.tsx
+ 3
− 1
View file @ 78c61591
import { BlockQuoteB } from "../components/Quotes";
import { Section } from "../components/sections";
import { useNavigation } from "../utils";
import { useTabNavigation } from "../utils/TabNavigation";
export function Judging() {
useTabNavigation();
const {goToPagesAndOpenTab} = useNavigation();
return (
<>
<Section title="Overview" id="Overview">
......@@ -60,7 +62,7 @@ export function Judging() {
<Section title="Best Integrated Human Practice" id="Best Integrated Human Practice">
<p>Our team’s project at Bielefeld-CeBiTec integrates Human Practices into every aspect of our work, ensuring that our synthetic biology innovation aligns with societal needs, ethical considerations, and environmental sustainability. By proactively engaging with a broad range of stakeholders, including scientists, regulatory bodies, and community groups, we shaped our project to have meaningful and responsible impacts. Our commitment to understanding the broader implications of our work positions us as a strong candidate for the <b>Best Integrated Human Practices Award</b>. </p>
<h4>Integration of Human Practices </h4>
<p>We actively engaged with a diverse array of stakeholders throughout our project, from CF patients like Max Beckmann[Link] to clinicians such as Prof. Dr. Olariu [Link], physiotherapists like Katrin Westhoff [Link], and industry experts including Dr. Benjamin Winkeljann [Link] and Dr. Katharina Kolonko [Link]. Each of these collaborations directly informed and shaped our therapeutic solution. Max Beckmann’s firsthand experience provided us with invaluable insights into the daily challenges of living with CF, helping us align our gene therapy with patient needs. Additionally, clinicians and physiotherapists guided us toward a treatment strategy that is practical, accessible, and effective for different patient demographics. </p>
<p>We actively engaged with a diverse array of stakeholders throughout our project, from CF patients like <a onClick={() => goToPagesAndOpenTab('maxfirst', '/human-practices')}>Max Beckmann</a> to clinicians such as <a onClick={() => goToPagesAndOpenTab('olariu', '/human-practices')}>Dr. Olariu</a> , physiotherapists like <a onClick={() => goToPagesAndOpenTab('westhoffinv', '/human-practices')}>Katrin Westhoff</a>, and industry experts including <a onClick={() => goToPagesAndOpenTab('rnhale', '/human-practices')}>Dr. Benjamin Winkeljann</a> and <a onClick={() => goToPagesAndOpenTab('kolonkofirst', '/human-practices')}>Dr. Katharina Kolonko</a>. Each of these collaborations directly informed and shaped our therapeutic solution. Max Beckmann’s firsthand experience provided us with invaluable insights into the daily challenges of living with CF, helping us align our gene therapy with patient needs. Additionally, clinicians and physiotherapists guided us toward a treatment strategy that is practical, accessible, and effective for different patient demographics. </p>
<h4>Inspiration to Others </h4>
<p>Our project serves as a model for how synthetic biology can be leveraged to meet real-world needs while maintaining a patient-centered focus. By integrating feedback from patients and medical professionals, we demonstrate that cutting-edge science can coexist with empathy and responsibility. Our focus on inclusivity, scalability, and addressing global disparities in CF treatment sets a precedent for future iGEM teams looking to make a meaningful impact on health challenges. </p>
<h4>Documentation for Future Teams </h4>
......
src/contents/notebook.tsx
+ 1
− 1
View file @ 78c61591
......@@ -8,7 +8,7 @@ export function Notebook() {
useTabNavigation();
return (
<div>
<H2 text="Lab Journals and Protocol collection"/>
<H2 text="Lab Journals and Protocol collection" id="notebookH"/>
<div className="eng-box box" >
<p>Here you can have a detailed look at our lab work - just klick the front pages of the Lab Journals and Protocol Collection to download them!
</p>
......
src/contents/project-documentation.tsx
+ 4
− 0
View file @ 78c61591
import { Calendar } from "../components/Calendar/Calendar";
import { H2 } from "../components/Headings";
import { PDF } from "../components/Pdfs";
import { useTabNavigation } from "../utils/TabNavigation";
......@@ -6,6 +8,8 @@ export function ProDesc() {
useTabNavigation();
return (
<div className="col">
<H2 text="Our Meeting Protocols"/>
<PDF link="https://static.igem.wiki/teams/5247/pdfs/meetings.pdf" name="meetings.pdf"/>
<Calendar/>
</div>
);
......
src/pages.ts
+ 12
− 57
View file @ 78c61591
......@@ -236,9 +236,6 @@ export const NavPages: (Page | PageRef | Folder)[] = [
name: "Home",
title: "Bielefeld CeBiTec",
path: "/home?=scrollTo=l&ing-page-header",
component: Home,
header: HOMEH,
navlist: NoSidebar,
},
{
name: "Highlights",
......@@ -282,33 +279,21 @@ export const NavPages: (Page | PageRef | Folder)[] = [
name: "Roster",
title: "Roster",
path: "/team",
component: Team,
header: TEAMH,
navlist: NoSidebar,
},
{
name: "Attributions",
title: "Attributions",
path: "/attributions",
component: Attributions,
header: ATTH,
navlist: NoSidebar,
},
{
name: "Sponsors & Partners",
title: "Sponsors & Partners",
path: "/partners",
component: Partners,
header: SPONH,
navlist: NoSidebar,
path: "/partners?scrollTo=gold",
},
{
name: "iGEM Bielefeld",
title: "iGEM Bielefeld",
path: "/igem-bielefeld",
component: igemBielefeld,
header: IBIE,
navlist: iGemBielefeldSidebar,
path: "/igem-bielefeld?scrollTo=bielefeld-university",
},
],
},
......@@ -318,42 +303,27 @@ export const NavPages: (Page | PageRef | Folder)[] = [
{
name: "Description",
title: "Project Description",
path: "/description",
component: Description,
header: DESCH,
navlist: DescSidebar
path: "/description?scrollTo=Abstract",
},
{
name: "Engineering",
title: "Engineering",
path: "/engineering",
component: Engineering,
header: ENGH,
navlist: EngSide ,
path: "/engineering?tab=tab-our-cycle&scrollTo=ourcycle",
},
{
name: "Biosafety",
title: "Biosafety",
path: "/safety",
component: Safety,
header: SAFEH,
navlist: SafetySidebar,
path: "/safety?scrollTo=role-in-igem",
},
{
name: "Project Documentation",
title: "Project Documentation",
path: "/project-documentation",
component: ProDesc,
header: PRODESC,
navlist: NoSidebar
path: "/project-documentation?scrollTo=our-meeting-protocols",
},
{
name: "Supplementary Material",
title: "Supplementary",
path: "/supplement",
component: Supplementary,
header: SUPH,
navlist: NoSidebar,
},
],
},
......@@ -363,31 +333,22 @@ export const NavPages: (Page | PageRef | Folder)[] = [
{
name: "Materials & Methods",
title: "Materials & Methods",
path: "/materials-methods",
component: Methods,
header: METHH,
navlist: MethSidebar,
path: "/materials-methods?scrollTo=introduction",
},
{
name: "Results",
title: "Results",
path: "/results",
component: Results,
header: RESH,
navlist: ResultSidebar,
path: "/results?scrollTo=abstract",
},
{
name: "Parts",
title: "Parts",
path: "/parts",
path: "/parts?scrollTo=introduction",
},
{
name: "Notebook",
title: "Notebook",
path: "/notebook",
component: Notebook,
header: NOTEH,
navlist: NoSidebar,
path: "/notebook?scrollTo=notebookH",
},
]
},
......@@ -402,10 +363,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
{
name: "Integrated Human Practices",
title: "Integrated Human Practices",
path: "/human-practices",
component: HumanPractices,
header: HPH,
navlist: HpSidebar
path: "/human-practices?scrollTo=overview-stakeholders",
},
{
name: "Feedback & Implementation",
......@@ -465,10 +423,7 @@ export const NavPages: (Page | PageRef | Folder)[] = [
{
name: "Contribution",
title: "Contribution",
path: "/contribution",
component: Contribution,
header: CONTH,
navlist: ConSidebar,
path: "/contribution?scrollTo=abstract",
},
{
name: "BFH European MeetUp",
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment