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

src/contents/Home.tsx

@@ -113,7 +113,9 @@ export function Home() {
 
 
 
-
+          <div className="row">
+          <iframe title="Bielefeld-CeBiTec: PreCyse - Redefining Cystic Fibrosis Gene Therapy with Next-G... (2024) - Project Promotion [English]" width="100%" height="600ßx" src="https://video.igem.org/videos/embed/74e7d2e6-044a-4e37-83eb-8a6d12626409?loop=1" frameBorder="0" allowFullScreen={true} sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
+          </div>
 
 
          {/* 

src/contents/description.tsx

@@ -18,8 +18,8 @@ import DescSources from "../sources/description-sources";
 
 export function Description() { 
     useTabNavigation();
-    const {goToPagesAndOpenTab} = useNavigation();
-    const {goToPageAndScroll} = useNavigation();
+    const {goToPagesAndOpenTab, goToPageWithTabAndScroll} = useNavigation();
+    const {goToPageAndScroll, goToPageWithTabAndCollapsible} = useNavigation();
   return (
       <div className="row mt-4">
         <div className="col">
@@ -298,10 +298,10 @@ export function Description() {
                     </Collapsible>
                     <br/>
                     <div id="airbuddy-hook" className='row align-items-center'>
-                        <p>To optimize AirBuddy for pulmonary delivery, we collaborated extensively with several experts, including <a onClick={() => goToPagesAndOpenTab('weber', '/human-practices')}>Prof. Weber, Dr. Große-Onnebrink</a> and <a onClick={() => goToPagesAndOpenTab('kolonkofirst', '/human-practices')}>Dr. Kolonko</a> as medical experts, <a onClick={() => goToPagesAndOpenTab('kristian', '/human-practices')}>Prof. Dr. Müller</a>, <a onClick={() => goToPagesAndOpenTab('radukic', '/human-practices')}>Dr. Radukic</a>, <a onClick={() => goToPagesAndOpenTab('moorlach', '/human-practices')}>Benjamin Moorlach</a> and the <a onClick={() => goToPagesAndOpenTab('biophysik', '/human-practices')}>Physical and Biophysical Chemistry working group</a> as academic experts form Bielefeld University and FH Bielefeld as well as <a onClick={() => goToPagesAndOpenTab('corden', '/human-practices')}>Corden Pharma</a> and <a onClick={() => goToPagesAndOpenTab('rnhale', '/human-practices')}>RNhale</a> as industrial experts. Throughout the <a onClick={() => goToPagesAndOpenTab('delivery head', '/engineering')}>development process</a>, we tested two commercially available kits: the <strong>Cayman Chemical LNP Exploration Kit (LNP-102)</strong> and the <strong>Corden Pharma LNP Starter Kit #2</strong>. While the Cayman kit demonstrated limited transfection efficiency, the Corden Pharma formulation significantly enhanced cellular uptake in lung tissues. Building on this, we integrated the <strong>SORT LNP</strong> method based on Wang's research <SupScrollLink label="1"/> , making our nanoparticles lung-specific. Additionally, we employed the <strong>spray-drying technique</strong> in cooperation with RNhale <SupScrollLink label="2"/>  to improve the stability of our LNP, ensuring that it withstands the inhalation process without degradation. This stability is crucial for the efficient delivery of mRNA into lung epithelial cells, where PrimeGuide can effectively perform genome editing.</p>
+                        <p>To optimize AirBuddy for pulmonary delivery, we collaborated extensively with several experts, including <a onClick={() => goToPagesAndOpenTab('weber', '/human-practices')}>Prof. Weber, Dr. Große-Onnebrink</a> and <a onClick={() => goToPagesAndOpenTab('kolonkofirst', '/human-practices')}>Dr. Kolonko</a> as medical experts, <a onClick={() => goToPagesAndOpenTab('kristian', '/human-practices')}>Prof. Dr. Müller</a>, <a onClick={() => goToPagesAndOpenTab('radukic', '/human-practices')}>Dr. Radukic</a>, <a onClick={() => goToPagesAndOpenTab('moorlach', '/human-practices')}>Benjamin Moorlach</a> and the <a onClick={() => goToPagesAndOpenTab('biophysik', '/human-practices')}>Physical and Biophysical Chemistry working group</a> as academic experts form Bielefeld University and FH Bielefeld as well as <a onClick={() => goToPagesAndOpenTab('corden', '/human-practices')}>Corden Pharma</a> and <a onClick={() => goToPagesAndOpenTab('rnhale', '/human-practices')}>RNhale</a> as industrial experts. Throughout the <a onClick={() => goToPageWithTabAndScroll({tabId:'tab-delivery', path: '/engineering', scrollToId: "delivery-header"})}>development process</a>, we tested two commercially available kits: the <strong>Cayman Chemical LNP Exploration Kit (LNP-102)</strong> and the <strong>Corden Pharma LNP Starter Kit #2</strong>. While the Cayman kit demonstrated limited transfection efficiency, the Corden Pharma formulation significantly enhanced cellular uptake in lung tissues. Building on this, we integrated the <strong>SORT LNP</strong> method based on Wang's research <SupScrollLink label="1"/> , making our nanoparticles lung-specific. Additionally, we employed the <strong>spray-drying technique</strong> in cooperation with RNhale <SupScrollLink label="2"/>  to improve the stability of our LNP, ensuring that it withstands the inhalation process without degradation. This stability is crucial for the efficient delivery of mRNA into lung epithelial cells, where PrimeGuide can effectively perform genome editing.</p>
                         <img src="https://static.igem.wiki/teams/5247/delivery/big-plan-inhalation-teil-del.webp"/>  
                     </div>
-                   <p>To evaluate the <strong>delivery efficiency</strong>, we transfected HEK292 and CFBE41o- cells using fluorescent cargo and quantified the results through FACS analysis. We also ensured that AirBuddy meets the necessary standards for safety and efficacy since we conducted extensive <a onClick={() => goToPageAndScroll ('In-Depth Characterization of LNPsH', '/materials-methods')}> characterization of the LNPs </a>using techniques such as Zeta potential analysis, Dynamic Light Scattering (DLS), Scanning Electron Microscopy (SEM), and Cryogenic Electron Microscopy (cryo-EM). These methods confirmed the uniformity, stability, and optimal size distribution of the nanoparticles. Furthermore, <strong>cytotoxicity assessments</strong> including MTT and proliferation assays demonstrated that our LNPs are biocompatible and do not impede cell growth or function by the incorporation of <a onClick={() => goToPagesAndOpenTab('it4', '/engineering')}>PEG</a> and other ambivalent components. These findings reinforce AirBuddy's potential as a safe and effective tool for pulmonary delivery, with broad implications for gene therapies targeting lung diseases.</p>
+                   <p>To evaluate the <strong>delivery efficiency</strong>, we transfected HEK292 and CFBE41o- cells using fluorescent cargo and quantified the results through FACS analysis. We also ensured that AirBuddy meets the necessary standards for safety and efficacy since we conducted extensive <a onClick={() => goToPageAndScroll ('In-Depth Characterization of LNPsH', '/materials-methods')}> characterization of the LNPs </a>using techniques such as Zeta potential analysis, Dynamic Light Scattering (DLS), Scanning Electron Microscopy (SEM), and Cryogenic Electron Microscopy (cryo-EM). These methods confirmed the uniformity, stability, and optimal size distribution of the nanoparticles. Furthermore, <strong>cytotoxicity assessments</strong> including MTT and proliferation assays demonstrated that our LNPs are biocompatible and do not impede cell growth or function by the incorporation of <a onClick={() => goToPageWithTabAndCollapsible({tabId:'tab-delivery', path: '/engineering', collapseId: "Col1"})}>PEG</a> and other ambivalent components. These findings reinforce AirBuddy's potential as a safe and effective tool for pulmonary delivery, with broad implications for gene therapies targeting lung diseases.</p>
                 </Subesction>
             </Section>
             

src/contents/judging.tsx

@@ -29,6 +29,12 @@ export function Judging() {
               </div>
             </div>
         </Section>
+        <div className="row align-items-center">
+          <div className="col">
+          <iframe title="Bielefeld-CeBiTec: Introduction (2024) [English]" width="100%" height="600px" src="https://video.igem.org/videos/embed/9ffc5914-df86-4ba7-a0eb-f324694988ee" frameBorder="0" allowFullScreen={true} sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe>
+       
+          </div>
+        </div>
         <Section title="Best Therapeutic Project" id="Best Therapeutic Project">
           <p>Our project is a dual therapeutic approach targeting cystic fibrosis (CF), specifically the most common mutation, F508del. We aim to develop a curative solution by correcting the genetic defect using Prime Editing Technology while enhancing the folding of the CFTR protein. Additionally, we developed a Lipid Nanoparticle for the cell-specific targeting of lung epithelial cells. This project directly addresses the unmet therapeutic needs of CF patients, providing a long-term and potentially curative solution. </p>
           <h4>Has the team clearly defined the therapeutic problem they are addressing? </h4>

src/contents/methods.tsx

@@ -90,8 +90,8 @@ export function Methods() {
           <H4 text="Proliferation Assay to Monitor Long-Term Safety"></H4>
             <p>In addition to assessing immediate cytotoxicity, we also evaluated the long-term safety of the LNPs by conducting a proliferation assay. This assay tracked cell division and growth over time to determine whether the LNPs impacted cellular function. Our results showed that LNP-treated cells had similar growth rates to untreated controls, indicating that the LNPs do not interfere with normal cell processes. This further confirms their biocompatibility and suitability for use in biological systems.</p>
           </Subesction>
-          <Subesction title="Flow cytometry" id="FACS">
-            <p>To assess the transfection efficiency of our LNPs, we used fluorescence-activated cell sorting (FACS). This method involved tagging the LNPs with fluorescent markers and measuring their ability to deliver genetic material into target cells. FACS provided quantitative insights into how effectively the LNPs transfected cells, helping us optimize their design for gene therapy applications. </p>
+          <Subesction title="Flow cytometry" id="flow cytometry">
+            <p>To assess the transfection efficiency of our LNPs, we used flow cytometry. This method involved tagging the LNPs with fluorescent markers and measuring their ability to deliver genetic material into target cells. FACS provided quantitative insights into how effectively the LNPs transfected cells, helping us optimize their design for gene therapy applications. </p>
           </Subesction>
 
           <Subesction title="In-Depth Characterization of LNPs" id="In-Depth Characterization of LNPs">

src/contents/parts.tsx

@@ -7,7 +7,7 @@ import { BasicParts  } from "../data/parts";
 export function Parts() {
   useTabNavigation();
   let headcols = ["Part Name", "Registry Code", "Part Description", "length [bp]", "type"]
-    return (
+    return ( 
       <div className="col">
         <Section title="Introduction" id="Introduction">
           <Subesction title="Description" id="Introduction1">
@@ -29,6 +29,7 @@ export function Parts() {
           <Subesction title="Cloning" id="Experiments1">
             <LoremMedium/> 
           </Subesction>
+          
         </Section>
         <Section title="Parts Collection" id="Parts Collection">
           <Subesction title="Plasmids" id="Parts Collection1">

src/sidebars/prtS.tsx

@@ -13,6 +13,6 @@ export function PartSidebar(){
 const tabs = [
     { tab: "Introduction", subtabs: ["Description", "Characterization"]},
     { tab: "Process", subtabs: ["EC", "Design and Build"]},
-    {tab: "Experiments", subtabs: ["Cloning", "Nikase-Assay", "Activity Experiments"]},
+    {tab: "Experiments", subtabs: ["Cloning"]},
     {tab: "Parts Collection", subtabs: ["Plasmids", "Basic Parts", "Composite Parts"]},
   ];