id h2 h3

src/contents/description.tsx

@@ -56,15 +56,15 @@ export function Description() {
         <div className="col">
           <div  className="col">
           
-            <section id="Abstract" className="section">
-                <H2 text="Abstract"/>
+            <section  className="section">
+                <H2 id="Abstract" text="Abstract"/>
                 <p>We are proud to introduce our next-generation prime editing technology <a href="#" className="underline--magical">PreCyse</a>. We aim to develop an innovative gene therapy against cystic fibrosis, tackling the most common mutation ΔF508 of the CFTR (Cystic Fibrosis Transmembrane Conductance Regulator) gene. We optimize lipid nanoparticles for the efficient and cell-specific delivery of our therapeutic mRNA. Current treatment strategies are limited in terms of speed, precision and effectiveness, often failing to achieve long-lasting improvements. In addition, high costs and limited accessibility of pharmaceuticals contribute to adverse prognosis of many patients. We want to develop a monthly applied which represents a cure that is more advanced and user-friendly compared to other medications due to its longer lasting time, lowering the frequency of use. </p>
                 </section>
           </div> 
 
           <div className="col">
             <section className="section">
-                <div id="Cystic-Fibrosis"><H2 text="Cystic Fibrosis"/></div>
+                <H2 text="Cystic Fibrosis" id="Cystic-Fibrosis"/>
                 <div id="CF1"><h3>General</h3> </div>
                 <div className="row align-items-center">
                     <div className="col">
@@ -142,7 +142,7 @@ export function Description() {
 
           <div className="col">
             <section  className="section">
-                <div id="Our-motivation"><H2 text="Our motivation"></H2></div>
+                <H2 id="Our-motivation" text="Our motivation"></H2>
                 <p>We chose to focus on CF and specifically the ΔF508 mutation due to its prevalence and the severe impact it has on patients' lives. Additionally, our team includes members who have close friends affected by this condition, giving us a personal connection and a strong motivation to find a solution. By targeting the ΔF508 mutation, we aim to develop a therapy that could potentially, not only benefit many CF patients and make a significant improvement in their lives, but also can serve as a template, which research groups can use to target other genetic diseases. </p>
                 <div className="row align-items-center">
                     <div className="col" >
@@ -157,7 +157,7 @@ export function Description() {
 
           <div className="col">
             <section  className="section">
-               <div id="Approach"><H2 text="Approach"></H2></div> 
+               <H2 id="Approach" text="Approach"></H2>
                 <p>To correct the mutation, we are utilizing Prime Editing technologies. Prime Editing is a genome editing technique that allows precise DNA modifications without causing double-strand breaks<SupScrollLink label="2"/>. Structurally, the Prime Editing complex consists of a Cas9 endonuclease fused to a reverse transcriptase (RT) and guided by a pegRNA, which directs the complex to the target site in the genome.  </p>
                 <InfoBox title="Prime Editing" id="prime-editing">
                     <details>
@@ -184,7 +184,7 @@ export function Description() {
 
           <div className="col">
             <section  className="section">
-               <div id="Delivery"> <H2 text="Delivery"></H2> </div>
+                <H2 text="Delivery" id="Delivery"></H2>
                 <img className="img-left img-half spin" src="https://static.igem.wiki/teams/5247/scientific-figures/lnp.png" height={"200vw"}/>  
                 <div>
                     <p>We chose LNPs as the delivery system of our Next-Generation Prime Editing Technology. Because of their large capacity and less immunogenic side effects compared to other delivery systems like Adeno-associated Viruses (AVV)<SupScrollLink label="6"/>. Our aim is to optimize the LNP formulation to improve delivery to lung tissue via inhalation. Because of our collaborations, we are able to test and optimize different delivery systems to improve our organ specific therapeutic approach. Therefore, our LNP design focusses on stability and targeting. Stability is achieved by a polyethylene glycol (PEG) coating that protects the LNPs from degradation by the immune system<SupScrollLink label="7"/>. Moreover, we use capsaicin in combination with chitosan to improve the uptake of our construct through their mucus-adhesive properties<SupScrollLink label="8"/>. </p>
@@ -204,7 +204,7 @@ export function Description() {
 
           <div className="col">
             <section  className="section">
-               <div id="Our-vision"><H2 text="Our vision"></H2>   </div> 
+               <H2 text="Our vision" id="Our-vision"></H2>
 
                 <p>We are envisioning a potential integration into a broader therapeutic framework involving customized gene editing tools for various genetic disorders, that present similar problems/difficulties to the F508del mutation, as well as other genetic diseases of different causes. This could include collaborations with pharmaceutical companies to develop new treatment modalities for genetic diseases beyond cystic fibrosis, utilizing advanced delivery systems and personalized medicine approaches. </p>
                 {/* <H2 text="Editing Statistics"/> */}
@@ -215,7 +215,7 @@ export function Description() {
         {/* Sources */}
         <div className="col">
         <section className="section">
-            <div id="References"><H2 text="References"></H2>    </div>
+            <H2 text="References" id="References"></H2>
             <ol>
                 {/* <!-- Citation num 1--> */}
                 <li typeof="schema:ScolarlyArticle" role="doc-biblioentry" property="schema:citation" id="desc-1">
@@ -523,18 +523,18 @@ export function Description() {
 
  let medibuttonrowdata =[
     {
-        node: <H2 text="About"/>, 
+        node: <H2 id="about-btn" text="About"/>, 
         buttonname: "About", 
         cssname: "First"
         
     },
     {   
-        node: <H2 text="Modulators"/>,
+        node: <H2 id="modulator-btn" text="Modulators"/>,
         buttonname: "Modulators", 
         cssname: "modulators"
     },
     {
-        node: <H2 text="Inhalations"/>, 
+        node: <H2 id="inhalator-btn" text="Inhalations"/>, 
         buttonname: "Inhalations", 
         cssname: "inhalations"
     },

src/contents/education.tsx

@@ -47,7 +47,7 @@ export function Education() {
     return (
       <>
         <div>
-        <H2 text="Interviews Page"/>
+        <H2 id="interviews" text="Interviews Page"/>
             {/* <a onClick={() => goToTextsAndOpenCollapsible("symptoms-collapsible", "/description?collapseId=")}> 
                 Go to Texts and Open Collapsible 1
             </a> */}
@@ -67,14 +67,14 @@ export function Education() {
           </div>
         </div>
         <div id="overview" className="cycletab" style={{display: "block"}}>
-          <H2 text="Our education and outreach"/>
-          <H2 text="If not as a special prize - then why?"/>
+          <H2 id="edu-out-heading" text="Our education and outreach"/>
+          <H2 id="why-heading" text="If not as a special prize - then why?"/>
         </div>
         <div id="akademie" className="cycletab" style={{display: "none"}}>
-        <H2 text="Student academy on the topic of synthetic biology"/>
+        <H2 id="student-academy-heading" text="Student academy on the topic of synthetic biology"/>
         </div>
         <div id="teutoruft" className="cycletab" style={{display: "none"}}>
-        <H2 text="Educational city tour for young and old"/>
+        <H2 id="teuroruft-heading" text="Educational city tour for young and old"/>
         
           <div className="row align-items-center">
               <div className="col">
@@ -86,7 +86,7 @@ export function Education() {
             </div>
         </div>
         <div id="mukomove" className="cycletab" style={{display: "none"}}>
-        <H2 text="Cystic fibrosis awareness month"/>
+        <H2 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>

src/contents/impressum.tsx

@@ -36,7 +36,7 @@ export function Impressum() {
     <>
       <div className="row">
         <div className="col">
-        <H2 text="Impressum"/>
+        <H2 id="impressum" text="Impressum"/>
           <hr />
         </div>
       </div>

src/contents/interviews.tsx

@@ -98,7 +98,7 @@ export function Ints() {
                   </div>
               </div>
               <div className="col">
-              <H3 text="Notes from the interview"/>
+              <H3 id="olariunotes" text="Notes from the interview"/>
                 <br/>
                 <QaBox
                   q="Question"
@@ -126,7 +126,7 @@ export function Ints() {
                   </div>
               </div>
               <div className="col">
-              <H3 text="Notes from the interview"/>
+              <H3 id="joshnotes" text="Notes from the interview"/>
                 <br/>
                 <QaBox
                   q="Question"
@@ -155,7 +155,7 @@ export function Ints() {
                   </div>
               </div>
               <div className="col">
-              <H3 text="Notes from the interview"/>
+              <H3 id="julianotes" text="Notes from the interview"/>
                 <br/>
                 <QaBox
                   q="Question"
@@ -183,7 +183,7 @@ export function Ints() {
                   </div>
               </div>
               <div className="col">
-              <H3 text="Notes from the interview"/>
+              <H3 id="nicolenotes" text="Notes from the interview"/>
                 <br/>
                 <QaBox
                   q="Question"
@@ -219,7 +219,7 @@ export function Ints() {
                   </div>
               </div>
               <div className="col cycletab" id="mattijsinv1" style={{display: "block"}}>
-              <H3 text="Notes from the first interview"/>
+              <H3 id="mattijsnotes1" text="Notes from the first interview"/>
                 <br/>
                 <QaBox
                   q="Question"
@@ -227,7 +227,7 @@ export function Ints() {
                   />
               </div>
               <div className="col cycletab" id="mattijsinv2" style={{display: "none"}}>
-              <H3 text="Notes from the second interview"/>
+              <H3 id="mattijsnotes2"  text="Notes from the second interview"/>
                 <br/>
                 <QaBox
                   q="Question"