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

src/App/mediarules.css

@@ -133,12 +133,9 @@
       height: auto; 
     }
     /***home***/
-   #take-a-moment-text, 
-   #deeply-breathe-text, 
-   #breathe-out-text, 
-   #breathe-in-out-text {
-    font-size: 1.5em; /* Adjust font size for smaller screens */
-    text-align: center; /* Optional: center text for mobile */
+   #breatht  {
+    font-size: 1.5em !important; /* Adjust font size for smaller screens */
+    text-align: left; /* Optional: center text for mobile */
   }
     /***Biosafty***/
     #safehead {

src/components/Breathe.tsx

@@ -99,8 +99,8 @@ export function Breathe(){
                     {/* Spacing Block */}
                     <div className='col' style={{ 'height': '100vh' }}></div>
                     <div style={{ 'height': '100vh'}} ref={domRef2}>
-                        <p style={{'fontSize' : '2.5em'}}>Take a moment to</p>
-                        <p style={{'fontSize' : '2.5em'}}>deeply breathe in...</p>
+                        <p id="breatht" style={{'fontSize' : '2.5em'}}>Take a moment to</p>
+                        <p id="breatht" style={{'fontSize' : '2.5em'}}>deeply breathe in...</p>
                         <img style={{
                             'position': 'fixed',
                             'top': '20vh',
@@ -116,8 +116,8 @@ export function Breathe(){
                     {/* Spacing Block */}
                     <div className='col' style={{ 'height': '95vh' }}></div>
                     <div style={{ 'height': '100vh'}} ref={domRef3}>
-                        <p style={{'fontSize' : '2.5em'}}>and deeply.</p>
-                        <p style={{'fontSize' : '2.5em'}}>breathe out...</p>
+                        <p id="breatht" style={{'fontSize' : '2.5em'}}>and deeply.</p>
+                        <p id="breatht" style={{'fontSize' : '2.5em'}}>breathe out...</p>
                         <img style={{
                             'position': 'fixed',
                             'top': '20vh',
@@ -132,13 +132,13 @@ export function Breathe(){
                     </div>
                     {/* Spacing Block */}
                     <div className='col' style={{ 'height': '100vh' }}></div>
-                    <p style={{'fontSize' : '2.5em'}}>You feel <strong>revitalized</strong></p>
-                    <p style={{'fontSize' : '2.5em'}}>Your body and mind</p>
-                    <p style={{'fontSize' : '2.5em'}}>become <strong>grounded</strong>.</p>
+                    <p id="breatht" style={{'fontSize' : '2.5em'}}>You feel <strong>revitalized</strong></p>
+                    <p id="breatht" style={{'fontSize' : '2.5em'}}>Your body and mind</p>
+                    <p id="breatht" style={{'fontSize' : '2.5em'}}>become <strong>grounded</strong>.</p>
                     {/* Spacing Block */}
                     <div className='col' style={{ 'height': '100vh' }}></div>
-                    <p style={{'fontSize' : '2.5em'}}>Now deeply breathe in</p>
-                    <p style={{'fontSize' : '2.5em'}}>and hold your breath.</p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}>Now deeply breathe in</p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}>and hold your breath.</p>
                     <div style={{ 'height': '100vh'}} ref={domRef4}>
                         <img style={{
                             'position': 'fixed',
@@ -181,8 +181,8 @@ export function Breathe(){
                         }}
                         src="https://static.igem.wiki/teams/5247/landing/breath/circles/darkerpurplecircle.webp"></img>
                     </div>
-                    <p style={{'fontSize' : '2.5em'}}>Breathing is  </p>
-                    <p style={{'fontSize' : '2.5em'}}>essential.</p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}>Breathing is  </p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}>essential.</p>
                   {/*   <p style={{'fontSize' : '2.5em'}}>Breathing is essential, </p>
                     <p style={{'fontSize' : '2.5em'}}>but many people </p>
                     <p style={{'fontSize' : '2.5em'}}>struggle with it.</p> */}
@@ -200,9 +200,9 @@ export function Breathe(){
                     </div>
                     {/* Spacing Block */}
                     <div className='col' style={{ 'height': '100vh' }}></div>
-                    <p style={{'fontSize' : '2.5em'}}>That is why we </p>
-                    <p style={{'fontSize' : '2.5em'}}>persue gene therapy for </p>
-                    <p style={{'fontSize' : '2.5em'}}><b>cystic fibrosis.</b></p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}>That is why we </p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}>persue gene therapy for </p>
+                    <p id="breatht"style={{'fontSize' : '2.5em'}}><b>cystic fibrosis.</b></p>
             </div>
             {/* grey */}
             <div 
@@ -222,11 +222,11 @@ export function Breathe(){
                         src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-3.webp">
                     </img>
                 </div>
-                <p style={{'fontSize' : '2.5em'}}>To help restore the ability </p>
-                <p style={{'fontSize' : '2.5em'}}>to breathe freely, offering</p>
-                <p style={{'fontSize' : '2.5em'}}><b>hope</b> to those whose lungs</p>
-                <p style={{'fontSize' : '2.5em'}}>can not properly function</p> {/*  on their own. */}
-                <p style={{'fontSize' : '2.5em'}}>on their own.</p>       
+                <p id="breatht"style={{'fontSize' : '2.5em'}}>To help restore the ability </p>
+                <p id="breatht"style={{'fontSize' : '2.5em'}}>to breathe freely, offering</p>
+                <p id="breatht"style={{'fontSize' : '2.5em'}}><b>hope</b> to those whose lungs</p>
+                <p id="breatht"style={{'fontSize' : '2.5em'}}>can not properly function</p> {/*  on their own. */}
+                <p id="breatht"style={{'fontSize' : '2.5em'}}>on their own.</p>       
                 {/* Spacing Block */}
                 <div className='col' style={{ 'height': '100vh' }}></div>
             </>

src/contents/engineering.tsx

@@ -550,7 +550,7 @@ export function Engineering() {
                         </p>
                         <H4 text="Design" id="design-head"/>
                         <p>
-                           Following an interview with <a onClick={() => goToPagesAndOpenTab('JPpegRNA', '/human-practices')}> Jan-Phillipp Gerhards </a>, we came across the concept of silent edits. Silent edits refer to single-base alterations of the nucleotide sequence that do not change the encoded amino acid. Jan-Phillipp pointed out that introducing silent edits in addition to the intended edit offers two major advantages.
+                           Following an interview with <a onClick={() => goToPagesAndOpenTab('JPpegRNA', '/human-practices')}>Jan-Phillipp Gerhard</a>, we came across the concept of silent edits. Silent edits refer to single-base alterations of the nucleotide sequence that do not change the encoded amino acid. Jan-Phillipp pointed out that introducing silent edits in addition to the intended edit offers two major advantages.
                         </p>
                         <p>
                            Firstly, silent edits can increase the likelihood of flap incorporation during the prime editing process, especially in the context of MMR (Mismatch Repair) in the cell. Without silent edits, the cell is more likely to detect the mismatches that only occur at the desired mutation site, leading to a higher chance of the wild-type flap being reinserted. By introducing silent edits, multiple mismatches are present which this increases the probability of the synthesized flap being incorporated.

src/contents/methods.tsx

@@ -91,7 +91,7 @@ export function Methods() {
             <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="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>
+            <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. The flow cytometry 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">