Engineering Header

src/contents/engineering.tsx

@@ -2,7 +2,7 @@
 import { ButtonOneEngineering } from "../components/Buttons";
 import { LoremShort } from "../components/Loremipsum";
 import { openElement } from "../utils/openElement";
-import { H3, H4, H5 } from "../components/Headings";
+import { H2, H3, H4, H5 } from "../components/Headings";
 import { useTabNavigation } from "../utils/TabNavigation";
 import { Collapsible } from "../components/Collapsible";
 import { useNavigation } from "../utils";
@@ -31,7 +31,7 @@ export function Engineering() {
             <div id="tab-our-cycle" className="enginneeringtab" style={{display: "block"}}>
                <section > <br id="obenengineering"/>
                   <div className="eng-box box" >
-                     <H3 text="Our cycle" id="our-cycle-header"></H3>
+                     <H4 text="Our cycle" id="our-cycle-header"></H4>
                      <p>Hallo Prime Editing diesdas</p>
                   </div>
                   
@@ -50,7 +50,7 @@ export function Engineering() {
             <div className="enginneeringtab" id="tab-reporter" style={{display: "none"}}>
             <section id="reporter sec" >
                   <div className="eng-box box" >
-                     <H3 id="reporter-header" text="Prime Editing Reporter"></H3>
+                     <H2 id="reporter-header" text="Prime Editing Reporter"></H2>
                      <p>Prime editing is a is a very precise and safe method. However, depending on the genomic locus targeted, the editing efficiency can be very low. The cystic fibrosis causing CFTR F508del mutation is, as Mattijs Bulcaen[link] stated in our interview, one of, if not the most obvious application of prime editing, considering the large amount of people affected. The lack of publications addressing CFTR target implied, that the mutation might be particularly hard to edit. At low editing efficiency, successful edits are hard, if not impossible to distinguish from the background noise using conventional methods like sanger sequencing or qPCR. As a basis to effectively test our approach and screen for working pegRNAs, we needed a highly sensitive method of detection with as little noise as possible to optimize our prime editing approach for genomic CFTR targeting.</p>
                   </div>
                   <div className="box" >
@@ -209,7 +209,7 @@ export function Engineering() {
             <div id="tab-transfection" className="enginneeringtab" style={{display: "none"}}>
                <section  >
                   <div className="eng-box box" >
-                     <H3 id="transfection-header" text="Optimization of Transfection"></H3>
+                     <H2 id="transfection-header" text="Optimization of Transfection"></H2>
                      <p>
                         To test prime editors, a reliable model system is required. HEK293 cells are a human derived cell line and widely used in a variety of fields in biology<TabScrollLink tab="tab-transfection" num="1" scrollId="desc-1"/>. Apart from easy handling and comparatively easy transfection, they have, as we found out in our exchange with  <a onClick={() => goToPagesAndOpenTab('mattijsinv', '/human-practices')}>Mattijs Bulcaen</a>, one advantage over other models: They are naturally impaired in DNA repair mechanisms and therefore easier to edit. To properly compare editing efficiencies, a high transfection efficiency is of utmost importance. This engineering cycle focuses on our work in simulating prime editing using the PEAR reporter system<TabScrollLink tab="tab-transfection" num="2" scrollId="desc-2"/> and optimizing transfection protocols.
                      </p>
@@ -326,7 +326,7 @@ export function Engineering() {
             <div id="tab-pe-systems" className="enginneeringtab" style={{display: "none"}}>
             <section id="PE Systems sec" >
                   <div className="eng-box box" >
-                     <H3 id="pe-systems-header" text="Prime Editing Systems"></H3>
+                     <H2 id="pe-systems-header" text="Prime Editing Systems"></H2>
                      <p>Different versions of the original prime editing system have been developed since its initial introduction. Deciding on what system to use for the application in therapeutic human gene editing, especially concerning the correction of F508del, was the goal of this engineering cycle.</p>
                      <p>
                         Since we aim to develop a therapy delivered to the human body, we wanted to obtain high editing efficiency while risking as little off-targets as possible and also reducing the size for improved packability.
@@ -503,7 +503,7 @@ export function Engineering() {
             <div className="enginneeringtab" id="tab-pegrna" style={{display: "none"}}>
             <section id="pegRNA sec" >
                   <div className="eng-box box" >
-                     <H3 id="pegrna-header" text="pegRNA"></H3>
+                     <H2 id="pegrna-header" text="pegRNA"></H2>
                      <p><LoremShort></LoremShort></p>
                   </div>
                   <div className="box" >
@@ -628,7 +628,7 @@ export function Engineering() {
             <div className="enginneeringtab" id="tab-nickase" style={{display: "none"}}>
             <section id="Nickase sec" >
                   <div className="eng-box box" >
-                     <H3 id="nickase-header" text="Alternative Nickases"></H3>
+                     <H2 id="nickase-header" text="Alternative Nickases"></H2>
                      <p><LoremShort></LoremShort></p>
                      <img src="https://static.igem.wiki/teams/5247/fanzor/movie4-ezgif-com-video-to-gif-converter.gif"></img>
                      <img src="https://static.igem.wiki/teams/5247/fanzor/movie5-ezgif-com-video-to-gif-converter-2.gif"></img>
@@ -770,7 +770,7 @@ export function Engineering() {
             <div className="enginneeringtab" id="tab-delivery" style={{display: "none"}}>
                <section id="Delivery sec" >
                   <div className="eng-box box" >
-                     <H3 id="delivery-header" text="Delivery"></H3>
+                     <H2 id="delivery-header" text="Delivery"></H2>
                      <p>The design path of our lipid nanoparticle (LNP) for mRNA delivery underwent multiple cycles of research and discussion, marked by important decision points and learnings along the way. By ongoing further improvement, we designed our lungs-specific LNP called AirBuddy with improved stability aspects, becoming more precise in the delivery of our therapeutic cargo LNP by LNP.</p>
                       <img src="https://static.igem.wiki/teams/5247/delivery/airbuddy.webp" style={{maxHeight: "80pt"}}/>  
                   </div>