svg

src/App/App.css

@@ -1542,9 +1542,19 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
   margin-right: auto;
   width: 100% !important;
   max-width: 100% !important;
-  
 }
 
+#rnabindingtext:hover, #pegrnatext:hover, #nikasetext:hover, #linkertext:hover,
+#PEtext:hover, #stemlooptext:hover, #ribotext:hover
+{
+  fill: var(--text-primary) !important;
+  stroke: var(--text-primary) !important;
+  font-size: 17px !important;
+}
+
+
+
+
 
 /* datawrapper */
 			.chart.vis-d3-maps-choropleth {

src/contents/description.tsx

@@ -6,6 +6,7 @@ import { Circle } from "../components/Shapes";
 import { ButtonRowTabs } from "../components/Tabs";
 import {TabButtonRow} from "../components/Buttons"; */
 /* import { InfoBox } from "../components/Boxes";  */
+import { Complex } from "../components/svgs";
 
 export function Description() { 
   return (
@@ -104,8 +105,9 @@ export function Description() {
 {/*                 <InfoBox title="Prime Editing">
                     About prime editing
                 </InfoBox> */}
-                <img className="img-right img-half" src="https://static.igem.wiki/teams/5247/scientific-figures/komplex-komplett-beschriftet.svg"/>    
-                
+{/*                 <img className="img-right img-half" src="https://static.igem.wiki/teams/5247/scientific-figures/komplex-komplett-beschriftet.svg"/>    
+                */} <div className="img-right img-half"><Complex></Complex></div>
+                 
                 <div>
                     <p>However, the Prime Editing complex is relatively large, posing challenges for therapeutic delivery<a href="#desc-three"><sup>3</sup></a>. Additionally, Prime Editing has been shown to be relatively inefficient in terms of gene editing rates, which could limit its therapeutic utility<a href="#desc-four"><sup>4</sup></a>. Our project aims to enhance the Prime Editing approach by miniaturizing its components. Fanzor, a recently discovered eukaryotic endonuclease, performs functions similar to Cas9, a crucial part of the Prime Editing complex, but is significantly smaller. We aim to substitute Cas9 with Fanzor. </p>
                     <p>Additionally, we plan to replace the reverse transcriptase in the Prime Editing complex with a smaller RT variant. Furthermore, MCP proteins will be added to the Prime Editing complex to increase its stability<a href="#desc-five"><sup>5</sup></a>.  </p>

src/contents/engineering.tsx

@@ -6,7 +6,18 @@ export function Engineering() {
       <>
         <div className="row mt-4">
           <div className="col-lg-8">
-            
+            <section id="RNAbindingprotein">
+              
+            </section>
+            <section id="RNAbindingprotein">
+              
+            </section>
+            <section id="RNAbindingprotein">
+              
+            </section>
+            <section id="RNAbindingprotein">
+              
+            </section>
           </div>
   
         </div>

src/contents/human-practices.tsx

@@ -158,6 +158,8 @@ export function HumanPractices() {
     <section id="Inspiration" className="section">
       <div className="center">
         <h3  className="col personalstyleone">Inspiration</h3>
+
+
       </div> 
     </section>
     <section id="Methods" className="section">